19 Προσεγγίσεις στο χρώμα
Με πάνω από 9 δισεκατομμύρια ευρετηριασμένους ιστότοπους στον ιστό και καταμέτρηση, οι ιστότοποι πρέπει να κάνουν περισσότερα για να παρατηρηθούν και να ενθαρρύνουν τους χρήστες να ξοδέψουν χρόνο σε αυτά.
Με περισσότερες ιστοσελίδες που ανταγωνίζονται για την προσοχή των χρηστών, το χρώμα γίνεται ολοένα και πιο σημαντικό για να ξεχωρίσει η σελίδα σας. Εδώ είναι μερικοί ιστότοποι που κάνουν ακριβώς αυτό: χρησιμοποιήστε ενδιαφέροντα χρώματα σε ασυνήθιστους συνδυασμούς για να ξεχωρίσετε από τα δισεκατομμύρια των τυποποιημένων έγχρωμων πλαστικών τοποθεσιών εκεί έξω.
Layrr
Όλοι γνωρίζουμε ότι το περιεχόμενο έρχεται δεύτερο στο να τραβήξει την προσοχή, και οι τίτλοι έχουν χρησιμοποιηθεί στο δημοσιογραφικό χαρτί για χρόνια για να κερδίσουν ενδιαφέρον. Layrr χρησιμοποιεί ανεκτίμητη αντίθεση για να το επιτύχει αυτό και ακόμα και αν δεν μιλάτε γαλλικά, σας προτείνω να ελέγξετε αυτό το site τώρα, χρησιμοποιεί μικρές περιοχές χρώματος για να δημιουργήσει αντίκτυπο σε σχέση με το γκρίζο φόντο και επιτυγχάνει αυτό με εκπληκτικά όμορφο σχεδιασμό. Δεν υπάρχει αμφιβολία ότι έλαβε μια τιμητική αναφορά στο διαγωνισμό σχεδίου Awwwards .
Havainas
Η σελίδα προορισμού του Havainas , ένας πολύ μεγάλος λιανοπωλητής σαγιονάρων και σανδαλιών είναι εκπληκτικά, και θαυμάσια, πολύχρωμα, ένα χαρακτηριστικό που εκτείνεται στις περιφερειακές σελίδες του site. Ο σκοπός αυτού του site είναι να απεικονίσει το στυλ τους, μαζί με τα φωτεινά χρώματα που σχετίζονται με τη θερμότητα και το καλοκαίρι, τις διακοπές και το σημαντικότερο, τα προϊόντα τους. Ενώ το χρώμα είναι μέρος της αναγνώρισης της επωνυμίας τους, είναι αναζωογονητικό να βλέπεις την τοποθεσία μιας μεγάλης εταιρείας που έχει σχεδιαστεί σωστά με χρώμα, όπως ίσως πείτε από τον κατάλογο των τοποθεσιών εδώ, ο καλός συντονισμός συχνά αφήνεται στους μικρούς τύπους.
ColourPixel
Εκτός από το ότι είναι φωτεινό και πολύχρωμο, αυτό που πραγματικά έπεσε το μάτι μου μέσα ColourPixel του site, ήταν η χρήση του μαύρου, όπου άλλες τοποθεσίες θα χρησιμοποιούσαν λευκό. Ο λόγος λευκού που χρησιμοποιείται είναι επειδή η αντίθεση ανάμεσα σε αυτό και άλλα χρώματα είναι ευκολότερη στα μάτια και έτσι πιο προσιτή στους χρήστες, αλλά εδώ μεγαλύτερα μαύρα κουτιά έχουν χρησιμοποιηθεί για την ενθυλάκωση του κειμένου, το οποίο είναι λευκό. Αυτό στην πραγματικότητα επιτυγχάνει τον στόχο να τραβήξει την προσοχή μου στο κείμενο μέσα σε αυτά, αντί των πραγματικών κιβωτίων ως μέρος του σχεδιασμού. Εκτός από αυτό, το φόντο του ιστότοπου επιτυγχάνει αυτό που ο σχεδιαστής αποκαλεί μια εθνοτική εμφάνιση, χρησιμοποιώντας μετατοπισμένα εικονοστοιχεία για να επιτύχει ένα εικονογραφικό αποτέλεσμα. Τα Rainbows χρησιμοποιούνται μάλλον άχρηστα, αλλά προσφέρουν μια ωραία διαφοροποίηση του χρώματος σε συνδυασμό με τις λεπτές σγουρές αγκύλες στο παρασκήνιο.
Θα Fernandes
Θα Fernandes 'site χρησιμοποιεί πολλά και ποικίλα χρώματα, όλα jostling για την προσοχή να επιτύχει το στυλ του. Κρατάει το κίτρινο, το πορτοκαλί και το λευκό για το κείμενο και το φόντο και συνήθως αποφεύγει να τις χρησιμοποιεί στο έργο τέχνης του, για να επισημάνει μια διαφοροποίηση από αυτό και το περιεχόμενο. Προσφέρει μια επιλογή προβολής σε πλήρη οθόνη, η οποία συνιστάται αν θέλετε να δείτε το έργο αυτού του ταλαντούχου καλλιτέχνη και σχεδιαστή ιστοσελίδων σε ένα φανταστικό site με λαμπερά κινούμενα σχέδια. Έχει προφανώς εξεταστεί εκτεταμένα για να εξασφαλίσει ότι τα σωστά χρώματα χρησιμοποιούνται για την τέχνη και την τοποθεσία ενώ συμπληρώνουν ο ένας τον άλλον.
Ryan Keizer
Αυτός είναι ο πρώτος ιστότοπος που εξετάσαμε ότι χρησιμοποιεί εκ προθέσεως επιθετικά, συντριπτικά χρώματα σχεδιασμένα να συγκρουστούν, να επιτύχουν ένα υψηλό αποτέλεσμα αντίθεσης. Ο σχεδιαστής απολαμβάνει τη χρήση τόσο πολύ χρώματος ώστε να έχει μια παλέτα "έγχρωμης έμπνευσης" στο κάτω μέρος της τοποθεσίας. Ryan Keizer χρησιμοποιεί κυρίως κίτρινο, ένα χρώμα με το οποίο μπορεί να πάει στραβά, αν χρησιμοποιηθεί λανθασμένα, εδώ με κυανό, και σε μικρότερο βαθμό με ροζ, ολόκληρο το site σκάει. Σε μια τελική σημείωση, το Cyan και το Ροζ θυμίζουν πολύ τα τρισδιάστατα γυαλιά αναγλύφου, χρησιμοποιώντας ένα χρωματικό σχήμα που έχει απορροφηθεί πολύ ασυνήθιστα στις ασυνείδητες ζωές μας, κάτι που κανονικά δεν θα περίμενε κανείς να δουλέψει αλλά εξ ου και το κάνει, δύο χρώματα μαζί.
Μπεν Μάρκοβιτς
Μια άλλη πολύ υποτιμημένη τοποθεσία με πολύ προσεκτική χρήση του χρώματος, δίνοντας στο διαδραστικό στοιχείο του site μια μηχανική εμφάνιση. Για τον σχεδιασμό του ιστότοπου σαν αυτό, η χρήση του χρώματος με αυτόν τον τρόπο είναι ασυνήθιστη, οι σχεδιαστές συνήθως πηγαίνουν ο ένας ή ο άλλος, αλλά αυτό προσθέτει πραγματικά στον τίτλο: Μπεν Μάρκοβιτς », όχι μόνο προσελκύοντας την προσοχή, αλλά προσφέροντας διαφοροποίηση, χρησιμοποιώντας μια συμπληρωματική παλέτα με μεγάλη ποικιλία. Η μόνη άλλη χρήση του χρώματος που αισθάνομαι ότι θα επωφεληθεί αυτός ο ιστότοπος είναι με τα εικονίδια κοινωνικού δικτύου στο κάτω μέρος της σελίδας, δεδομένου ότι όλα χρησιμοποιούν πολύ ουδέτερα χρώματα και θα ξεχωρίζουν και θα είναι λίγο πιο εύκολα αναγνωρίσιμα.
Αγκαλιές για τα τέρατα
Joe Lifrieri Αγκαλιές για τα τέρατα έχει τον ίδιο στόχο με τον ιστότοπο του Will Fernandes που εξετάσαμε νωρίτερα, αλλά το επιτυγχάνουμε με ένα οργανικό ατομικό στυλ, χρησιμοποιώντας το χρώμα για να τονίσουμε το μοναδικό στυλ του. Σας προτείνω να ρίξετε μια ματιά σε μερικές από τις άλλες σελίδες του, όλοι έχουν διαφορετική τέχνη με το ίδιο εκλεκτικό στυλ που μπορείτε να δείτε εδώ.
Tim Bjørn
Σε αντίθεση με τις άλλες που παρουσιάζονται εδώ, η σελίδα προορισμού αυτού του ιστότοπου χαρακτηρίζεται από έλλειψη χρώματος και εξετάζοντας το άλλο έργο του Tim Bjørn , ο καλλιτέχνης προφανώς χρησιμοποιεί το χρώμα πολύ προσεκτικά και φειδωλά. Είναι πολύ αναζωογονητικό να βλέπετε έναν ιστό σε απλή κλίμακα του γκρι που δεν μοιάζει με αυτό που σχεδιάστηκε πριν από μια δεκαετία! Το έργο τέχνης, όπως το Hugs for Monsters παραπάνω, είναι πολύ οργανικό και είναι το κύριο σημείο εστίασης του site, με υποτονικά μενού και σχεδόν ολόκληρη τη σελίδα προορισμού που αφιερώνεται σε μερικά βασικά κομμάτια.
Για χρήση γραφείου μόνο
Αυτός είναι ένας άλλος ιστότοπος που χρησιμοποιεί μια μικρή ποσότητα χρώματος για να επιτύχει υψηλή αντίθεση σε μια περιοχή με θέμα το γκρι. Συγκεκριμένα, η περίπτωση που ακολουθεί, όπου η διαφάνεια στο λογότυπο δημιουργεί ένα θαμπό κόκκινο ενάντια στην εικόνα πίσω από αυτήν. Μια άλλη ματιά στο Για χρήση γραφείου μόνο δείχνει ότι αυτοί οι τύποι ξέρουν πώς και πότε να χρησιμοποιούν το χρώμα και το κάνουν καλά.
Εργαστήριο σχεδιασμού μεθόδων
ο Εργαστήριο σχεδιασμού μεθόδων η καινοτόμος ροή ειδήσεων χρησιμοποιεί χρώμα με φρέσκο τρόπο, για να σηματοδοτήσει την «ηλικία» των ειδήσεων, με ένα εύκολα αναγνωρίσιμο ζεστό και κρύο χρώμα, εκτός από τις ειδήσεις που υπάρχουν μόνο στο «καυτό» τμήμα του χρωματικού σχεδίου, έξυπνη ιδέα μάρκετινγκ, ίσως; Παρ 'όλα αυτά, είναι πολύ εύκολο να καταλάβετε ότι το κόκκινο είναι παλαιότερα νέα από 12+ ώρες πριν, και το κίτρινο είναι πιο πρόσφατο. Πολύ καλά εκτελεσμένο και το χρώμα συμβάλλει τόσο στο σχεδιασμό όσο και στη λειτουργία της ιστοσελίδας, όχι κάτι που μπορεί να λεχθεί για πολλές τοποθεσίες πέρα από την πλοήγησή τους. Μετά από σκοντάψευσή του κατά τη διάρκεια της έρευνας για αυτό το άρθρο, αυτός ο ιστότοπος βρήκε τον δρόμο στους σελιδοδείκτες μου τόσο για το περιεχόμενο όσο και για το σχεδιασμό του.
DesignWise
Το θέμα για DesignWise είναι η αντίθεση με την απλότητα, με μια λεπτή πικρή αίσθηση, το ροζ στο μαύρο λειτουργεί τέλεια και χρησιμοποιώντας ένα υπόλευκο για περιεχόμενο κειμένου αντισταθμίζει το ροζ, χωρίς η αντίθεση να είναι έντονη ενάντια στο μαύρο. Υπάρχει επίσης αντίθεση μεταξύ του καθαρού, αλλά υφή φόντου, και λεπτές πινελιές του grunge πιτσιλιστεί σε όλη την περιοχή.
Prius Harmony
Τα χρώματα αυτού του infographic είναι όμορφα συντονισμένα, και οι δύο επιτυγχάνουν την προφανή αποστολή της αποστολής της «αρμονίας» και την επικοινωνία των θεμάτων που σχετίζονται με τα χρώματα. Ενώ αυτό είναι πραγματικά ένα κομμάτι της διαφήμισης για Prius , αποδίδει τη δουλειά του καλά, και ακόμα κι αν περιφρονούν το Flash, το εκτιμούν μόνο για τα χρώματα. Αυτός είναι ένας άλλος ιστότοπος με λειτουργικότητα στο χρώμα, αν και μόνο σπάνια, και μία από τις σπάνιες που χρησιμοποιεί χρώματα μπλοκ με διαφάνεια για να δημιουργήσει παραλλαγές με τα συνδυασμένα χρώματα δύο ή περισσότερων αλληλεπικαλυπτόμενων, μεταφέροντας (ως επί το πλείστον) μια αίσθηση αρμονίας, αν αγνοείτε τις άσχημες μαύρες και καφέ υπερβολικά χρωματισμένες και κακώς συντονισμένες ενότητες.
Οργανικό πλέγμα
Εάν μπορείτε να συγχωρήσετε δύο τοποθεσίες Flash σε μια σειρά, Οργανικό πλέγμα είναι ένα όμορφο χαρτοφυλάκιο που μπορεί να συγχωρεθεί από την απίστευτη χρήση του χρώματος σε ένα μενού που θα αλλάξει το σχέδιό του κάθε φορά που θα επιστρέψετε σε αυτό. Πρωτότυπος? Ναί. Ασυνόδευτη; Σιγουρα οχι. Πηγαίνετε για τα χρώματα, τοποθετήστε το site σε λειτουργία πλήρους οθόνης και παραμείνετε για να απολαύσετε τις απίστευτες φωτογραφίες και έργα τέχνης στα χαρτοφυλάκια, αν μπορείτε να αγνοήσετε τους χρόνους φόρτωσης, δηλαδή.
Matt Mullenweg
Αυτή η περιοχή εμπνευσμένη από το Lichtenstein πρέπει να συμπεριληφθεί, αν μόνο για χάρη του πατέρα του WordPress, Matt Mullenweg 's blog φέρνει στη ζωή τα μπλοκ χρώματα και cross-hatchings της pop art. Αποκλείστε τα βασικά χρώματα μπορεί να είναι θαυμάσια αν δεν χρησιμοποιείται υπερβολικά, και αυτό το site μας δίνει μια παύλα. Υπάρχει ένα λαμπερό κύμα ποπ τέχνης στο κάτω μέρος του blog, αλλά δεν θα μπορείτε να το εξετάσετε για πολύ, καθώς το Mullenweg έχει τόσα πολλά μηνύματα που θα παίζετε για πάντα!
Ματαιοδοξία Claire
Αν μπορείτε να κοιτάξετε παρελθόν το γεγονός ότι αυτός ο ιστότοπος έχει τρομερή χρηστικότητα, το έργο τέχνης σε κάθε σελίδα γίνεται εξαιρετικά καλά. Απλά υποτονικά χρώματα γίνονται όλο και πιο δημοφιλή, και Claire 's site καταφέρνει να γλιστρήσει σε ένα μικρό grunge πάρα πολύ. Αυτός ο ιστότοπος χαρακτηρίζεται από ένα διαφορετικό χρώμα φόντου ενός μπλοκ σε κάθε σελίδα με απλό σχεδιασμό οριζόντια κατά μήκος της μέσης της σελίδας.
Κόλλα
Ένας ιστότοπος που έλαβε απλότητα σε ένα νέο επίπεδο, Κόλλα επανατυλίγει όλο το περιεχόμενο υπέρ μιας ωραίας κλεψύδρας, με την άμμο να πέφτει προς τα πάνω συνοδευόμενη από το σλόγκαν «Save Time». Η ιστοσελίδα που χρησιμοποιείται για να έχουν περισσότερο περιεχόμενο με το πανέμορφο πορτοκαλί αναδεικνύει σε γκρι, ωστόσο, δυστυχώς από τότε να γίνει πρόσκληση μόνο.
Microsoft
Όσο και αν μου πείθει να συμπεριλάβω αυτό, ως σταθερός υποστηρικτής μήλων, Microsoft η ηλεκτρονική παρουσία έχει φτάσει σε άλματα, πιθανώς χέρι-χέρι με την εκπληκτική πρόοδο στον Internet Explorer (Θα ήταν ίσως ενοχλητικό να είχατε την ημερομηνία του ιστοτόπου τους στο πρόγραμμα περιήγησης). Η διεπαφή με μετρητά με πλακάκια των Windows 8 έχει σαφώς κάποια επιρροή και πρέπει να πω ότι φαίνεται καλό. Όπως έχουμε δει με το Google Chrome, το Skype και τώρα με τη Microsoft, το μπλοκ χρώματα λογότυπα είναι το μέλλον, οι ημέρες των κολλώδεις κλίσεις και η χρήση του 3D για χάρη του έχουν τελειώσει.
AdaptD
Η συμπερίληψη αυτού του ιστότοπου ίσως είχε σχέση με το γεγονός ότι μου υπενθύμισε ένα ρουκέτο λατρευτά, μια αγαπημένη παιδική φροντίδα ή ότι απλώς περιελάμβανε χρώμα μόνο για την καθαρή χαρά του. AdaptD έφερε ένα χαμόγελο στο πρόσωπό μου απλά με την «πολύχρωμη» κορδέλα στην κορυφή της ιστοσελίδας, γιατί γιατί όχι; Ένα όμορφο στολίδι σε ένα κατά τα άλλα πρότυπο, αν και καλά σχεδιασμένο site.
ColoRotate
Τελικά τελειώνουμε με ένα site που δεν χρησιμοποιεί χρώμα ως μέρος του σχεδιασμού του, στην πραγματικότητα η σχεδίαση του site είναι απίστευτα ήπια, αλλά ως λειτουργία - ο στόχος του site είναι να σας βοηθήσει να περιηγηθείτε και να συνδυάσετε παλέτες χρωμάτων. Φαίνεται σκόπιμο να τερματίσετε σε έναν ιστότοπο που χρησιμοποιεί χρώμα με αυτόν τον τρόπο, οπότε αν αποφασίσετε ότι ο ιστότοπός σας χρειάζεται ανανέωση μετά την ανάγνωση αυτής της λίστας, τίποτα δεν σας εμποδίζει να επιλέξετε το τέλειο χρωματικό σχέδιο. ColoRotate έχει επίσης μια ενδιαφέρουσα σελίδα πληροφοριών σχετικά με το χρώμα αν σας αρέσει να διαβάζετε περίπου τη θεωρία των χρωμάτων του 21ου αιώνα και πώς τα μάτια μας αντιλαμβάνονται το χρώμα.
Πώς προσεγγίζετε το χρώμα; Το παίζετε ασφαλές ή προσπαθείτε να ξεχωρίσετε; Ενημερώστε μας στα σχόλια.