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

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

1. Απλή, αλλά δραματική τύπος χαρακτήρων

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

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

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

κρησφύγετο

Οι απλές γραμματοσειρές επικοινωνούν με εμπιστοσύνη και σαφήνεια.

2. Δημιουργική χρήση απλών γραμματοσειρών

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

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

αργαλειός

3. Διακοσμητικό τύπος χαρακτήρων

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

Στο Hawk & Hen παρακάτω παράδειγμα, η διακοσμητική γραμματοσειρά βοηθά στην δημιουργία ενός ιδιόρρυθμου και μοναδικού στυλ για αυτήν την κουζίνα / μπαρ.

hawkandhen

ΕΝΑ προσαρμοσμένη γραμματοσειρά στις ταινίες ύπνου του Squarespace θέτει μια σωστή διάθεση για εμπειρία.

squarespace

Η παιχνιδιάρικη γραμματοσειρά HeadOfffice θέτει ενεργητική ατμόσφαιρα.

headofffice

Το σύγχρονο και πρωτότυπο γραμματοσειρά που χρησιμοποιείται στο Maaemo Η αρχική σελίδα δημιουργεί μυστήρια ατμόσφαιρα.

maemo

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

4. Γραφή

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

grainandmortar

Τα χεριζόμενα στοιχεία είναι ένας πολύ καλός τρόπος για να εξανθρωπιστεί μια μάρκα.

μοιραία γυναίκα

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

5. Επάλληλα αντικείμενα

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

Μπορείτε να επεκτείνετε το κείμενο πέρα ​​από το τμήμα του σε άλλους.

agane

Έχοντας τις μισές λέξεις "αιμορραγούν" πάνω από μια εικόνα.

volta

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

tf

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