Χρώμα σε περιβάλλον UI: A (Πρακτικό) πλαίσιο

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

Έχω μια άλλη λέξη για κάτι τέτοιο: άχρηστο.

Έτσι, αν η θεωρία των χρωμάτων δεν παρέχει μια σταθερή βάση για το χρώμα στο σχεδιασμό UI, τι κάνει;

Επιτρέψτε μου να κάνω μια γνώμη σε σένα: τροποποιήσεις χρώματος. Είναι το μικροαλλαγές του χρώματος που μετράει, όχι η επιλογή τους από το καπέλο της θεωρίας χρωμάτων.

Ή, είπε ένας άλλος τρόπος: Η θεμελιώδης ικανότητα των σχεδίων χρωματισμού διεπαφών μπορεί να τροποποιήσει ένα βασικό χρώμα σε πολλές διαφορετικές παραλλαγές.

Ξέρω ότι αυτό ακούγεται λίγο περίεργο. Ακουσε με. Θα σας δώσω ένα πλαίσιο για την προσαρμογή του χρώματος στα σχέδια UI σας.

Το πλαίσιο αυτό:

  • Επιτρέψτε σας να τροποποιήσετε ένα χρώμα του θέματος για βασικά οποιοδήποτε σκοπό στο περιβάλλον εργασίας σας (αυτό είναι εξαιρετικά ισχυρό και, όπως θα δούμε, οι εφαρμογές όπως το facebook κάνουν ήδη)
  • Σας βοηθά να προβλέψετε ποιες αλλαγές χρώματος θα φαίνονται καλές
  • Κάντε το χρώμα να φαίνεται λιγότερο υποκειμενικό ("υποκειμενικό" είναι συχνά μια λέξη για "Δεν έχω καταλάβει πώς λειτουργεί" - και είναι μια λέξη που ακούτε έναν τόνο όταν οι άνθρωποι μιλούν για το χρώμα)

Είμαστε δροσεροί; Είμαστε δροσεροί;

Μεγάλος.

Πιο σκούρες και ελαφρύτερες παραλλαγές

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

Δεν νομίζατε ότι η γραμμή αναζήτησης ήταν απλά μια ημιδιαφανής μαύρη επικάλυψη, έτσι; Ειδοποίηση Spyler: δεν είναι. Η αδιαφάνεια της μαύρης επικάλυψης σε αυτό το μπλε χρώμα δεν θα σας δώσει το χρώμα της γραμμής αναζήτησης. Είναι μια παραλλαγή που έχει πάρει κάποια άλλη μαγεία.

Γρήγορη, τώρα κοιτάξτε το Swell Grid, την όμορφη εφαρμογή πρόβλεψης surf.

Sha-BAM. Μόλις χτυπήσαμε με ένα σκάφος παραλλαγών. Πόσοι είναι εκεί? Πηγαίνετε στον ιστότοπο και μετρήστε τον εαυτό σας. Πρακτικά όλα σε αυτήν τη σελίδα είναι μια παραλλαγή του αρχικού μπλε.

Ή, εδώ είναι ένα άλλο απλό παράδειγμα:

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

Αλλά αυτό προκαλεί την ερώτηση: πώς τροποποιείτε πραγματικά ένα χρώμα για να έχετε καλές παραλλαγές;

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

  1. Θα κοιτάξουμε στον πραγματικό κόσμο για τα σημεία αναφοράς. Παρόλο που οι διασυνδέσεις μας είναι "ψεύτικες", εξακολουθούμε να αντιγράψουμε σαν τρελός από τον πραγματικό κόσμο, επειδή μετά από δεκαετίες βλέπουμε τα πράγματα στον πραγματικό κόσμο, περιμένουμε ότι το φως και το χρώμα θα λειτουργήσουν με ορισμένους τρόπους.
  2. Θα χρησιμοποιήσουμε το σύστημα χρωμάτων HSB. Το μικρότερο είναι: είναι το πιο διαισθητικό σύστημα χρωμάτων με ευρεία χρήση (για τους σκοπούς μου, το Σκίτσο και το Photoshop). Αν δεν ξέρετε τι είναι η απόχρωση, ο κορεσμός και η φωτεινότητα, ας σπάσουμε και να συναντηθούμε στις 10.

Παραλλαγές χρώματος πραγματικού κόσμου

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

Σκιές.

Μπορείτε να σκεφτείτε μια σκιά ως μια πιο σκούρα παραλλαγή σε ένα βασικό χρώμα.

Φωτογραφία από τον David Blaikie

Με εμένα?

Τώρα ας πηδήξουμε στο Sketch και παίρνουμε τους συλλέκτες χρωμάτων μας και καταλαβαίνουμε τι ακριβώς συμβαίνει όταν μια σκιά πέφτει πάνω στον τοίχο των κοραλλιών μας.

Όπως ανέφερα, θα το υπολογίσουμε στο HSB.

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

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

Φωτογραφία από τον Matthias Uhlig

Οι σκιές δουλεύουν με τον ίδιο τρόπο στην Κούβα; Πρόκειται να μάθουμε.

Εντάξει, τώρα μπορούμε να συγκρίνουμε και να αντιπαραβάλλουμε. Παρατηρήστε ένα πρότυπο;

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

Τώρα η απόχρωση είναι λίγο πιο τρελή - έπεσε κάτω για τη σκιά των κοραλλιογενών τοίχων, και επάνω για τη σκιά το τοίχωμα. Υπάρχει μια εξήγηση γι 'αυτό, αλλά είναι πολύ λιγότερο σημαντικό και λίγο πιο εσωτερικό από τον κορεσμό / φωτεινότητα - έτσι θα επανέλθουμε στο αποχρώσεις αργότερα.

Οι κανόνες

Ας αποσυσκευάσουμε αυτές τις έννοιες λίγο περισσότερο.

Σκοτεινότερη μεταβολή χρώματος = υψηλότερος κορεσμός + χαμηλότερη φωτεινότητα

Εάν κοιτάξετε πίσω στο παράδειγμα της γραμμής αναζήτησης στο facebook, θα δείτε ότι ακριβώς συμβαίνει αυτό.

Η απόχρωση μετακινείται 1 ° από 360 °, πράγμα που είναι σχεδόν σφάλμα στρογγυλοποίησης.

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

Γιατί, στον πραγματικό κόσμο, τα πιο σκούρα χρώματα συσχετίζονται με υψηλότερους κορεσμούς; Δεν έχω την παραμικρή ιδέα. Αλλά μπορώ πάντα να κάνω κάτι: είναι επειδή, καθώς η ένταση του φωτός (φωτεινότητα) υπερβαίνει την ένταση του χρώματος (κορεσμός), το χρώμα αναγκαστικά γίνεται πιο ξεπλυμένο - και αντίστροφα.

Αυτό μπορεί να είναι πλήρες BS, αλλά αυτό έχει νόημα, έτσι;

Παραλλαγή χρώματος ελαφρύτερου χρώματος = χαμηλότερος κορεσμός + μεγαλύτερη φωτεινότητα

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

Και το καρφώσατε, με γυμνό.

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

Εδώ:

Καταλήγουμε στο λευκό.

Μπορείτε να σκεφτείτε να κάνετε ελαφρύτερες παραλλαγές ως προσθήκη λευκού χρώματος. Και υπάρχουν δύο πολύ απλοί τρόποι για να προσθέσετε λευκό σε ένα χρώμα στο Sketch et al:

  1. Μειώστε την αδιαφάνεια του στοιχείου (εάν είναι σε λευκό φόντο)
  2. Προσθέστε ένα ημιδιαφανές στρώμα λευκού στην κορυφή του στοιχείου

Το πιο σημαντικό πράγμα

Αν θυμάστε μόνο ένα πράγμα από αυτό το άρθρο, θυμηθείτε αυτό:

Οι πιο σκούρες χρωματικές παραλλαγές γίνονται μειώνοντας τη φωτεινότητα και αυξάνοντας τον κορεσμό. Οι πιο φωτεινές χρωματικές αποκλίσεις γίνονται με την αύξηση της φωτεινότητας και την μείωση του κορεσμού.

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

Η αλήθεια είναι ότι τόσες πολλές παραλλαγές στο χρώμα μεταξύ των στοιχείων - ή ακόμα και οι καταστάσεις του ίδιου στοιχείου - είναι απλές αλλαγές χρώματος.

Εδώ είναι η Harvest, η εφαρμογή παρακολούθησης χρόνου που χρησιμοποιώ και αγαπώ.

Κοιτάξτε την κεφαλίδα. Η κατάσταση του hover είναι ελαφρύτερη. Η επιλεγμένη κατάσταση είναι πιο σκούρα.

Ή κοιτάξτε το πράσινο κουμπί New Entry.

Η κατάσταση του hover είναι μια πιο σκούρα παραλλαγή - υψηλότερος κορεσμός, χαμηλότερη φωτεινότητα.

Θα το χρησιμοποιήσετε ξανά και ξανά.

Για να είμαστε δίκαιοι, κάθε σχέδιο δεν ακολουθεί αυτόν τον κανόνα το 100% του χρόνου. Στην κεφαλίδα συλλογής παραπάνω, η επιλεγμένη κατάσταση είναι απλά μια χαμηλότερη φωτεινότητα (ο κορεσμός παραμένει αμετάβλητος) και η κατάσταση του hover είναι απλώς ένας χαμηλότερος κορεσμός (η φωτεινότητα αμετάβλητη). Αλλά είδαμε το πώς λειτουργεί το χρώμα στον πραγματικό κόσμο και γνωρίζουμε ότι αυτά τα σχέδια φαίνονται καλά επειδή προσεγγίζουν τις αρχές που ορίζονται εδώ.

Τι είναι το Hue;

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

Τούτου λεχθέντος, εδώ είναι η σύντομη εξήγηση.

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

Ακόμα κι αν αυτό το μπλε και αυτό το κίτρινο είναι τόσο 100% HSB φωτεινότητα, η οποία φαίνεται πιο φωτεινή;

Θέλω να πω, όπως ζητά κάποιον από το δρόμο: ποιο είναι πιο φωτεινό;

"Um. Κίτρινος. Κίτρινος?"

Ευχαριστώ, rando. Μόλις ανακάλυψε φωτεινότητα.

"Έτσι είμαι δίκαιος;"

Ναι, ναι. Ακόμα κι αν διατηρείτε τη φωτεινότητα και τον κορεσμό σταθερές και απλώς μεταβάλλετε τις αποχρώσεις, θα πάρετε μια σειρά από φωτεινότητες ή αντιληπτές φωτεινότητες, τις οποίες μετράμε σε τιμές μεταξύ 0 και 100.

Αυτές είναι οι αποχρώσεις μας σε διαστήματα 30 °, όλα με κορεσμό 100% και φωτεινότητα 100%.

Και εδώ οι αποχρώσεις μας είναι διπλές, τοποθετήθηκαν σε λειτουργία μείγμα Luminosity (σε λευκό φόντο - αυτό είναι σημαντικό για να προσθέσετε αν ακολουθείτε στο Sketch) και επικαλύπτεται με τη φωτεινότητα του προκύπτοντος γκρι. Αυτό μας δίνει ένα μέτρο της φωτεινότητας του αρχικού χρώματος.

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

Τώρα, έχω εκτυπώσει τους αριθμούς για σας, αλλά το γράφημα αξίζει χιλιάδες αριθμούς, έτσι;

Κοίτα, Σέρλοκ, ένα μοτίβο.

Και αυτό το συγκεκριμένο μοτίβο απαντά στην ερώτησή μας από πάνω. Θυμηθείτε πώς είδαμε ότι μερικές φορές, για μια σκιά, η απόχρωση θα μετατοπίζονταν και μερικές φορές θα μετατοπίζονταν; Γιατί το κάνει αυτό;

Κατ 'αρχάς, παρατηρήστε ότι αυτό το γράφημα έχει τρία μέγιστα σημεία και τρία ελάχιστα σημεία. Τα χαμηλά σημεία είναι κόκκινα, πράσινα και μπλε. Τα υψηλά σημεία είναι κυανό, ματζέντα και κίτρινο.

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

Το σημαντικό κομμάτι είναι αυτό: εάν δεν μετρήσετε τον κορεσμό και τη φωτεινότητα, αλλάζοντας την απόχρωση προς το κόκκινο (0 °), το πράσινο (120 °) ή το μπλε (240 °) μειώνουν τη φωτεινότητα ή την ελαφρότητα του χρώματος. Και η μετατόπιση της απόχρωσης σε κίτρινο (60 °), κυανό (180 °) ή ματζέντα (300 °) θα αυξήσει την αντιληπτή ελαφρότητα του χρώματος.

Το τέχνασμα είναι να κάνει ακριβώς την κίνηση του χρώματος ταιριάζει με την κίνηση του κορεσμού και της φωτεινότητας. Αν θέλετε μια πιο σκούρα διακύμανση, μετακινήστε την απόχρωση προς κόκκινο (0 °), πράσινο (120 °) ή μπλε (240 °), όποιο είναι πιο κοντά - και αντίστροφα (με κυανό, ματζέντα και κίτρινο) για ελαφρύτερες παραλλαγές. (Φυσικά, αυτό υποθέτει ότι μειώνετε επίσης τη φωτεινότητα και τον αυξανόμενο κορεσμό)

Γι 'αυτό η σκιά στο κοραλλιογενή τοίχο μετατοπίστηκε με απόχρωση - αλλάζει προς το κόκκινο, σε 0 °, το οποίο είναι το πλησιέστερο ελάχιστο σημείο στους 21 °.

Και γι 'αυτό η σκιά στο τοίχωμα του κώνου μετατοπίστηκε με απόχρωση - αλλάζει προς το μπλε, σε 240 °, που είναι το πλησιέστερο ελάχιστο σημείο στους 194 °.

Το μυαλό σου φουσκώνει;

Ο τρόπος του χρώματος

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

(Και αν πρόκειται για κάτι καθαρό και απλό, η απάντηση είναι έτσι, τόσο συχνά ναι)

Σκοτεινότερες παραλλαγές:

  • Η φωτεινότητα μειώνεται
  • Ο κορεσμός αυξάνεται
  • Η απόχρωση (συχνά) μετατοπίζεται προς ελάχιστο φωτεινότητας (κόκκινο, πράσινο ή μπλε)

Παραλλαγές ελαφρύτερων:

  • Η φωτεινότητα αυξάνεται
  • Ο κορεσμός μειώνεται
  • Η απόχρωση (συχνά) μετατοπίζεται προς τη μέγιστη φωτεινότητα

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

Μια διεπαφή με ένα χρώμα και πολλές τροποποιήσεις

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

Τώρα είμαι πολύ σύντομος με όλα αυτά. Υπάρχουν ακόμα πολλά θέματα που πρέπει να καλυφθούν:

  • Πώς είναι η απόχρωση ακόμα πιο σημαντική στις κλίσεις και την οπτικοποίηση δεδομένων;
  • Όταν βρίσκεστε στο Sketch (κλπ.), Ποια τεχνική χρησιμοποιείτε για να κάνετε πιο σκούρες παραλλαγές;
  • Μπορείτε να μετακινήσετε περισσότερο τον κορεσμό ή τη φωτεινότητα;
  • Πώς βρίσκεις γκρι που ταιριάζει με το χρώμα σου;
  • Πώς επιλέγετε εντελώς άσχετα χρώματα που φαίνονται καλά μαζί;
  • Πώς μπορείτε να το διορθώσετε όταν τα χρώματα συγκρούονται;
  • Και, φυσικά, ακριβώς γιατί είναι τα RGB και CMY τα χαμηλά / υψηλά σημεία στο γράφημα φωτεινότητας;

Χαίρομαι που ρωτήσατε.

Παρουσιάζοντας ... Μάθετε το UI Design

Έχω δουλέψει σκληρά τους τελευταίους 11 μήνες για να δημιουργήσω το πιο ολοκληρωμένο online βίντεο μάθημα για την εκμάθηση των πρακτικών δεξιοτήτων του σχεδιασμού διεπαφών.

Μιλάμε πάντα εδώ:

  • Χρώμα
  • Τυπογραφία
  • Διατάξεις
  • Επεξεργάζομαι, διαδικασία
  • Ανταποκρίσιμος σχεδιασμός
  • Κι αλλα…

Το μάθημα είναι 16+ ώρες βίντεο σε πάνω από 30 μαθήματα βίντεο.

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

Για παράδειγμα, στο βίντεο Spacing (και ναι - αυτό είναι ένα βίντεο 50 λεπτών εξ ολοκλήρου σε κενά), ξεκινώ με ένα απλό παράδειγμα κειμένου, μιλώντας για το πώς να προσεγγίσετε τα γράμματα, το διάστιχο, το διάστημα, το διάστημα μεταξύ του τίτλου και του σώματος, δίπλα στο κείμενο, κλπ.

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

Εδώ είναι που λένε οι λαοί:

"Μάθετε το UI Design είναι σαν να μάθετε πώς να πετάξετε ένα αεροπλάνο κάνοντας κάθισμα στο πιλοτήριο με τον πιλότο - ο Erik σχεδιάζει / επανασχεδιάζει συνεχώς παραδείγματα πραγματικού κόσμου ακριβώς μπροστά σας, εξηγώντας γιατί το Χ είναι καλό ή κακό και πώς να πάτε για να γίνει ακόμη καλύτερο. "
 - Mudassir Ali, μηχανικός Frontend, Canva
"Η απλή προσέγγιση της UI Design Learning, που απεικονίζεται με παραδείγματα και μαθήματα πραγματικής ζωής, βοήθησε εξαιρετικά και άνοιξε τα μάτια. Θα ήθελα ιδιαίτερα να συστήσω αυτό το μάθημα για τους σχεδιαστές της UX που επιθυμούν να προσθέσουν το σχεδιασμό του UI στο σύνολο εργαλείων τους. "
 - Σάρα Κιμ, UX Design Lead
"Η πραγματιστική προσέγγιση του σχεδιασμού του Erik με διδάσκει απείρως περισσότερο απ 'ό, τι συνέβαινε ποτέ σε όποια βιβλία σχεδίασης! Μακριά από τα βιβλία, και ένα ακόμα βίντεο παρακαλώ. "
 - Anders Nysom, ανεξάρτητος προγραμματιστής

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

Και ναι, έχω το καλύτερο όνομα τομέα ποτέ - ευχαριστώ που το αναφέρατε.

Δύο τελικά βύσματα προτού να πούμε τα αποχαιρετιστήρια: Έχω ένα ενημερωτικό δελτίο σχεδίασης στο οποίο αποστέλλω σκόπιμα πολύ λίγα αλλά πολύ υψηλής αξίας σχεδιαστικά άρθρα (όπως το παραπάνω). Αν θέλετε να βλέπετε τέτοια πράγματα κάθε μήνα (ή 6) στα εισερχόμενά σας (βασικά όλα αυτά που έχουν αδημοσίευτα οπουδήποτε αλλού), πρέπει να αφιερώσετε μια στιγμή και να εγγραφείτε.

Τέλος: χρειάζεστε έναν ανεξάρτητο σχεδιαστή UX / UI; Μίσθωση μου.