3 Βασικές Τάσεις Σχεδιασμού, Δεκέμβριος 2017
Και οι τρεις βασικές τάσεις σχεδιασμού αυτού του μήνα σχετίζονται με την τυπογραφία. Και οι τάσεις παρουσιάζουν μερικούς πολύ αστραφτερούς τρόπους για να χρησιμοποιήσετε τον όμορφο τύπο για να δημιουργήσετε εμπλοκή χρήστη και να κάνετε μια μεγάλη πρώτη εντύπωση.
Ένα κοινό θέμα μεταξύ αυτών των σχεδίων είναι ότι όλα τα τυπογραφικά στυλ είναι ιδιαίτερα ευανάγνωστα. Αν σκοπεύετε να εργαστείτε με ένα πιο μοντέρνο ή funky στοιχείο κειμένου, επιλέξτε ένα τυπογραφικό γράμμα που οι χρήστες δεν θα δυσκολευτούν να διαβάσουν. Η μοντέρνα τεχνική είναι το τέχνασμα με αυτά τα σχέδια, όχι η ίδια η γραμματοσειρά.
Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1. Απλά πληκτρολογήστε πάνω από το κύλιση
Ενώ μια μεγάλη εικόνα μπορεί να βοηθήσει τους χρήστες να σχεδιάσουν ένα σχέδιο, μερικές φορές τα σωστά λόγια και ο χώρος είναι το εισιτήριο.
Το κλειδί για να αξιοποιήσετε στο έπακρο αυτή την τάση σχεδιασμού είναι να βελτιώσετε το μήνυμά σας. Οι λέξεις πρέπει να είναι απλές, να λένε κάτι σημαντικό και να δημιουργούν αξία για τον χρήστη.
Τόσο πώς το κάνετε;
- Ξεκινήστε με μια βασική φράση. Μπορεί να είναι η αποστολή σας ή μια πρόταση αξίας για τους χρήστες. Πείτε στους χρήστες τι φέρνετε στο τραπέζι και γιατί ο ιστότοπός σας θα είναι σημαντικός για αυτούς.
- Επιλέξτε ένα απλό γραμματοσειρά που έχει την ίδια διάθεση με τα μηνύματα για μεγαλύτερα μπλοκ αντιγραφής.
- Εάν το μπλοκ κειμένου είναι σύντομο, όπως με Τύποι τύπων , θεωρήστε μια επιλογή τύπου τύπου για να σχεδιάσετε χρήστες.
- Αξιοποιήστε στο έπακρο το χώρο. Σημειώστε ότι σε κάθε ένα από τα παρακάτω παραδείγματα το κείμενο έχει αρκετό χώρο για αναπνοή, καθιστώντας ευκολότερο να το διαβάσετε με μια ματιά. Ο χώρος μπορεί επίσης να σας βοηθήσει να τραβήξετε το βλέμμα στο κείμενο και να ισορροπήσετε τα στοιχεία κειμένου, αν δεν θέλετε να τα κεντράρετε στην οθόνη, όπως π.χ. Design Ups .
- Χρησιμοποιήστε χρώμα για να προσθέσετε οπτικό ενδιαφέρον. Οι φωτεινές, μοντέρνες αποχρώσεις μπορούν να βοηθήσουν τους χρήστες στο σχεδιασμό. Το χρώμα μπορεί επίσης να βοηθήσει στη ρύθμιση μιας διάθεσης που συσχετίζεται με την ανταλλαγή μηνυμάτων.
Όταν εργάζεστε με σχεδιασμό βαρέως τύπου, μην το πιέζετε. Μερικές φορές δεν θα έχετε αρκετό κείμενο για να γεμίσετε μια πλήρη οθόνη. Λιγότερα + Περισσότερα και Τύπος τύπου χρησιμοποιείτε αποκλεισμό χρωμάτων για να δημιουργήσετε πολλά πλαίσια που έχουν τέλειο μέγεθος για το περιεχόμενο κειμένου εκεί.
2. Κείμενο σε λευκά κιβώτια
Με τόσα πολλά τολμηρά οπτικά στοιχεία στα έργα σχεδιασμού ιστότοπων-και τόσα πολλά αποκρίσιμα σημεία διακοπής για να ασχοληθούν με τα λευκά κιβώτια επανεμφανίζονται ως στοιχείο εμπορευματοκιβωτίων για κείμενο. Λευκά κιβώτια με σκοτεινό κείμενο μέσα μπορούν να εξασφαλίσουν αναγνωσιμότητα όταν πρόκειται για μηνύματα πάνω από φωτογραφίες, βίντεο ή εικονογράφηση όπου υπάρχει διακύμανση χρώματος.
Και ενώ αυτή η τάση μπορεί να ακούγεται λίγο, καλά ... παραπλανητική ή τεμπέληνη, στην πραγματικότητα φαίνεται υπέροχη όταν γίνεται καλά.
Δεν μπορείτε να χτυπήσετε ένα κουτί οπουδήποτε σε μια εικόνα και να ελπίζετε για το καλύτερο. Τα λευκά κιβώτια πρέπει να τοποθετούνται στρατηγικά έτσι ώστε να μην καλύπτουν σημαντικά τμήματα της εικόνας και έτσι οι χρήστες να μετακινούνται σε αυτά κατά την εξέταση του σχεδιασμού.
Τα λευκά κιβώτια πρέπει να είναι αρκετά μεγάλα ώστε να περιέχουν ένα λογικό ποσό κειμένου και θα πρέπει να έχετε ένα σχέδιο για αυτό το στοιχείο σε μικρότερες οθόνες, όπως επιτρέποντας στα πάντα στο πλαίσιο κειμένου να πέφτουν κάτω από την κύρια εικόνα. Μην προσπαθήσετε να τοποθετήσετε ένα πλαίσιο κειμένου πάνω σε μια εικόνα σε μικρότερες οθόνες γιατί θα καταλήξετε σε ένα κουτί κειμένου που είναι πολύ μικρό για να το διαβάσετε ή το κουτί θα καλύψει το μεγαλύτερο μέρος της εικόνας.
Αν ποτίζετε για τη θεραπεία λευκού κουτιού, διασκεδάστε. Κάθε ένα από τα παρακάτω παραδείγματα χρησιμοποιεί λευκά κιβώτια με εντελώς διαφορετικούς τρόπους.
Κάνε χώρο κόβει ένα λευκό πλαίσιο στην κάτω γωνία της εικόνας, έτσι ώστε το μεγαλύτερο μέρος της εικόνας να είναι ορατό. Το λευκό κουτί αιμορραγεί στον λευκό χώρο κάτω, έτσι ώστε να μοιάζει σχεδόν να βγαίνει από τον πίνακα κάτω. Αυτή η τεχνική βοηθά τη σύνδεση του κύριου ρυθμιστή στο παρακάτω περιεχόμενο (και μπορεί ακόμη και να ενθαρρύνει την κύλιση).
Πώς αυτό χρησιμοποιεί κυκλικές κηλίδες έτσι ώστε τα λευκά πλαίσια κειμένου να ταιριάζουν καλύτερα με τον τόνο της απεικόνισης φόντου. Αυτή η λεπτή μετατόπιση του σχήματος, έτσι ώστε τα κιβώτια να φαίνονται πιο ρευστά, βοηθάει τη σύνδεση των στοιχείων έτσι ώστε τα κιβώτια και το φόντο να έχουν συνεπή αίσθηση. Δεν θέλετε τα λευκά κουτιά για κείμενο να αισθάνονται σαν να τοποθετούνται τυχαία στο παρασκήνιο. (Αυτό δεν λειτουργεί και δεν θα βοηθήσει στη δημιουργία μιας συνεκτικής αίσθησης για τους χρήστες.)
Macaulay Sinclair έχει περισσότερο κείμενο από τα άλλα παραδείγματα χρησιμοποιώντας ένα τμήμα ενός πλέγματος πίνακα εικόνων για να κρατήσει το στοιχείο κειμένου. Εδώ, η εικόνα πίσω από το λευκό κουτί δεν έχει αξία πληροφορίας. Έχει ένα σχέδιο χρώματος και κίνησης που μοιάζει με άλλες εικόνες και χρησιμεύει κυρίως για τη δημιουργία συνοχής μεταξύ του στοιχείου κειμένου και του υπολοίπου του σχεδίου.
3. Διαγράμματα τυπογραφίας
Κανείς δεν είπε ποτέ ότι το κείμενο πρέπει να είναι μια σειρά από συμπαγή γράμματα. Περισσότεροι σχεδιαστές επιλέγουν τυπογραφικές εγκοπές που φέρουν ένα μπλοκ χρώματος πάνω σε μια εικόνα, έτσι ώστε η εικόνα να έρχεται με σαφή γράμματα.
Αυτή η τεχνική μπορεί να λειτουργήσει με ακίνητες ή κινούμενες εικόνες και με επικάλυψη πλήρους οθόνης, έτσι ώστε μόνο μια μικρή ποσότητα πληροφοριών να έρχεται με γράμματα (σχεδόν για να δημιουργηθεί μια υφή) ή περισσότερο με στυλ μπλοκαρίσματος πάνω σε εικόνα με περισσότερη εικόνα φόντου ορατός.
Το τέχνασμα για την πραγματοποίηση αυτής της εργασίας είναι το σωστό τύπωμα. Τα γράμματα πρέπει να έχουν αρκετά παχιά εφέ, ώστε να είναι ορατή η εικόνα ή η υφή στο παρασκήνιο. Δεν μπορείτε να το κάνετε αυτό με μια λεπτή ή συμπυκνωμένη γραμματοσειρά με οποιαδήποτε σταθερή επιτυχία.
Αυτή η τεχνική λειτουργεί επίσης καλύτερα αν ο αριθμός των λέξεων και γραμμάτων είναι αρκετά περιορισμένος. Προσέχετε σε μία έως τρεις λέξεις με 10 ή λιγότερα γράμματα ή χρησιμοποιείτε πολύ συνηθισμένες λέξεις που οι χρήστες θα γνωρίζουν με μια ματιά.
Danbury χρησιμοποιεί μια φωτεινή διακοπή κειμένου ως κλήρωση για να ενθαρρύνει τους χρήστες να συμμετάσχουν στην κλήση βίντεο για δράση. Το ολόκληρο πορτοκαλί κουτί είναι απλώς ένα γιγαντιαίο κουμπί.
Fusion Winery χρησιμοποιεί ένα υπόβαθρο βίντεο ενός αμπελώνα στα γράμματα. Αυτό που είναι υπέροχο για αυτό το σχέδιο είναι το φαινόμενο τριπλού στρώματος: Υπόβαθρο βίντεο κάτω από λευκή περικοπή κειμένου κάτω από μια εικόνα του προϊόντος.
Ο Κανέκο χρησιμοποιεί μια εικόνα που δεν μπορεί να αναγνωριστεί ως η πλήρωση των γραμμάτων. Εάν επιλέγετε αυτό το στυλ, κρατήστε αυτό το φόντο απλό όπως γίνεται με αυτό το σχέδιο. Υπάρχει μόνο ένα άγγιγμα χρώματος και υφής που προσελκύει το βλέμμα στο κείμενο στον γεμάτο καμβά.
συμπέρασμα
Η συλλογή παρέχει έμπνευση για εκείνα τα έργα που μπορεί να μην έχουν μεγάλη εικόνα ή βίντεο, ώστε να μπορείτε να βρείτε ακόμα έναν τρόπο δημιουργίας κάτι στο οποίο θα ανταποκρίνονται οι χρήστες. Μην φοβάστε να χρησιμοποιήσετε το κείμενο ως ένα οπτικό και πληροφοριακό στοιχείο σε αυτό το σχέδιο.
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Ρίξτε μου ένα σύνδεσμο στο Twitter . Θα ήθελα πολύ να σας ακούσω.