8 απλά βήματα για τη βελτίωση του σχεδιασμού εικονιδίων
Τα εικονίδια είναι παντού. Από τα εικονίδια εφαρμογών στις αρχικές οθόνες μέχρι τις γραφικές αναπαραστάσεις που οδηγούν τους χρήστες μέσω ενός σχεδίου, το σχεδιασμό εικονιδίων είναι μια μεγάλη υπόθεση.
Υπάρχει μια τέχνη για καλό σχεδιασμό εικονιδίων. Όχι μόνο το στοιχείο πρέπει να καταστήσει αναγνωρίσιμα στο μικρότερο των μεγεθών, τα καλά διανυσματικά εικονίδια μπορούν να κλιμακωθούν για να χρησιμοποιηθούν σε υπερμεγέθεις αναλογίες επίσης. Ορισμένοι σχεδιαστές χρησιμοποιούν ακόμη και εικονογραφικές εικόνες για δεσπόζοντα οπτικά.
Έτσι πού ξεκινάτε; Εδώ είναι ένας οδηγός για το σχεδιασμό ενός καλύτερου εικονιδίου σε οκτώ (κάπως) απλά βήματα.
1) Ξεκινήστε με ένα πλέγμα
Ο καλός σχεδιασμός εικονιδίων ξεκινάει με μια σταθερή βάση. Ένα απλό πλέγμα τετράγωνου μπλοκ είναι το μόνο που χρειάζεται να ξεκινήσετε να σχεδιάζετε ένα εικονίδιο.
Χρησιμοποιήστε το ίδιο χαρτί που χρησιμοποιήσατε στο σχολείο για να δημιουργήσετε σκίτσα εικόνων με μολύβι και χαρτί ή ξεκινήστε με ένα πλέγμα τετραγωνικών εικονοστοιχείων στο λογισμικό σχεδιασμού. Θα πρέπει πιθανώς να σχεδιάσετε σε τετράγωνο καμβά, καθώς τα περισσότερα εικονίδια καταλήγουν να χωρούν σε τετράγωνα. (Αυτό περιλαμβάνει τα πάντα, από εικονίδια για εφαρμογές σε εικονίδια σε σχέδια ιστότοπων ή για προφίλ κοινωνικών μέσων).
Μόλις έχετε ένα πλέγμα, φροντίστε να δώσετε στον εαυτό σας ένα στοιχείο λευκού χώρου γύρω από την περίμετρο. Αυτό θα σας δώσει αρκετή ευελιξία για να προσθέσετε ένα φόντο εάν χρειαστεί και να κρατήσετε το εικονίδιο από το να αποκόπτεται σε εφαρμογές που μπορεί να έχουν στρογγυλεμένες ακμές ή άλλους τύπους λοξοτομείων.
Ακριβώς επειδή το πλέγμα σας είναι τετράγωνο δεν σημαίνει ότι το εικονίδιο σας πρέπει να είναι. Μπορεί να είναι στρογγυλό ή πιο ορθογώνιο. Θυμηθείτε: Καθώς σχεδιάζετε κάτι που δεν είναι τετράγωνο, θα πρέπει να ευθυγραμμιστεί οριζόντια και κατακόρυφα στο κέντρο για εύκολη χρήση αργότερα. Θα σας βοηθήσει επίσης να διατηρήσετε μια σταθερή κλίμακα για ένα σετ εικονιδίων.
Το πλέγμα είναι μόνο για να σας βοηθήσει να δημιουργήσετε ένα πλαίσιο όπου μπορείτε να σχεδιάζετε με συνέπεια. Ως μπόνους μπορείτε επίσης να χρησιμοποιήσετε το πλέγμα για να σχεδιάσετε στοιχεία του εικονιδίου. χρησιμοποιήστε γραμμές πλέγματος για να σχεδιάσετε ευθείες γωνίες ή να καθορίσετε την τοποθέτηση των εγκεφαλικών επεισοδίων στο σχεδιασμό.
2) Κατασκευάστηκε με γεωμετρία
Τα εικονίδια είναι συχνά μικρά, οπότε είναι σημαντικό να χτίζουμε με στοιχεία τα οποία αναγνωρίζουν οι χρήστες με μια ματιά. Γι 'αυτό τόσα πολλά εικονίδια έχουν ρίζες σε γεωμετρικά σχήματα.
Κύκλοι, τετράγωνα και τρίγωνα είναι οι πιο δημοφιλείς συνδυασμοί σχημάτων. Οι χρήστες δεν χρειάζεται να σκεφτούν ούτε να αναρωτηθούν τι είναι. Κάθε σχήμα είναι απλό και αναγνωρίσιμο. Στη συνέχεια, μπορούν να συγχωνευτούν και να συνδεθούν για να δημιουργήσουν άλλα στοιχεία με το ίδιο γεωμετρικό στυλ.
Κοιτάξτε το εικονίδιο για το Dropbox, για παράδειγμα. Δεν είναι τίποτα περισσότερο από μερικά τετράγωνα που συνδέονται μαζί για να σχηματίσουν ένα κουτί. Η ιδέα είναι δημιουργική, απλή και εύκολη στην ανάγνωση σε οποιοδήποτε μέγεθος.
Μια άλλη δημοφιλής "γεωμετρική" επιλογή είναι να χρησιμοποιήσετε ένα ενιαίο, μπλοκ γράμμα ως μέρος της εικονογραφίας. Αν και αυτό δεν λειτουργεί καλά για ευρεία εφαρμογή, μπορεί να χρησιμεύσει ως λειτουργικό αναγνωριστικό της μάρκας. Το Facebook είναι ένα πρωταρχικό παράδειγμα αυτής της χρήσης του εικονιδίου σε δράση.
3) Δημιουργήστε ένα μοναδικό σχήμα
Ενώ ξεκινάτε με κύκλους και τετράγωνα είναι χρήσιμος, θέλετε να δημιουργήσετε ένα σχήμα που είναι δικό σας. Αυτό είναι σημαντικό εάν εργάζεστε με ένα εικονίδιο αναγνωρίσεως της μάρκας. Ακόμη και οι φαινομενικά περίπλοκες εικόνες συχνά ξεκινούν με απλά σχήματα που μεταμορφώνονται σε κάτι πιο μοναδικό.
Όταν πρόκειται για μοναδικότητα, υπάρχουν μερικά στοιχεία σχεδίασης που πρέπει να σκεφτούμε.
- Μείνετε μακριά από τις εικόνες. Δεν θα φαίνονται καλά μικρά.
- Μείνετε μακριά από το κείμενο. Οι χρήστες δεν θα μπορούν να το διαβάσουν.
- Ορισμένες τάσεις αξίζουν. Τα επίπεδη και σχεδόν επίπεδη στυλ εικονιδίων δουλεύουν θαύματα.
- Εργασία με ευθείες γραμμές και γωνίες που συνδέονται με σημεία στο πλέγμα. Οι καμπύλες μπορούν να πάρουν αμήχανα γρήγορα.
- Τα καλύτερα εικονίδια δουλεύουν με χρώμα αλλά είναι επίσης αναγνωρίσιμα ως ασπρόμαυρα περιγράμματα.
4) Δώστε του αρκετό χώρο
Τα εικονίδια χρειάζονται αρκετό χώρο για να αναπνεύσουν. Σκεφτείτε πώς χρησιμοποιούνται τα εικονίδια. Ιδιαίτερα εάν σχεδιάζετε ένα εικονίδιο εφαρμογής που οι χρήστες θα βλέπουν πάνω από τα τρελά wallpapers στις συσκευές τους, ο σχεδιασμός πρέπει να τοποθετηθεί λίγο μέσα στο πλαίσιο για να γίνει πιο ευανάγνωστο και διακριτό.
Μέσα στο πλέγμα σας, δημιουργήστε ένα συνεχές περίγραμμα γύρω από την άκρη. Σκεφτείτε αυτό το διάστημα σχεδόν όπως θα κάνατε όταν εργάζεστε με μια αιμορραγία στον σχεδιασμό της εκτύπωσης. Το χρώμα χρειάζεται να επεκταθεί σε αυτό το τμήμα του καμβά, αλλά πιθανόν να είναι αόρατο.
5) Προσέξτε σε χρώματα μάρκας
Μην τρελαίνετε με παλέτες χρωμάτων εικονιδίων μόνο και μόνο επειδή μπορείτε. Αν δημιουργείτε κάτι για τη δουλειά μάρκας, παραμείνετε στην παλέτα χρωμάτων σας. Ενώ μπορείτε να αποκλίνετε από το κανονικό λογότυπο μάρκας για ένα εικονίδιο, το χρώμα θα πρέπει να παραμείνει σταθερό.
Εάν εργάζεστε σε ένα σετ εικονιδίων για ένα πακέτο σχεδιασμού ιστοσελίδων ή για άλλη χρήση, ξεκινήστε πρώτα με τα μαύρα ή τα λευκά εικονίδια. Στη συνέχεια, προσθέστε χρώμα όσο πλησιάζετε στην ολοκλήρωση του σχεδιασμού. Συνεργάζοντας με απλά στοιχεία με υψηλή αντίθεση - μαύρο σε άσπρο ή λευκό σε μαύρο - έχετε πραγματικά μια αίσθηση για το πώς κάθε εικόνα κοιτάζει στο διάστημα. Εάν λειτουργεί ανεξάρτητα από το χρώμα, οι πιθανότητες είναι μεγαλύτερες ότι θα λειτουργήσει καλά με το χρώμα που προστέθηκε επίσης.
6. Χρησιμοποιήστε συνεχείς δίσκους
Δώστε προσοχή σε κάθε λεπτομέρεια στο σχεδιασμό εικονιδίων. Έχετε κόψει μια γωνιακή γωνία στο σχέδιο; Στη συνέχεια, σκεφτείτε να το κάνετε σε όλες τις γωνίες.
Παρόλο που αυτές οι μικροσκοπικές λεπτομέρειες μπορεί να μην φαίνονται σημαντικές - ίσως να μην είναι ακόμη ορατές στα μικρότερα μεγέθη - μπορούν να προσθέσουν μια κλασική διάθεση στα εικονίδια που χρησιμοποιούνται σε πιο γραφικές οθόνες.
Περισσότεροι σχεδιαστές χρησιμοποιούν τα εικονίδια ως κουμπιά σε όλα τα σχέδια και βοηθούν να οδηγήσουν τα μάτια ανάμεσα σε περισσότερα βαριά στοιχεία κειμένου. Προσεκτικά δημιουργημένα εικονίδια μπορούν να σας ευχαριστήσουν και να ενθαρρύνουν τις μετατροπές ιστότοπων.
7. Σχεδιασμός για το μικρότερο μέγεθος
Ενώ τα εικονίδια θα μπορούσαν να χρησιμοποιηθούν σχεδόν σε οποιοδήποτε μέγεθος, θέλετε να σχεδιάσετε το σχέδιο έτσι ώστε να λειτουργεί στα μικρότερα μεγέθη. Συνήθως τα εικονίδια favicon μεταφορτώνονται σε μόλις 16 με 16 εικονοστοιχεία. Είναι το εικονίδιο σας αποκρυπτογραφημένο σε αυτό το μέγεθος;
Αν η απάντηση είναι αρνητική, έχετε δύο επιλογές:
- Ξεκινήστε με το σχεδιασμό των εικονιδίων.
- Δημιουργήστε ένα εναλλακτικό εικονίδιο για μικροσκοπικούς χώρους, όπως τα favicons.
8) Μην διακοσμείτε
Τέλος, κρατήστε το απλό. Αντιστοιχίστε την επιθυμία να διακοσμήσετε το σχέδιο του εικονιδίου σας. Ορισμένες από τις καλύτερες εφαρμογές εξακολουθούν να υποφέρουν από αμήχανα εικονίδια. (Το Wunderlist έρχεται αμέσως στο μυαλό σας. Σκεφτείτε μόνο πόσο πιο όμορφα θα φαινόταν χωρίς τις σκιές και τις περιγραφές.)
Η διακόσμηση απλώς καταλήγει σε αμηχανία σε αυτούς τους μικρούς χώρους. Μπορεί επίσης να κατακλύσει το σχέδιο. Σκεφτείτε τα εικονίδια ως σημάδια έμφασης σχεδιασμού, δεν είναι η κύρια εστίαση. Αν κάποιος χρήστης παραμείνει σε ένα εικονίδιο πάρα πολύ καιρό επειδή προσπαθεί να εξηγηθεί η σημασία του, μπορεί να χάσει τα ίχνη του τι πρέπει να κάνουν. Τα εικονίδια πρέπει να σηματοδοτούν γρήγορες αλληλεπιδράσεις.
συμπέρασμα
Ο σχεδιασμός των εικονιδίων μπορεί να είναι πολύ διασκεδαστικός αν έχετε χρόνο να βελτιώσετε αυτή την ικανότητα. Αλλά αν δεν είστε ειδικός, μην ανησυχείτε. Υπάρχουν πολλά καταπληκτικά καταστήματα εκεί έξω που απελευθερώνουν εικονίδια που μπορείτε να χρησιμοποιήσετε στα έργα σας.
Αν ξεκινάτε απλά με το σχεδιασμό εικονιδίων, αξίζει να κατεβάσετε ένα από αυτά τα σετ. Τραβήξτε τα εικονίδια σε ένα πλέγμα και τα διαχωρίστε. Μπορείτε να μάθετε πολλά για το πώς να δημιουργήσετε καλύτερα τα δικά σας απλά σχήματα από αυτή την άσκηση.