# Εικονίδια

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

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

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

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

## Τύπος

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

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

Μία υδρόγειος με διαφορετικούς τύπους εικονιδίων

Java Metal | MacOS/X Aqua | GNOME
--- | --- | ---
Υδρόγειος Java | Υδάτινη υδρόγειος | Υδρόγειος GNOME

### Προοπτική

Προοπτική πίνακα

Παρουσιάζει αντικείμενα όπως αυτά βρίσκονται σε έναν πίνακα ή γραφείο μπροστά από το χρήστη.

Εικονογράφηση της προοπτικής πίνακα

Εικόνα της προοπτικής πίνακα

Επίπεδη προοπτική

Παρουσιάζει αντικείμενα σαν να στηρίχτηκαν σε ράφι στο επίπεδο του ματιού. Κάντε το να φαίνεται σαν μια αστυνομική παράταξη.

Εικονογράφηση της επίπεδης προοπτικής

Εικόνα της επίπεδης προοπτικής

### Φωτισμός

Πάνω αριστερά

Σχεδιάστε σαν να υπάρχει φωτισμός που έρχεται από την πάνω αριστερή γωνία, με μια απαλή απόχρωση πίπτουσας σκιάς μέσα στα περιγράμματα 48x48 του εικονιδίου (αρχικό μέγεθος σχεδίασης) (120 μοίρες, απόσταση 4 εικονοστοιχείων, θόλωση 4 εικονοστοιχείων).

Εναέρια

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

### Παλέτα

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

## Είδη εικονιδίων

Προδιαγραφές για διαφορετικά είδη εικονιδίων που χρησιμοποιούνται στο GNOME

Τύπος εικονιδίου | Μεγέθη (σε εικονοστοιχεία) | Προοπτική | Πηγή φωτός | Παραδείγματα
--- | --- | --- | --- | ---
Εικονίδια αντικειμένου / εγγράφου | 24x24, 48x48*, 96x96 | Πίνακας | Πάνω αριστερά | διάφορα εικονιδίων αντικειμένου
Εικονίδια εφαρμογής | 24x24, 48x48* | Πίνακας | Πάνω αριστερά | διάφορα εικονιδίων εφαρμογών
Εικονίδια εργαλειοθηκών | 24x24*, 48x48 | Ράφι | Εναέρια | διάφορα εικονιδίων εργαλειοθηκών
Εικονίδια μενού | 16x16 | Ράφι | Εναέρια | διάφορα εικονίδια μενού

(* υποδηλώνει το πρωτεύον μέγεθος για αυτό το είδος εικονιδίου)

### Εικονίδια εγγράφων

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

- Μην εμφανίζετε ένα τμήμα χαρτιού πίσω από ένα εικονίδιο εγγράφου εκτός και ο τύπος του εγγράφου έχει μια χρήση που αντιστοιχεί με φυσικό χαρτί (ή δεν βρέθηκε κατάλληλο αντικείμενο και χρησιμοποιείτε το εικονίδιο εφαρμογής). Για παράδειγμα, η τελική κατάσταση των περισσότερων εγγράφων επεξεργασίας κειμένου είναι ένα κομμάτι χαρτιού, έτσι είναι κατάλληλη η χρήση ενός κομματιού χαρτιού στο εικονίδιο. Από την άλλη μεριά, μια ταινία στον υπολογιστή έχει μικρή σχέση με ένα κομμάτι χαρτί, έτσι ένα κομμάτι χαρτί πίσω από ένα καρούλι ταινίας εισάγει κυρίως οπτικό θόρυβο. Η χρήση ενός κομματιού χαρτιού στους περισσότερους ή σε όλους τους τύπους εγγράφου δημιουργεί ένα πρόσθετο πρόβλημα: είναι πιο δύσκολο να σαρώσετε μεγάλους αριθμούς από εικονίδια επειδή δεν κατέχουν ξεχωριστά περιγράμματα. Μια χρήσιμη τεχνική για δημιουργία μιας λεπτής διαφοράς μεταξύ τύπων εγγράφου με παρόμοιους ρόλους (για παράδειγμα, μεταξύ "JPEG", "PNG", "GIF", κλπ) είναι η χρήση διαφορετικών χρωμάτων. Προχωρημένοι χρήστες που χρειάζεται να κάνουν αυτήν την διάκριση συχνά θα συνηθίσουν αυτές τις διαφορές.

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

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

### Εικονίδια εφαρμογής

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

### Εικονίδια εργαλειοθηκών

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

- Βεβαιωθείτε ότι τα εικονίδια των εργαλειοθηκών που θα χρησιμοποιούνται μαζί διακρίνονται εύκολα. Δοκιμάστε να διάκριση των σχημάτων των εικονιδίων μεταξύ τους.

- Ενώ οι περισσότεροι χρήστες θα προβάλλουν τα εικονίδια εργαλειοθήκης στα 24x24 εικονοστοιχεία, είναι σημαντική η συμπερίληψη ενός συνόλου εικονιδίων "μεγάλης γραμματοσειράς" στα 48x48 εικονοστοιχεία για λόγους πρόσβασης.

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

  Για να περιηγηθείτε τα διαθέσιμα εικονίδια παρακαταθήκης, εγκαταστήστε τα πακέτα ανάπτυξης για την έκδοση 2.x του GTK και εκτελέστε `gtk-demo`. Διπλό πάτημα στο στοιχείο παρακαταθήκης και περιηγητής εικονιδίου για ενεργοποίηση του περιηγητή εικονιδίων παρακαταθήκης. Σημειώστε ότι τα εικονίδια ποικίλλουν στην διαθέσιμη ανάλυση, έτσι οι παρουσιαζόμενες εικόνες στον περιηγητή εικονιδίου δεν πρέπει να λαμβάνονται ως ενδεικτικές της μέγιστης ποιότητας μιας εικόνας. Για να προβάλετε τις εικόνες σε μορφή PNG, ψάξτε στον πηγαίο κώδικα του GTK 2 στο `gtk/εικονίδια παρακαταθήκης`.

### Εικονίδια μενού

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

## Σχεδίαση λειτουργικών εικονιδίων

Πρόχειρος κανόνας για μεταφορές εικονιδίων

"Αν πρέπει να σκεφτείτε για ένα εικονίδιο να 'το πάρετε', η μεταφορά είναι πολύ σύνθετη"

- Σχεδίαση προτεινόμενων λειτουργικών εικονιδίων

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

  Ένα προτεινόμενο λειτουργικό εικονίδιο για έναν επεξεργαστή κειμένου

  Ένα έγγραφο με ένα μολύβι να γράφει πάνω του

  Ένα προτεινόμενο λειτουργικό εικονίδιο για υπογράμμιση

  Ένας υπογραμμισμένος χαρακτήρας

- Κάντε διακριτά τα σχήματα των εικονιδίων

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

  Διακριτά σχήματα από το θέμα εικονιδίων του GNOME

  Περιγράμματα ποικίλων εικονιδίων εργαλειοθηκών

### Προτεινόμενη διαδικασία σχεδίασης για εικονίδια εργαλειοθηκών και μενού

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

1. Σχεδιάστε το βασικό περίγραμμα όσο πιο κοντά στα 48x48 εικονοστοιχεία:

2. Συμπληρώστε με ασπρόμαυρο για δημιουργία λεπτομέρειας. Μην προσθέσετε αδικαιολόγητα πίπτουσες σκιές ή εξομάλυνση:

3. Χρησιμοποιήστε την ολοκληρωμένη εικόνα ως ένα εικονίδιο υψηλής αντίθεσης και μεγάλης γραμματοσειράς:

4. Το GNOME θα το σμικρύνει αυτόματα ώστε να δημιουργήσει ένα εικονίδιο με υψηλή αντίθεση διαστάσεων 24x24:

5. Ή μπορείτε να δημιουργήσετε με το χέρι μια έκδοση 24x24, που θα είναι ανώτερη σε αντίθεση και οξύτητα:

6. Προσθέστε χρώμα και εξομάλυνση στο μεγάλης γραμματοσειράς και υψηλής αντίθεσης εικονίδιο:

7. Προσθήκη διαβαθμίσεων για ένα ομαλό, ρεαλιστικό αποτέλεσμα:

8. Προσθέστε μια πίπτουσα σκιά (γενική γωνία 120 μοιρών, απόστασης 4 εικονοστοιχείων, θόλωσης 4 εικονοστοιχείων, 40% αδιαφάνεια) και χρησιμοποιήστε την ολοκληρωμένη εικόνα ως εικονίδιο κανονικής αντίθεσης και μεγάλης γραμματοσειράς:

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

10. Δημιουργήστε μια στρώση με το ίδιο περίγραμμα και μέγεθος του εικονιδίου κανονικής αντίθεσης και μεγάλης γραμματοσειράς, έπειτα καλύψτε το στο χρωματικό εικονίδιο. Δώστε στην στρώση επικάλυψης αδιαφάνεια 40% και χρησιμοποιήστε την ολοκληρωμένη εικόνα ως το εικονίδιο χαμηλής αντίθεσης και μεγάλης γραμματοσειράς:

11. Το GNOME θα το σμικρύνει αυτόματα ώστε να δημιουργήσει ένα εικονίδιο 24x24 με χαμηλή αντίθεση:

12. Ή μπορείτε να δημιουργήσετε με το χέρι μια έκδοση 24x24, που θα είναι ανώτερη σε αντίθεση και οξύτητα:

### Προβλήματα προς αποφυγή

- Αποφύγετε τα εικονίδια που υποδηλώνουν κάποιο όνομα

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

  Το αρχικό εικονίδιο με προτεινόμενο όνομα για το Ναυτίλο

  Μια εικόνα του κελύφους του ναυτίλου

- Μην συμπεριλάβετε χαρακτηριστικό κείμενο σε εικονίδια

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

  Κείμενο στο αρχικό εικονίδιο του Gedit

  Το αρχικό εικονίδιο GEdit, ένα ορθογώνιο που περιέχει τη λέξη "GEdit".

- Μην βασίζεστε σε πληροφορίες που οι χρήστες σας δεν έχουν

  Τυχαία εικονίδια εμφανίζονται να μην έχουν σχέση με την εφαρμογή (εκτός από ίσως κάποια περίεργη σύνδεση στο μυαλό του προγραμματιστή). Αυτά τα εικονίδια δεν πρέπει ποτέ να χρησιμοποιηθούν και θα μπερδέψουν πιθανόν τον χρήστη περισσότερο από ότι θα τον βοηθήσουν. Ο σκοπός του εικονιδίου δεν πρέπει να είναι να "φαίνεται όμορφο"· αυτό είναι απλά μια πολύ επιθυμητή παρενέργεια.

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

  Ένα φαινομενικά τυχαίο εικονίδιο για το SodiPodi

  Ένας σκίουρος

- Μην συμπεριλάβετε άσχετες πληροφορίες

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

  Άσχετες πληροφορίες -το εικονίδιο του Evolution

  Το εικονίδιο του Evolution

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

  Άσχετες πληροφορίες - το παλιό εικονίδιο του Gnumeric

  Το εικονίδιο Gnumeric

- Μην συμπεριλάβετε μέρη του σώματος στο εικονίδιο

  Επειδή το GNOME σκοπεύει να είναι μια διεθνής επιφάνεια εργασίας, χρειάζεται να αποφύγει εικόνες που είναι δυνητικά προσβλητικές ή συγκρούονται με άλλους πολιτισμούς. Μια πρώτη πηγή προσβλητικών εικόνων είναι ποικίλα μέρη του σώματος σε έναν αριθμό διαφορετικών διαμορφώσεων. Πέρα από προσβλητικές χειρονομίες με παλάμες, βραχίονες ή δάκτυλα· μέρη του σώματος θεωρούνται "καθαρά" σε έναν πολιτισμό (όπως τα μάτια), ενώ θεωρούνται κακόγουστα ή χυδαία σε κάποιον άλλον (όπως η μύτη). Με βάση μια έρευνα εικονιδίων στο GNOME, τα μέρη του σώματος εμφανίζονται συχνά στα λιγότερο επικοινωνιακά εικονίδια (συχνά "δείχνοντας" σε κάποιο στοιχείο στο εικονίδιο)· χρησιμοποιούνται ως μια αναποτελεσματική βοήθεια για φτωχή μεταφορά. Σε αυτές τις καταστάσεις μέρη του σώματος δεν πρέπει να χρησιμοποιούνται. Ακόμα σε καταστάσεις όπου η μεταφορά είναι κατάλληλη (για παράδειγμα ένα μάτι που αντιπροσωπεύει την εμφάνιση της εφαρμογής sawfish) είναι καλύτερο να αποφύγετε τη χρήση μέρους του σώματος. Συχνά μέρη του σώματος χρησιμοποιήθηκαν στο GNOME για προτείνουν μια ανθρώπινη "επιλογή" ή "χρήση" από κάτι. Αυτό είναι κανονικά ένα περιττό σημείο για τον σχεδιαστή του εικονιδίου. Τα άτομα προσπαθούν φυσικά να καταλάβουν αντικείμενα αναφορικά με τον εαυτόν τους (εμφανίστε σε κάποιον ένα ρόπαλο και θα σκεφτεί να χτυπήσει κάτι με το ρόπαλο, εμφανίστε ένα εργαλείο και θα σκεφτεί τη χρήση του, κλπ). Για παράδειγμα, ο επιλογέας γραμματοσειράς εμφανίζει ένα δάκτυλο που δείχνει σε ένα "F" υποδεικνύοντας στον χρήστη να επιλέξει μεταξύ μιας σειράς γραμματοσειρών. Ένα καλύτερο εικονίδιο θα ήταν το κείμενο "Aa" που παρουσιάζεται με μια κομψή γραμματοσειρά (προκαλώντας την προσοχή στη γραμματοσειρά παρά στο κείμενο). Ο χρήστης δεν χρειάζεται να του πούνε να "επιλέξει" τη γραμματοσειρά, μπορεί να το συμπεράνει εύκολα.

  Χρήση τμημάτων σώματος- το εικονίδιο του επιλογέα γραμματοσειράς

  Το αρχικό εικονίδιο επιλογέα γραμματοσειράς

  Ένα καλύτερο εικονίδιο για τον επιλογέα γραμματοσειράς

  Ένα απλό εικονίδιο αντικατάστασης που εμφανίζει ένα κομψό "Aa"

- Μην βασίζετε τη μεταφορά της εικόνας σε λογοπαίγνια

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

  Λογοπαίγνιο - εικονίδιο παρακολούθησης ημερολογίου συστήματος

  Ένα κούτσουρο δέντρου

- Μην χρησιμοποιείτε βίαιες εικόνες

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

  Εικονίδιο τερματισμού με καταστροφική εμφάνιση

  Ένα κουμπί έκρηξης

## Σχεδίαση προσιτών εικονιδίων

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

Εικονίδια χαμηλής αντίθεσης

Τα θέματα με εικονίδια χαμηλής αντίθεσης είναι παρωχημένα στο GNOME 2.22. Δεν είναι πλέον απαραίτητα για την επίτευξη ισοδύναμων εικονιδίων χαμηλής αντίθεσης.

### Εικονίδια υψηλής αντίθεσης

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

Προσομοίωση χρήστη χαμηλής όρασης που κοιτάζει εικονίδια υψηλής αντίθεσης

Περιγραφή | Εικονίδιο υψηλής αντίθεσης | Προσομοιωμένη εμφάνιση
--- | --- | ---
Βιβλίο | Εικονίδιο βιβλίου | Θολό εικονίδιο βιβλίου
Δίσκος | εικονίδιο CD-ROM | Θολό εικονίδιο CD-ROM
Αντιγραφή | Εικονίδιο αντιγράφου | Θολό εικονίδιο αντιγράφου

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

Απλοποιημένη αντιπροσώπευση των μεταφορών για εικονίδια υψηλής αντίθεσης

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

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

Στρωματική τεχνική για εικονίδια υψηλής αντίθεσης

Αναλυτική προβολή των χρησιμοποιούμενων στρώσεων σε εικονίδιο δισκέτας υψηλής αντίθεσης

Επαναχρησιμοποίηση υπαρχόντων σχημάτων

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

Μην ξεχνάτε το περίγραμμα!

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

### Εικονίδια χαμηλής αντίθεσης

Εικονίδια χαμηλής αντίθεσης

Τα θέματα με εικονίδια χαμηλής αντίθεσης είναι παρωχημένα στο GNOME 2.22. Δεν είναι πλέον απαραίτητα για την επίτευξη ισοδύναμων εικονιδίων χαμηλής αντίθεσης.

Ο στόχος των θεμάτων χαμηλής αντίθεσης είναι η εξάλειψη, όσο το δυνατόν, των φωτεινών τιμών (π.χ. μία μεγάλη τιμή 'V' στο HSV). Για να το επιτύχετε, τα χρώματα στα εικονίδια χαμηλής αντίθεσης συμπιέζονται προς το μέσο του εύρους τιμών, π.χ. τα σκούρα χρώματα φωτίζονται και τα ανοικτά σκουραίνουν.

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

Ο διάλογος επιπέδων στο GIMP που εμφανίζει τα ορθά επίπεδα για τη δημιουργία εικονιδίων χαμηλής αντίθεσης

Ο διάλογος επιπέδων στο GIMP που εμφανίζει επίπεδα εισαγωγής ορισμένα σε 100, 1,25, 200 και επίπεδα εξόδου ορισμένα σε 100 και 160.