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

Τι γίνεται όμως αν σας έλεγα ότι οι πιο ανατρεπτικοί χαρακτήρες της γενιάς μας θα μπορούσαν πραγματικά να είναι ο καλύτερος φίλος ενός σχεδιαστή μάρκας; Τι θα συμβεί αν σας δείξω πώς να μετατρέψετε ταλαιπωρημένα γράμματα σε πλούσια λογότυπα που θα λατρέψουν οι πελάτες (και θα πληρώσουν καλά χρήματα); Θα θέλατε να αλλάξετε ριζικά τον τρόπο που βλέπετε τον τύπο και να ανοίξετε τον εαυτό σας σε ένα απέραντα αναπτυσσόμενο σύμπαν δημιουργικών επιλογών; Είστε έτοιμοι να φτιάξετε τη δική σας γραμματοσειρά;

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

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

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

Τέλος, ένας δροσερός και ασυνήθιστος τυπογραφικός παράνομος που δεν χρειάζεται εισαγωγή - το ένα, το μόνο, κωμικό Sans .

Από αυτήν την απίθανη ομαδοποίηση, θα σας διδάξω να δείτε θησαυρό όπου άλλοι φωνάζουν «σκουπίδια!» και δημιουργήστε προσαρμοσμένους λογότυπους με το υψηλότερο επίπεδο.

Μια απλή και αξιόπιστη διαδικασία

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

Συνιστώμενη ρύθμιση

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

• Photoshop - Χρησιμοποιείται για τον χειρισμό γραμματοσειρών και τη δημιουργία σκίτσων βελτίωσης με στρώσεις.
• Εικονογράφος - Χρησιμοποιείται για την ανίχνευση σκίτσων τελικής βελτίωσης του φορέα και για γρήγορη προσθήκη στοιχείων στυλ όπως χρώματα, ντεγκραντέ, υφές, μοτίβα κ.λπ.
• Δισκίο Wacom - Χρησιμοποιείται για ψηφιακό σχέδιο στο Photoshop.

Jokerman - Από το Crass στο Classy

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

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

1. Αναθεώρηση Typeface

Στο Photoshop, επιλέξτε μια γραμματοσειρά (σε αυτήν την περίπτωση, Jokerman), πληκτρολογήστε το όνομα της επιχείρησης που χρειάζεστε για το λογότυπό σας και εξετάστε γρήγορα κάθε γράμμα για να αποκτήσετε μια αίσθηση για δυνατότητες σχεδίασης όπως κλίμακα, αναλογία, βάρος γραμμάτων κ.λπ.

2. Σχεδιασμός

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

3. Παραμόρφωση γραμματοσειράς

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

4. Σκίτσο διόρθωσης

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

5. Σκίτσο βελτίωσης

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

6. Διάνυσμα ίχνος

πώς να δημιουργήσετε μια συμβουλευτική επιτροπή

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

7. Ολοκληρώνοντας τις πινελιές

διαφορά μεταξύ c corp και s corp

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

Πάπυρος - Ένας λεπτός μετασχηματισμός

Εξομολόγηση: Μου αρέσει ο Πάπυρος και δεν με νοιάζει ποιος ξέρει. Σοβαρά, δεν είναι όλες οι γραμματοσειρές που εμείς οι σχεδιαστές απολαμβάνουμε bashing. Υπερκατανάλωση; Μπορεί. Κιτς; Εντάξει, ναι. Αλλά απλώς και μόνο επειδή μια γραμματοσειρά κάνει κάποιον να αισθάνεται ότι το φιλόξενο ντιζάιν του έχει αξιοπρέπεια δεν σημαίνει ότι είναι κακό. Και έτσι νιώθω για τον Πάπυρο. Είναι σαν το πουκάμισο που αγόρασα στο Old Navy: Ταιριάζει καλά και με κάνει να παρουσιάζω για ειδικές περιστάσεις.

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

1. Αναθεώρηση Typeface

Και πάλι, ξεκινάμε στο Photoshop. Επιλέξτε τη γραμματοσειρά σας (Πάπυρος) και εισαγάγετε το όνομα λογότυπου. Ρίξτε μια ματιά σε κάθε γράμμα, σημειώνοντας πιθανές λεπτομέρειες σχεδίασης.

2. Σχεδιασμός

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

3. Παραμόρφωση γραμματοσειράς

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

4. Σκίτσο διόρθωσης

Από όλα τα βήματα, αυτό μπορεί να φαίνεται σαν το πιο τρομακτικό, αλλά μην το τονίζετε.

Δεν χτίζετε από το μηδέν. Χρησιμοποιείτε τη δομή της αρχικής γραμματοσειράς ενώ προσθέτετε τις δικές σας βελτιώσεις καθώς πηγαίνετε.

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

5. Σκίτσο βελτίωσης

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

6. Διάνυσμα ίχνος

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

7. Ολοκληρώνοντας τις πινελιές

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

Comic Sans - Όπως το σιδέρωμα ενός πουκάμισου με ρυτίδες

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

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

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

1. Αναθεώρηση Typeface

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

2. Σχεδιασμός

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

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

3. Παραμόρφωση γραμματοσειράς

Ίσως να είσαι σαν εμένα ... κάπως εμμονή με την οργάνωση επιπέδων και τη χρήση μη καταστρεπτικών τεχνικών επεξεργασίας στο Photoshop. Μην είστε έτσι σε αυτό το βήμα!

Πληκτρολογήστε τη λέξη σας, ραστεροποιήστε τη γραμματοσειρά και παραμορφώστε το γράμμα από αυτά τα γράμματα.

4. Σκίτσο διόρθωσης

Όπως είπα, οι μικρές παρατυπίες του Comic Sans είναι ενοχλητικές, οπότε γι 'αυτό το βήμα, επικεντρώθηκα στην ευθυγράμμιση των γραμμών και στην εξομάλυνση των καμπυλών.

5. Σκίτσο βελτίωσης

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

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

6. Διάνυσμα ίχνος

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

Μην το κάνεις αυτό! Όταν σχεδιάζετε με το χέρι, λαμβάνετε συνεχώς αποφάσεις και διορθώσεις σε δευτερόλεπτα. Θα πρέπει να χρησιμοποιήσετε το εργαλείο πένας με παρόμοιο τρόπο.

7. Ολοκληρώνοντας τις πινελιές

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

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

Η ευκαιρία των ανεπιθύμητων πραγμάτων

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

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

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

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

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

• • •

Περαιτέρω ανάγνωση στο ApeeScape Design Blog:

• eCommerce UX - Μια επισκόπηση των βέλτιστων πρακτικών (με το Infographic)
• Η σημασία του ανθρωποκεντρικού σχεδιασμού στο σχεδιασμό προϊόντων
• Τα καλύτερα χαρτοφυλάκια σχεδιαστών UX - Εμπνευσμένες μελέτες περιπτώσεων και παραδείγματα
• Ευρετικές αρχές για φορητές διεπαφές
• Προγνωστικός σχεδιασμός: Πώς να δημιουργήσετε μαγικές εμπειρίες χρηστών