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

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

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

Ένα από τα καλύτερα παραδείγματα είναι Sodachrome. Σχεδιασμένο από τους Dan Rhatigan και Ian Moore, το Sodachrome αποτελείται από δύο ξεχωριστές γραμματοσειρές. ένα στο οποίο οι σερφάφες δείχνουν προς τα αριστερά και ένα στο οποίο δείχνουν προς τα δεξιά. Ορίστε μεμονωμένα τις δύο γραμματοσειρές να φαίνονται ξεκάθαρα ανισόρροπες, ωστόσο τοποθετημένες μεταξύ τους σε διαφορετικά χρώματα, δημιουργούν μια ελκυστική πλάκα-serif. Το πρόσθετο πλεονέκτημα του Sodachrome είναι ότι η επικάλυψη μεταξύ των δύο χρωμάτων δημιουργεί ένα τρίτο πρόσωπο, ένα μοντέρνο sans-serif, στο επίκεντρο του σχεδιασμού. Το οπτικό ενδιαφέρον για το Sodachrome δημιουργείται από την αλληλεπίδραση μεταξύ αυτών των τριών διαφορετικών σχεδίων.

Sodachrome1
Sodachrome2

Sodachrome από τον Dan Rhatigan και τον Ian Moore.

Η ανάπτυξη χρωματογραφικών γραμματοσειρών για χρήση στο διαδίκτυο αποτελεί κάπως πρόκληση. Ότι σχέδια όπως Ο Κόνοξβιλ της Lisa Lonergan ακολουθούν πολύ παραδοσιακά ρομανικά σχήματα, σχέδια όπως Το χρώμα του Mark Frömberg's Pigment - το οποίο διαθέτει 600 χαρακτήρες - δεν χωρούν εύκολα σε μορφές διανυσμάτων.

knoxville

Knoxville από την Lisa Lonergan.

pigment1pigment2

Χρωστική ουσία του Mark Frömberg.

Γραμματοσειρές, ακόμη και πρόσωπα στυλ grunge, έχουν σχεδιαστεί ως περίγραμμα. Τα περιγράμματα μπορούν να κλιμακωθούν, να χρωματιστούν και να χωριστούν, ωστόσο ο σχεδιαστής επιλέγει. Το OpenType (OT), το TrueType (TT), το Open Open Font Format (WOFF) και σχεδόν κάθε άλλη διαθέσιμη μορφή λειτουργεί με αυτόν τον τρόπο. Αυτό σημαίνει ότι ένα χρωματικό σχέδιο δεν μπορεί να καθοριστεί σε ένα μόνο αρχείο. Ωστόσο, υπό την προϋπόθεση ότι η χρωματική γραμματοσειρά παραδίδεται ως δύο ξεχωριστά αρχεία γραμματοσειρών, μπορούμε να τοποθετήσουμε το ένα πάνω στο άλλο αρκετά εύκολα.

Το CSS θα μας επιτρέψει να διπλασιάσουμε τον τίτλο στα στυλ χρησιμοποιώντας την ιδιότητα περιεχομένου , αποφεύγοντας το διπλασιασμό του περιεχομένου στο markup που θα είχε αρνητικό αντίκτυπο στο SEO και την προσβασιμότητα.

Η βασική μορφή είναι:

Any old title

Και στο CSS:

h1{font-family:"Some Chromatic Font A";color: rgba(50, 0, 0, 0.5);position:relative;}h1:after{font-family:"Some Chromatic Font B";color: rgba(0, 50, 50, 0.5);position:absolute;left:0;content:"Any old title";}

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

Έχετε εργαστεί με χρωματικές επιγραφές; Ποιες τεχνικές δυσκολίες αντιμετωπίσατε; Ενημερώστε μας στα σχόλια.