Χρώμα

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

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

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

8.1.1. Παλέτα

Η παλέτα 32 χρωμάτων έχει αναπτυχθεί για την επιφάνεια εργασίας GNOME. Η παλέτα μπορεί να φορτωθεί από http://developer.gnome.org/projects/gup/images/ximian-palette. Για να την χρησιμοποιήσετε στο GIMP, αποθηκεύστε τη στον φάκελο ~/.gimp_1.2/palettes και επανεκκινήστε το GIMP. Μια μοναδική χρησιμοποιούμενη παλέτα με συνέχεια βοηθά να δώσει την ενιαία εμφάνιση και αίσθηση στην επιφάνεια εργασίας, ενώ ελαχιστοποιούνται οι οπτικές αποσπάσεις. Εάν χρειάζεστε ένα χρώμα που είναι πιο σκοτεινό ή πιο φωτεινό από τα χρώματα σε αυτήν τη βασική παλέτα (π.χ., για εξομάλυνση), επιλέξτε ένα χρώμα πολύ κοντά στην απόχρωση που χρειάζεστε, έπειτα κάντε το πιο σκοτεινό ή πιο φωτεινό όπως απαιτείται.

Φιγούρα 8-1Η βασική παλέτα 32-χρωμάτων του GNOME
Table 8-1Τιμές RGB και δεκαεξαδικές για τη βασική παλέτα
Χρώμα Περιγραφή RGB Δεκαεξαδικό Χρώμα Περιγραφή RGB Δεκαεξαδικό
Βασικό 3Δ έντονο 234 232 227 #EAE8E3
Βασικό 3Δ μεσαίο 186 181 171 #BAB5AB
Βασικό 3Δ σκούρο 128 125 116 #807D74
3Δ σκιά 86 82 72 #565248
Έντονο πράσινο 197 210 200 #C5D2C8
Μεσαίο πράσινο 131 166 127 #83A67F
Σκούρο πράσινο 93 117 85 #5D7555
Πράσινη σκιά 68 86 50 #445632
Έντονο κόκκινο 224 182 175 #E0B6AF
Μεσαίο κόκκινο 193 102 90 #C1665A
Σκούρο κόκκινο 136 70 49 #884631
Κόκκινη σκιά 102 56 34 #663822
Έντονο πορφυρό 173 167 200 #ADA7C8
Μεσαίο πορφυρό 136 127 163 #887FA3
Σκούρο πορφυρό 98 91 129 #625B81
Πορφυρή σκιά 73 64 102 #494066
Έντονο γαλάζιο 157 184 210 #9DB8D2
Μεσαίο γαλάζιο 117 144 174 #7590AE
Σκούρο γαλάζιο 75 105 131 #4B6983
Γαλάζια σκιά 49 78 108 #314E6C
Δέρμα προσώπου έντονο 239 224 205 #EFE0CD
Δέρμα προσώπου μεσαίο 224 195 158 #E0C39E
Δέρμα προσώπου σκούρο 179 145 105 #B39169
Δέρμα προσώπου με σκιά 130 102 71 #826647
Έντονο κόκκινο 223 66 30 #DF421E
Έντονο σκούρο κόκκινο 153 0 0 #990000
Έντονο κίτρινο 238 214 128 #EED680
Έντονο σκούρο κίτρινο 209 148 12 #D1940C
Έντονο πράσινο 70 160 70 #46A046
Έντονο σκούρο πράσινο 38 199 38 #267726
Άσπρο 255 255 255 #ffffff
Μαύρο 0 0 0 #000000

8.1.2. Απόχρωση, φωτεινότητα, αντίθεση

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

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

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

Φιγούρα 8-2Πώς φαίνεται η γη για έναν χρήστη με κανονική χρωματική όραση (αριστερά), δευτερανωπία (μέση) και τριτανωπία (δεξιά). (Εικόνες από http://www.vischeck.com).

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

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

Κατευθυντήριες γραμμές
  • Χρησιμοποιήστε την χρωματική παλέτα GNOME. Εάν χρειάζεστε μια πιο σκοτεινή ή πιο φωτεινή σκιά, αρχίστε από ένα από τα χρώματα από την παλέτα και σκοτεινιάστε ή ανοίξτε όσο χρειάζεται.
  • Μην χρησιμοποιείτε το χρώμα ως το μόνο μέσο για διάκριση στοιχείων της πληροφορίας. Τέτοιες πληροφορίες πρέπει να παρέχονται από τουλάχιστον μια άλλη μέθοδο, όπως σχήμα, θέση ή κειμενική περιγραφή.
  • Βεβαιωθείτε ότι η εφαρμογή σας δεν εξαρτάται από ένα συγκεκριμένο θέμα. Δοκιμάστε το με διαφορετικά θέματα, ειδικά με θέματα πρόσβασης υψηλής και χαμηλής αντίθεσης, που χρησιμοποιούν λιγότερα χρώματα, για να βεβαιωθείτε ότι η εφαρμογή σέβεται τις ρυθμίσεις. Για παράδειγμα, όλο το κείμενο πρέπει να εμφανίζεται στο χρώμα προσκηνίου πάνω στο συγκεκριμένο χρώμα παρασκηνίου για το επιλεγμένο θέμα.
  • Επιλέξτε προσεκτικά τα χρώματα. Όταν χρειάζεται να αναγνωρίζονται διαφορετικά, επιλέξτε τα φωτεινά από πορτοκαλί, κίτρινο, πράσινο ή γαλαζοπράσινο και τα σκοτεινά από γαλάζιο, ιώδες, πορφυρό ή κόκκινο καθώς τα περισσότερα άτομα που επηρεάζονται από αχρωματοψία βλέπουν ήδη γαλάζιο, ιώδες, πορφυρό και κόκκινο πιο σκοτεινά από το κανονικό.