4 τρόποι με ζωντανά χρώματα Ενισχύστε τη σχεδίαση UI
Το χρώμα είναι ένα από τα πιο ισχυρά εργαλεία στη σειρά εργαλείων του σχεδιαστή. Μπορεί να επιστήσει την προσοχή, να θέσει μια διάθεση, να επηρεάσει τα συναισθήματα των χρηστών, τις αντιλήψεις και τις ενέργειες. Με την παρατεταμένη παρουσία Flat και Material Design, το χρώμα κατέχει ακόμα μεγαλύτερη σημασία στο σχεδιασμό UI σήμερα. Τα φωτεινά χρώματα είναι εξίσου καλά προσαρμοσμένα τόσο για τα παιχνιδιάρικα σχέδια γελοιογραφίας με επίκεντρο την ψυχαγωγία όσο και για τα κομψά μινιμαλιστικά στυλ που επικεντρώνονται στις επιχειρηματικές λύσεις. Αυτή η ευελιξία κάνει τα ζωντανά χρώματα μία από τις μεγαλύτερες τάσεις σχεδιασμού του UI του 2017.
Η προσφυγή στη ζωντανή τάση των χρωμάτων είναι ότι μπορεί να εφαρμοστεί με πολλούς διαφορετικούς τρόπους και στυλ στο σχεδιασμό. Σε αυτό το άρθρο θα εξετάσουμε περαιτέρω τέσσερις τάσεις χρωμάτων και θα συζητήσουμε μερικά εμπνευσμένα παραδείγματα που τα εφαρμόζουν με μεγάλη αποτελεσματικότητα.
1. Μονοτονική
Ένας από τους πιο δημοφιλείς τρόπους χρήσης ζωντανών χρωμάτων στο σχεδιασμό σας είναι μια τεχνική που ονομάζεται μονότονη. Οι μονότονες παλέτες περιλαμβάνουν ένα ενιαίο χρώμα με ένα μείγμα αποχρώσεων και αποχρώσεων. Το μονότονο είναι αρκετά εύκολο στη δημιουργία: Σκεφτείτε το χρώμα που λειτουργεί καλύτερα με το μήνυμά σας και σκεφτείτε το ποσό διακύμανσης που θέλετε ανάμεσα στους τόνους.
Βελτιώστε την αναγνωσιμότητα
Το Monotone συμβάλλει στη δημιουργία μιας σταθερής βάσης για το περιεχόμενο των νέων στοιχείων, φροντίζοντας για την αναγνωσιμότητα. Συνδυασμένες με δραματική τυπογραφία, τα μονότονα σχέδια χρωμάτων είναι σε θέση να δημιουργήσουν μια πραγματικά αξέχαστη εμπειρία.
Sydneystockhom χρησιμοποιεί έντονο χρώμα για να δημιουργήσει ένα αξέχαστο βλέμμα με έναν πολύ απλό τρόπο
2. Duotone
Όπως υποδηλώνει το όνομα, το duotone είναι μια εικόνα που αποτελείται από δύο χρώματα. Αυτό μπορεί να είναι δύο αποχρώσεις του ίδιου χρώματος, ή δύο χρώματα σε αντίθεση. Η τεχνική που ήταν κάποτε μια βασική εκτύπωση βρήκε νέα ζωή στο διαδίκτυο. Χάρη στην Spotify, το duotone αυξάνεται σε δημοτικότητα σχεδόν καθημερινά.
Δημιουργήστε ατμόσφαιρα
Οι Duotones σας επιτρέπουν να εισάγετε οποιαδήποτε εικόνα με τις συναισθηματικές ιδιότητες οποιουδήποτε χρώματος. Θυμηθείτε, ότι τα διαφορετικά χρώματα προκαλούν διαφορετικά συναισθήματα. Ο μαλακός και μέτριος συνδυασμός χρωμάτων είναι σε θέση να δημιουργήσει μια σοβαρή ατμόσφαιρα. Για παράδειγμα, στο Holm Marcher & Co κάθε λεπτομέρεια προσπαθεί να συμβάλει στην επιχειρηματική ατμόσφαιρα και οι εικόνες φόντου δεν αποτελούν εξαίρεση.
Ενώ ένας συνδυασμός φωτεινών χρωμάτων είναι σε θέση να δημιουργήσει μια αίσθηση ευτυχίας. Ο κύριος οπτικός για Σχεδιασμός νέας συμφωνίας είναι εντυπωσιακή χάρη σε μια τολμηρή επιλογή χρωμάτων. Δημιουργούν φιλική ατμόσφαιρα και θέτουν θετική διάθεση.
Αυξήστε την αναγνωσιμότητα
Το Duotone είναι σε θέση να δώσει στο κείμενο αρκετή αντίθεση. Ρυθμίζει τις χρωματικές παραλλαγές σε μια εικόνα, έτσι ώστε το κείμενο να μπορεί να τοποθετηθεί χρησιμοποιώντας ένα μόνο χρώμα σχεδόν οπουδήποτε στην εικόνα.
3. Κλίσεις
Οι κλίσεις έχουν επιστρέψει στο GUI, αυτή τη φορά χρησιμοποιώντας συμπληρωματικά χρώματα υψηλής αντίθεσης. Οι σύγχρονες κλίσεις μπορεί να περιλαμβάνουν πολλά χρώματα, ακτινοβολούν από το κέντρο, προέρχονται από μια γωνία ή πέφτουν οριζόντια.
Δημιουργήστε μια μοντέρνα εμφάνιση
Οι κλίσεις έκαναν μια επιστροφή και ανανέωσαν τη νέα ζωή στη λαμπρή τάση των χρωμάτων. Σε συνδυασμό με επίπεδη παλέτα χρωμάτων μπορούν να προκαλέσουν συναισθήματα του μοντερνισμού. Με μόνο ένα χρώμα, Παράδειγμα δείγματος χρησιμοποιεί μια κλίση επίδραση στο υπόβαθρό της χωρίς να πέσει σε θαμπό τόνους.
Χρησιμοποιώντας ένα από τα φωτεινά, κορεσμένα χρώματα που σχετίζονται με το σχεδιασμό υλικών, μπορείτε να προκαλέσετε συναισθήματα μοντερνισμού.
Κάντε εύκολη διάταξη στα μάτια
Οι κλίσεις μπορούν να βελτιώσουν την οπτική επικοινωνία. Η μετάβαση από πορτοκαλί σε ροζ μέσα Το Symodd το παρακάτω παράδειγμα δίνει το βάθος και την αντίθεση με τη διεπαφή και δημιουργεί κάποια εντυπωσιακά οπτικά εφέ. Η μετάβαση από το φως στο σκοτάδι ακολουθεί τα φυσικά μοτίβα ανίχνευσης ανθρώπινων ματιών που μετακινούνται από το επάνω αριστερό μέρος της σελίδας στο κάτω δεξιά.
Η αρχική σελίδα του Symodd διαθέτει ένα φόντο πλήρους κλίσης από πορτοκαλί σε ροζ. Είναι μια λεπτή κλίση καθώς οι δύο αποχρώσεις δεν είναι πολύ διαφορετικές μεταξύ τους καθιστώντας αυτό εύκολο στα μάτια.
Χρησιμοποιήστε το ως Έμφαση
Ενώ η κλίση χρησιμοποιείται συχνά ως φόντο για τις σελίδες, μπορούν να δουλεύουν και σε μικρότερες θέσεις. Εξετάστε τη χρήση κλίσεων ως έμφαση στην πλοήγηση, για δευτερεύουσες εικόνες ή για συγκεκριμένους τύπους περιεχομένου. Τι είναι ωραίο για μικρότερες περιοχές διαβάθμισης είναι ότι έχετε περισσότερη ελευθερία να παίξετε με αυτή την τεχνική. Και όταν χρησιμοποιείται σε μικρότερους χώρους, μπορεί να είναι οπτικά ενδιαφέρον να παίζεις με πολλά ζευγάρια χρώματος, όπως ακριβώς Bloomberg στο παρακάτω παράδειγμα.
Το Bloomberg χρησιμοποιεί κλίση για το ticker Τελευταία Νέα.
4. Επικάλυψη
Η επικάλυψη φιλτράρει μια εικόνα μέσω έγχρωμου "φακού". Οι εικόνες με έγχρωμες επικαλύψεις είναι μια δημοφιλής επιλογή σχεδιασμού για μεγάλο χρονικό διάστημα, διότι είναι αρκετά εύκολο να δημιουργήσετε αυτό το εφέ: απλά καλύπτετε μια εικόνα ή βίντεο με ένα ημιδιαφανές έγχρωμο κουτί.
Προσανατολίστε την προσοχή του χρήστη
Τα εφέ επικάλυψης μπορούν να βοηθήσουν την εστίαση των χρηστών σε ορισμένα στοιχεία σχεδίασης. Ωστόσο, όταν χρησιμοποιείτε ένα μόνο χρώμα ως επικάλυψη, σκεφτείτε τον βαθμό κορεσμού και τη διαφάνεια του χρώματος. Οι βαρείς συνδυασμοί χρωμάτων (λιγότερη διαφάνεια και περισσότερος κορεσμός) δίνουν μεγαλύτερη έμφαση στο ίδιο το χρώμα:
Χρωματική επικάλυψη που χρησιμοποιείται από το Περιγράφει δίνει περισσότερη εστίαση στην εικόνα
συμπέρασμα
Είναι δύσκολο να βρεθεί μια τεχνική σχεδίασης που είναι πιο διασκεδαστική από το χρώμα. Τα εφέ χρώματος μπορούν να είναι δραματικά, εντυπωσιακά και ακόμα και γαλήνια. Μη φοβάστε να βγείτε έξω από τη ζώνη άνεσής σας όταν πρόκειται για εργασία με χρώματα. Είτε είστε οπαδός φωτεινών, τολμηρών αποχρώσεων είτε προτιμάτε ένα πιο μινιμαλιστικό ασπρόμαυρο, το μόνο πράγμα που πρέπει να θυμάστε: δεν υπάρχουν λάθος χρώματα, αυτό που έχει μεγαλύτερη σημασία είναι πώς τα χρησιμοποιείτε.