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

Χρώμα | Περιγραφή | 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% του παγκόσμιου πληθυσμού έχει κάποιο είδος αχρωματοψίας. Αυτοί που επηρεάζονται έχουν τυπικά πρόβλημα διάκρισης μεταξύ συγκεκριμένων αποχρώσεων όπως κόκκινο και πράσινο (δευτερανωπία ή πρωτανωπία), ή γαλάζιο και κίτρινο (τριτανωπία). Συνεπώς είναι απαραίτητο να επιτρέπετε στον χρήστη την προσαρμογή των χρωμάτων σε οποιοδήποτε μέρος της εφαρμογής σας που μεταφέρει σημαντικές πληροφορίες. Αυτό σημαίνει ότι η εφαρμογή σας πρέπει να μεταφέρει αποτελεσματικά πληροφορίες χρησιμοποιώντας μόνο τα χρώματα από κάθε θέμα που επιλέγει ο χρήστης.
Ένα χρήσιμο εργαλείο για αξιολόγηση πληροφοριών σχετικά με την αχρωματοψία και τον έλεγχο ευανάγνωσης εικόνων για αχρωματικούς χρήστες είναι το οπτικός έλεγχος, ένα δικτυακό εργαλείο που προσομοιάζει τον τρόπο που μια εικόνα ή ιστοσελίδα μπορεί να εμφανιστεί σε έναν χρήστη που έχει δευτερανωπία, πρωτανωπία ή τριτανωπία.
![]() |
![]() |
![]() |
Άλλοι χρήστες έχουν περισσότερα προβλήματα με τα επίπεδα αντίθεσης παρά με την απόχρωση στην οθόνη τους. Μερικοί χρήστες απαιτούν ένα υψηλό επίπεδο αντίθεσης μεταξύ χρωμάτων παρασκηνίου και προσκηνίου, όπως μαύρο σε λευκό, λευκό σε μαύρο, ή κάποιο άλλο συνδυασμό υψηλής αντίθεσης. Άλλοι μπορεί να δοκιμάσουν δυσφορία εκτός και χρησιμοποιούν ρυθμίσεις χαμηλής αντίθεσης, όπως γκρίζο κείμενο σε ένα πιο φωτεινό παρασκήνιο γκρίζου.
Μπορείτε να συναντήσετε αυτές τις ανάγκες βεβαιώνοντας ότι η εφαρμογή σας υποστηρίζει τα προσβάσιμα θέματα GNOME (που βρίσκονται στο άρθρωμα θεμάτων gnome σε cvs), που περικλείει θέματα υψηλής και χαμηλής αντίθεσης και θέματα μεγάλης γραμματοσειράς. Αυτό σημαίνει ότι πρέπει να εφοδιάσετε με προεπιλεγμένα και μεγάλα μεγέθη υψηλής, χαμηλής και κανονικής αντίθεσης για τα σύνολα των εικονιδίων με την εφαρμογή σας.
- Χρησιμοποιήστε την χρωματική παλέτα GNOME. Εάν χρειάζεστε μια πιο σκοτεινή ή πιο φωτεινή σκιά, αρχίστε από ένα από τα χρώματα από την παλέτα και σκοτεινιάστε ή ανοίξτε όσο χρειάζεται.
- Μην χρησιμοποιείτε το χρώμα ως το μόνο μέσο για διάκριση στοιχείων της πληροφορίας. Τέτοιες πληροφορίες πρέπει να παρέχονται από τουλάχιστον μια άλλη μέθοδο, όπως σχήμα, θέση ή κειμενική περιγραφή.
- Βεβαιωθείτε ότι η εφαρμογή σας δεν εξαρτάται από ένα συγκεκριμένο θέμα. Δοκιμάστε το με διαφορετικά θέματα, ειδικά με θέματα πρόσβασης υψηλής και χαμηλής αντίθεσης, που χρησιμοποιούν λιγότερα χρώματα, για να βεβαιωθείτε ότι η εφαρμογή σέβεται τις ρυθμίσεις. Για παράδειγμα, όλο το κείμενο πρέπει να εμφανίζεται στο χρώμα προσκηνίου πάνω στο συγκεκριμένο χρώμα παρασκηνίου για το επιλεγμένο θέμα.
- Επιλέξτε προσεκτικά τα χρώματα. Όταν χρειάζεται να αναγνωρίζονται διαφορετικά, επιλέξτε τα φωτεινά από πορτοκαλί, κίτρινο, πράσινο ή γαλαζοπράσινο και τα σκοτεινά από γαλάζιο, ιώδες, πορφυρό ή κόκκινο καθώς τα περισσότερα άτομα που επηρεάζονται από αχρωματοψία βλέπουν ήδη γαλάζιο, ιώδες, πορφυρό και κόκκινο πιο σκοτεινά από το κανονικό.