30 Όμορφες ιστοσελίδες τριών χρωμάτων για την έμπνευσή σας

Το χρώμα επηρεάζει πολύ τον σχεδιασμό. Ωστόσο, ένα σχέδιο με πάρα πολλά χρώματα μπορεί εύκολα να συντρίψει έναν θεατή. Μερικές φορές μια μινιμαλιστική προσέγγιση μπορεί να βοηθήσει να προσελκύσει το βλέμμα του επισκέπτη σε συγκεκριμένο περιεχόμενο - το σωστό περιεχόμενο.

Σε αυτή τη συλλογή ιστοσελίδων, επικεντρώσαμε τα σχέδια που χρησιμοποίησαν τρία χρώματα για τους πρωταρχικός σχεδιαστικά στοιχεία. Ωστόσο, μερικοί από αυτούς τους ιστότοπους περιλαμβάνουν ένα ή δύο χρώματα προβολής πέρα ​​από τα 3 κύρια χρώματα. Παρ 'όλα αυτά, αυτοί οι ιστότοποι ήταν απλά πολύ καλά και αρκετά κοντά στα 3 κριτήρια χρώματος που δεν μπορούσαμε να τα βοηθήσουμε αλλά να τα συμπεριλάβουμε σε αυτή τη συλλογή.

Παρατηρήστε πώς τα χρώματα σας βοηθούν να εστιάσετε την προσοχή σας εκεί όπου χρειάζεται. Μπορείτε να δείτε πώς η μάρκα συνδέθηκε σε κάθε ένα από αυτά τα σχέδια; Μπορείτε επίσης να δείτε πως η χρήση γραφικών πλήρους χρώματος παράλληλα με μια περιορισμένη παλέτα χρωμάτων εξακολουθεί να είναι χρήσιμη χωρίς να πάτε πολύ μακριά από τη μινιμαλιστική διαδρομή σχεδιασμού. Τα παρακάτω παραδείγματα θα σας δείξουν αυτό ιστοσελίδες που χρησιμοποιούν το πολύ 3 χρώματα μπορεί ακόμα να είναι αποτελεσματική.

Μηχανική εικόνας

Ένα ωραίο μινιμαλιστικό σχέδιο, που χρησιμοποιεί αρκετά χρώματα για να τραβήξει το βλέμμα σε σημαντικό περιεχόμενο στον ιστότοπο.

nclud

Το μεγάλο, μπλε φωτογραφικό υπόβαθρο είναι μια ωραία αντίθεση με το λευκό κύριο κείμενο και το πράσινο εμπορικό σήμα, το οποίο προσελκύει πρώτα την προσοχή του αναγνώστη. Το γαλάζιο κείμενο στρέφει το βλέμμα προς τα κάτω σε μια σύντομη περιγραφή της εταιρείας και μια λίστα με τους εντυπωσιακούς πελάτες της. Ωραία χρήση του χρώματος για τη δημιουργία ιεραρχίας!

Το πατάρι

Διαφορετικές αποχρώσεις του γκρι σε λευκό φόντο δίνουν αυτή την ιστοσελίδα μια εκλεπτυσμένη μινιμαλιστική εμφάνιση. Το έγχρωμο κείμενο στο μενού σελίδας λειτουργεί ως οδηγός κατά την πλοήγηση στην τοποθεσία.

Fat-Man-Συλλογική

Ακριβώς όπως η εμφάνιση και ο τόνος του branding, αυτός ο σχεδιασμός της ιστοσελίδας είναι επίσης "σύντομος και γλυκός". Τρόπος λειτουργίας με τη διατήρηση μιας επώνυμης εμφάνισης!

Creative Spark

Χωρίς την απεικόνιση, αυτός ο ιστότοπος ενσωματώνει μόνο 3 χρώματα στο σχεδιασμό του: κίτρινο, μαύρο και λευκό, το οποίο είναι μια ωραία αναφορά σε έναν λαμπτήρα, όταν το σκέφτεστε. Και ένας λαμπτήρας λειτουργεί καλά με το όνομα της εταιρείας, Creative Spark. Ενδιαφέρων.

Πέππερ

Χαριτωμένο όνομα και ένα χαριτωμένο κυρίως 3 χρωμάτων, αυτό είναι απλό αλλά δημιουργικό ταυτόχρονα.

Σεργκέι Στάντσεφ

Το σχήμα σκούρου χρώματος και η περιορισμένη χρήση του χρώματος δίνουν σε αυτό το site μια εκλεπτυσμένη, επαγγελματική εμφάνιση και αίσθηση.

Digimurai

Τα χρώματα κειμένου του πορτοκαλί και του μπλε συντονίζονται με το εικονογραφημένο φόντο και χαριτωμένο μικρό μασκότ.

Causecast

Γκρι, μπλε και ροζ σε λευκό φόντο παρέχουν έναν πολύ "ευτυχισμένο" τόνο, ο οποίος φαίνεται σαν μια καλή επιλογή για ένα πρόγραμμα εθελοντισμού / φιλανθρωπίας.

Αστερία

Αυτός ο έξυπνος σχεδιασμός χρησιμοποιεί χρώματα, καλά, ναρκωτικά! Το λευκό, το γκρι και το μπλε είναι συνήθως τα χρώματα που βλέπετε στα κουτιά των χαπιών, έτσι ώστε αυτοί οι σχεδιαστές έτρεξαν πραγματικά με την ιδέα του "Design is a drug".

Dave Airey

Ah, David Airey, ένας από τους πιο δημοφιλείς σχεδιαστές ταυτότητας μάρκας στην κοινότητα blogging γραφικών σχεδίων. Ο ιστότοπός του είναι μινιμαλιστικός και διαθέτει μόνο μαύρο, πορτοκαλί και γκρι κείμενο σε λευκό φόντο. Απλή αλλά αποτελεσματική!

Eduardo de La Rocque

Το υφή φόντου μοιάζει με το φανταχτερό χαρτί που χρησιμοποιούν μερικοί άνθρωποι για την εκτύπωση βιογραφικού και βιογραφικού σημειώματος. Είναι επίσης ενδιαφέρον το ροζ-κόκκινο κείμενο να εξασθενεί στο ανοιχτό γκρι όταν τοποθετείτε το ποντίκι πάνω από αυτό.

Οκτώ Πρόσωπο

Μαύρο, λευκό και γκρι, μαζί με μερικές συμβουλές πορτοκαλί κειμένου, είναι τα κύρια χρώματα που χρησιμοποιούνται σε αυτό το σχέδιο. Αυτά τα χρώματα δίνουν στην ιστοσελίδα αυτή ένα είδος "ειδήσεων" εμφάνισης.

Πυρετός

Το σκοτεινό και το ανοιχτό γκρι και το κόκκινο χρησιμοποιούνται εναλλακτικά σε αυτό το σχέδιο. Ενώ αυτό το σχέδιο θα μπορούσε να είναι λίγο πιο καλά οργανωμένο όσον αφορά τα χρώματα που χρησιμοποιήθηκαν όπου, έμειναν με τα τρία χρώματα του τίτλου πολύ καλά.

Στέφαν Κοίσον

Αυτός ο ιστότοπος χρησιμοποιεί 3 χρώματα αρκετά αποτελεσματικά σε μια απλή διάταξη ιστοσελίδας. Ενώ το κείμενο θα μπορούσε να είναι καλύτερα οργανωμένο, το πράσινο σημάδι ξεχωρίζει ωραία κατά του ασπρόμαυρου κειμένου.

Jon Tangerine

Εντάξει, έτσι είναι ένα άλλο που εκτείνεται πέρα ​​από το 3 χρωματισμό λίγο, αλλά είναι μια τέτοια όμορφη περιοχή που λέει, "Κοιτάξτε με!" Τα κίτρινα στοιχεία και οι συνδέσεις κειμένου (με λίγο πορτοκαλί υπογράμμιση) έρχονται σε αντίθεση με το μαύρο και το γκρι και περιστασιακά λευκό κείμενο. Πανεμορφη!

Martin Hipp

Σκούρο γκρι, μαύρο και ένα χορτάρι πράσινο μείγμα για να δώσει αυτό το site μια αναζωογονητική επαγγελματική αλλά μοναδική εμφάνιση.

Ελάχιστες τοποθεσίες

Ξεκινώντας να παρατηρήσετε ένα μοτίβο στη χρήση του μαύρου, γκρι και φωτεινό χρώμα σε λευκό φόντο; Ίσως αυτός ο τύπος συνδυασμού χρωμάτων να είναι δημοφιλής επειδή δημιουργεί μια μινιμαλιστική ματιά με αρκετό χρώμα για να τραβήξει την προσοχή ... και αυτή η ιστοσελίδα δεν αποτελεί εξαίρεση.

Θεωρία κινήσεων

Η λωρίδα του μαύρου από την πλευρά είναι μια ωραία πινελιά που προσθέτει στο "φιλμ" εμφάνιση και αίσθηση. Το γκρι και το κόκκινο κείμενο κρατούν αυτό το site απλό, το οποίο είναι πολύ σημαντικό με όλες τις εικόνες που πρέπει να συμπεριληφθούν.

Ένας τρόπος πίσω

Το μπλε και οι αποχρώσεις του γκρι κρατούν αυτόν τον σχεδιασμό μινιμαλιστικό και παραδοσιακό. Τα 3 διαφορετικά χρώματα χρησιμοποιούνται όμορφα για να επιστήσουν την προσοχή σε σημαντικό κείμενο.

Κόκκος και Γκραμ

Αυτός ο ιστότοπος κάνει εξαιρετική δουλειά για να δημιουργήσει μια έκκληση "τζέντλεμαν" με αντρικά χρώματα σκούρου γκρι, χρώμα κόκκων (σύμφωνα με τον τίτλο) και λευκό.

Φοβισμένοι χαρακτήρες γραμματοσειρών

Το πορτοκαλί, μαζί με το μαύρο και το γκρι (και ένα μικρό κομμάτι λευκού κειμένου) βοηθούν να σπάσει αυτό το βαρύ κειμενικό κείμενο και να το κάνει ενδιαφέρον.

Γιούνα

Αυτός ο ιστότοπος χρησιμοποιεί ως επί το πλείστον τα σκούρα και ελαφρά γκρίζα γεωμετρικά σχήματα, αλλά το μπλε είναι επίσης ένα χρώμα που επισημαίνει, μαζί με λίγο ροζ. Έτσι, πραγματικά, αυτή είναι μια άλλη παραλλαγή του μαύρου, γκρίζου και επισημασμένου χρωματικού σχήματος.

Πεντάγωνο

Γκρι, μερικά λευκά και πολλά μπλε φτιαγμένα για ένα πολύ απλό σχέδιο χρωμάτων. Από την άλλη πλευρά, το μπλε φαίνεται λίγο συντριπτικό, και τα γραφικά που αναβοσβήνουν δεν βοηθούν πολύ.

Γραφιστική στο ραδιόφωνο

Από τεχνική άποψη, αυτός ο ιστότοπος χρησιμοποιεί μόνο 3 χρώματα: το μαύρο και το γκρι κείμενο σε λευκά κιβώτια και το ροζ υφή φόντου. Αλλά περίμενε! Κλείστε τη σελίδα, ανοίξτε την ξανά και το φόντο είναι τώρα μπλε, όχι, κίτρινο. Εντάξει, μπορείτε να κλείσετε ξανά τη σελίδα, τώρα. Απογοητευμένοι είναι ότι υπάρχουν μόνο τρία χρώματα με τα οποία μπορείτε να παίξετε, δεν είστε εσείς?

Pixelbot

Και πάλι, το σκούρο γκρι, το ανοιχτό γκρι χρώμα και το έντονο χρώμα κάνουν ένα απλό, αποτελεσματικό σχέδιο χρωμάτων για το σχεδιασμό ιστοσελίδων.

Το site εμπνέει

Ενώ έχετε το χρώμα αλλαγής κειμένου όταν περάσετε το ποντίκι πέρα ​​από αυτό μπορεί να είναι διασκεδαστικό, αυτό μπορεί να εκμεταλλευτεί αυτό το χαρακτηριστικό λίγο πάρα πολύ. Αλλά ίσως μπορούν να ξεφύγουν από αυτό λόγω του απλού, τρισδιάστατου σχεδιασμού τους.

Στέφαν Πέρσον

Γκρι / μαύρο με πορτοκαλί και λευκό προσθέτουν σε αυτό το πολύ καλά οργανωμένο σχέδιο. Κάθε χρώμα φαίνεται να τηρεί αυστηρή χρήση, η οποία πραγματικά παίρνει την πλοήγηση αυτού του site σε μεγάλα ύψη.

Φάουστ

Ένα απλό χρωματικό σχήμα βοηθά στην τόνωση της απασχολησιμότητας αυτής της τοποθεσίας. Ωστόσο, λιγότερο πορτοκαλί θα βοηθούσε ακόμα περισσότερο το σχέδιο.

Βιομηχανική διευκόλυνση

Η πλοήγηση αυτού του ιστότοπου είναι λίγο διαφορετική, κάτι που δεν συνιστάται πάντα. Ωστόσο, το σκούρο γκρι, το ανοιχτό γκρι και το λευκό χρώμα συμβάλλουν στη διατήρηση του site αρκετά απλή για να μάθει αρκετά γρήγορα.

Σημείωση του συντάκτη: Αυτή η ανάρτηση είναι γραμμένη από Τάρα Χόρνορ για το Hongkiat.com. Η Tara έχει πτυχίο στα αγγλικά και γράφει για το μάρκετινγκ, τη διαφήμιση, το μαρκάρισμα, το γραφικό σχέδιο και την εκτύπωση επιτραπέζιων υπολογιστών. Εκτός από την καριέρα γραφής της, η Tara απολαμβάνει επίσης να περάσει χρόνο με τον σύζυγό της και δύο παιδιά.