3 Βασικές Τάσεις Σχεδίασης, Νοέμβριος 2017
Εάν είστε οπαδός αυτής της σειράς μηνιαίων τάσεων σχεδιασμού, υπάρχει μια ισχυρή πιθανότητα να έχετε δει μια τάση ή δύο που απλά δεν σας άρεσε. Και αυτό είναι εντάξει.
Αυτό το μήνα, κάθε μια από τις τρεις τάσεις θα πρέπει να είναι αρχιστοί προγραμματιστές συνομιλιών. Ενώ τα γραφικά φαίνονται δροσερά, είναι ευανάγνωστα και χρησιμοποιήσιμα; (Ερωτήσεις κάθε σχεδιαστής ιστότοπων θα πρέπει να ρωτήσει κατά την ανάληψη ενός έργου.) Ρίξτε μια ματιά, δείτε τι σκέφτεστε για αυτές τις τάσεις και αποφασίστε μόνοι σας.
Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1. Υπογραμμισμένο κείμενο και στοιχεία
Το υπογραμμισμένο κείμενο είναι μια τάση που είναι μάλλον απροσδόκητη. Ευτυχώς, οι υπογραμμίσεις δεν είναι οι βασικές υπογραμμίσεις που μπορείτε να δείτε από μια υπερ-σύνδεση ή μια προεπιλεγμένη ρύθμιση σε έναν επεξεργαστή κειμένου.
Η υπογραμμισμένη τάση κειμένου και στοιχείων χρησιμοποιεί χρώμα και γραμμές για να επισημάνει συγκεκριμένες πληροφορίες και να φέρει εστίαση σε μια συγκεκριμένη περιοχή περιεχομένου. Οι πιο έξυπνες χρήσεις της υπογράμμισης συνδυάζουν το εγκεφαλικό επεισόδιο με κάτι άλλο, έτσι ώστε να αισθάνεται σαν ένα απρόσκοπτο κομμάτι του σχεδιασμού.
Για να υπογραμμιστεί ότι είναι επιτυχής, πρέπει να φανεί σκόπιμη χωρίς να μείνει στον δρόμο. Η υπογράμμιση μπορεί να είναι μια διασκεδαστική τεχνική σε πολλές περιπτώσεις και ακόμη και να κάνει το κείμενο να αισθάνεται πολύ σφιχτό ή γεμάτο. Αλλά χρησιμοποιώντας μια υπογράμμιση σε ένα μέρος του σχεδιασμού με άφθονο λευκό χώρο μπορεί να ανακουφίσει αυτό το πρόβλημα, δίνοντας προσοχή στο υπογραμμισμένο κείμενο.
Και τα δυο Γκαλερί Simon Lee και Hoohaa Design χρησιμοποιήστε μια απλή υπογράμμιση με άφθονο χώρο για να τραβήξετε το μάτι σε κάποιο κείμενο. Για το Simon Lee Gallery, η υπογράμμιση βοηθά τους χρήστες να επικεντρωθούν σε κάποια από τα μικρότερα γράμματα στο σχέδιο και παρέχει ένα σημείο παύσης ενώ φορτώνεται η επόμενη εικόνα στο ρυθμιστικό. Για το Hoohaa Design, η υπογράμμιση είναι μέρος ενός γραφικού στοιχείου ζυγοστάθμισης που δίνει έμφαση στο όνομα του χώρου.
Abel Design Group παίρνει μια άλλη προσέγγιση με μια πορτοκαλί γραμμή που είναι στην πραγματικότητα περισσότερο από μια κεντρική γραμμή από την υπογράμμιση, αλλά εξυπηρετεί έναν παρόμοιο σκοπό-να συντάξει το κείμενο στο κείμενο που συνδέεται με το εγκεφαλικό επεισόδιο.
2. Κλειστό κείμενο
Βλέποντας σχέδια με παρεμποδισμένο ή δύσκολο να διαβάσετε κείμενο δεν είναι κάτι που θα περίμενε κανείς να δει σε αυτή τη λίστα, αλλά πολλοί σχεδιαστές παίζουν με την ιδέα αυτή τη στιγμή.
Αυτό μπορεί να είναι μια δύσκολη τεχνική για να τραβήξει μακριά και πολλοί σχεδιαστές έχουν αποτύχει (και κατέληξε ως μιμίδια), λόγω των γραμμάτων που είπε κάτι ακούσια. Ο σχεδιασμός κειμένου με παρεμπόδιση προσφέρεται σε αυτά τα θέματα. Αυτή είναι μια πραγματική ανησυχία για τα ευαίσθητα πλαίσια, λόγω των διαφορετικών σημείων διακοπής και της κίνησης της απόφραξης του κειμένου.
Ένα εμπόδιο μπορεί να είναι ένα στοιχείο που καλύπτει κείμενο ή έλλειψη αντίθεση μεταξύ του κειμένου και του φόντου, όπου τα στοιχεία σχεδόν ξεθωριάζουν το ένα στο άλλο.
Αλλά, όταν τελειώσει καλά, μπορεί να οδηγήσει σε ένα αρκετά εντυπωσιακό σχέδιο. (Είναι δύσκολο να σταματήσετε να κοιτάτε το Root Studio σχέδιο. Το λαμπερό χρώμα και η λεπτή κίνηση καμηλοπάρδαλης πάνω από τα γράμματα είναι συναρπαστικά.)
Για να λειτουργήσει πρέπει να κάνετε μερικά πράγματα:
- Βεβαιωθείτε ότι η λέξη είναι αρκετά κοινή για να γίνει κατανοητή, γι 'αυτό το λόγο "ROOT" δεν είναι πρόβλημα
- Δεν καλύπτει πάρα πολύ τη λέξη
- Να έχετε υπόψη σας εμπόδια που μπορούν να προκαλέσουν ανεπιθύμητες λέξεις
- Χρησιμοποιήστε ένα πολύ απλό γραμματοσειρά έτσι ώστε το στυλ γραμματοσειράς να μην ανταγωνίζεται το εμπόδιο
- Κρατήστε το υπόλοιπο του σχεδίου πολύ απλό, ώστε ο χρήστης να μπορεί να εστιάσει στη λέξη και να την διαβάσει όσο πιο άνετα γίνεται
3. Μαύρη και άσπρη αισθητική
Μερικές φορές οι τάσεις σχεδιασμού - ειδικά όταν πρόκειται για το χρώμα - αντικατοπτρίζουν τη διάθεση των δημιουργών. Τα σχέδια ασπρόμαυρου χρώματος είναι πιο σκούρα, πιο ελαφριά και λιγότερο φωτεινά, από ό, τι συνηθίζεται τα τελευταία χρόνια. (Οι σχεδιαστές αισθάνονται λίγο πιο ζοφερές αυτές τις μέρες;)
Η τρέχουσα εκδοχή της τάσης του ασπρόμαυρου σχεδιασμού είναι διαφορετική από ό, τι συνέβη στο παρελθόν, καθώς η έλλειψη χρώματος δεν χρησιμοποιείται μόνο για χαρτοφυλάκια φωτογραφίας. Τα παρακάτω παραδείγματα περιλαμβάνουν μια εταιρεία σχεδιασμού επίπλων, ένα γραφείο σχεδιασμού ιστοσελίδων και ιστορίες και πληροφορίες σχετικά με την ψυχική υγεία.
Ωστόσο, όλοι έχουν την ίδια διάθεση, λόγω έλλειψης χρώματος.
Όταν εργάζεστε με ασπρόμαυρα, μπορεί να υπάρχουν ανησυχίες σχετικά με την τοποθέτηση κειμένου και την αναγνωσιμότητα, καθώς και τον τρόπο ενσωμάτωσης του χρώματος σε ορισμένα μέρη του σχεδίου. Οι σχεδιαστές μπορούν να δυσκολευτούν να δημιουργήσουν κάτι που να εμπλέκεται παρά την αδράνεια από την έλλειψη χρώματος.
Μια τεχνική που μπορεί να ζεσταθεί σε ένα ασπρόμαυρο σχέδιο είναι να χρησιμοποιήσει ένα πλουσιότερο μίγμα χρωμάτων για τους σκοτεινούς τόνους. Ένα πλούσιο μαύρο μπορεί να έχει ένα κόκκινο, μπλε, πράσινο ή άλλο υπότονη χρώμα που βοηθά να δημιουργηθεί μια ελαφρώς διαφορετική διάθεση.
Το πλούσιο μαύρο αποτελείται από πολλαπλά χρώματα κατά την εξέταση των κωδικών HEX. Το Hex # 000000 δεν γίνεται καθόλου χρώμα. Το πραγματικό πλούσιο μαύρο είναι # 004040. Οτιδήποτε άλλο είναι ένα "πλουσιότερο" μαύρο. Ένα πλουσιότερο μαύρο μπορεί να χρησιμεύσει ως μετάβαση μεταξύ μαύρου και λευκού και πιο πολύχρωμα σχεδιαστικά στοιχεία.
Για παράδειγμα, Crafton , παρακάτω, χρησιμοποιεί ένα πλούσιο μαύρο για το σχεδιασμό με λεπτό χρώμα γύρω από το κουμπί στυλ φάντασμα και άλλες προφορές. Το πλουσιότερο μαύρο αισθάνεται πιο ζεστό και φιλόξενο από κάποια άλλα σχέδια λόγω αυτής της επιλογής χρωμάτων. Ενώ ο ιστότοπος δεν περιέχει πολλά χρώματα κάτω από το κύλινδρο, υπάρχουν κάποιες πιο πολύχρωμες κατασκότητες και στοιχεία σχεδίασης που συνδέονται αρκετά απλά λόγω του πλούτου των μαύρων και των χρωμάτων προκρίσεων στην αρχική οθόνη.
Το άλλο πλεονέκτημα για ένα πλούσιο μαύρο, ή πλουσιότερο μαύρο, είναι ότι μπορεί να ενισχύσει την αντίθεση μεταξύ κειμένου και στοιχείων φόντου, κάνοντας τα πάντα λίγο πιο εύκολο να διαβαστούν.
συμπέρασμα
Όλα τα τρεχούμενα σχέδια αυτού του μήνα κάνουν το κείμενο λίγο πιο δύσκολο να διαβαστεί από αυτό που οι περισσότεροι από εμάς συνηθίζουμε. Είναι μία από αυτές τις έννοιες σχεδιασμού που μπορεί να είναι αποτελεσματική όταν χρησιμοποιείται εξαιρετικά καλά και μόνο για ορισμένα έργα. Αλλά αυτό μπορεί να είναι δύσκολο να επιτευχθεί.
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Ρίξτε μου ένα σύνδεσμο στο Twitter . Θα ήθελα πολύ να σας ακούσω.