Dark UI - Γιατί, πότε και πού;

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

Η ασφαλέστερη απόφαση - τις περισσότερες φορές - είναι να επιλέξετε ένα λευκό θέμα. Στις περισσότερες περιπτώσεις, ένα λευκό φόντο είναι πιο εύκολο να εργαστεί με 1 απλό λόγο: το μαύρο κείμενο σε λευκό φόντο σημαίνει καλύτερη αντίθεση, σάρωση της αντίληψης και αναγνωσιμότητα.

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

Ιδιοκτησία του @ Lucas Films

Δεν ήταν έκπληξη ότι άρχισα να αντιμετωπίζω ζητήματα χρηστικότητας τη στιγμή που άρχισα να «ζωγραφίζω» τα συρματοπλέγματα. Το Great UX ξεκινάει με μεγάλη αναγνωσιμότητα και υψηλή αντίθεση μεταξύ κειμένου και φόντου. Με άλλα λόγια, το μαύρο κείμενο σε λευκό φόντο σημαίνει βελτιστοποιημένη αναγνωσιμότητα.

Αλλά δοκιμάστε το λευκό κείμενο σε σκούρο φόντο και η ιστορία αλλάζει λίγο.

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

Αλλά αφήνεις μερικά βήματα πίσω. Εάν το Dark UI έχει όλα αυτά τα προβλήματα, γιατί επέλεξα να ξεκινήσει;

  1. Ο σκοπός του. Το έργο σχετίζεται με τον αθλητισμό και το μαύρο συνδέεται συχνά με την εξουσία, την κομψότητα και το κύρος.
  2. Δεν είναι κεντροποιημένο κείμενο. Σε αντίθεση με ένα blog που περιέχει μεγάλα κομμάτια κειμένου, δεν είναι βαριά η πληροφορία.
  3. Για να μειώσετε την καταπόνηση των ματιών. Καθώς αναμένουμε από τους χρήστες να παραμείνουν για μεγάλες χρονικές περιόδους, ένα πιο σκοτεινό σχέδιο μπορεί να μειώσει την πίεση των ματιών.

Έτσι πότε λειτουργεί καλά;

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

Καθώς συνδυάζεται με το περιβάλλον, βοηθά το σημαντικό περιεχόμενο να ξεχωρίζει καθώς κάθεστε μακριά από την τηλεόραση.

Εφαρμογή Netflix - iOSΠοδόσφαιρο διευθυντής 2018

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

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

Υψηλό κείμενο 3

Σκέψεις:

Η μικρότερη αντίθεση σημαίνει καλύτερη αντίθεση

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

Πολλά κείμενα; Μείνετε στο φως!

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

Rocket.Chat Blog Άρθρο

Λιγότερες γραμματοσειρές για πιο τολμηρή εμφάνιση

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

Πολύς χώρος δεν είναι αρκετός ποτέ

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

Τελικές σκέψεις

Ένα ελαφρύ UI είναι πάντα το ασφαλές στοίχημα, αλλά σε ορισμένες περιπτώσεις, ένα σκοτεινό UI μπορεί να είναι νικητής. Έτσι επιλέξτε σοφά.

Ελέγξτε τα σχέδια από το Significa on Dribbble και Behance