3 Βασικές Τάσεις Σχεδιασμού, Ιούνιος 2017
Μερικές φορές ένα απλό τσίμπημα σχεδιασμού μπορεί να μετακινήσει τον σχεδιασμό της ιστοσελίδας σας από συνηθισμένο σε μοντέρνο. Κάθε τάση αυτού του μήνα είναι αυτός ο τύπος τεχνικής, από μικροσκοπική τυπογραφία έως γεωμετρικά χαρακτηριστικά έως θολές εικόνες. Οποιαδήποτε από αυτές τις τεχνικές μπορεί να λειτουργήσει σε ένα νέο σχέδιο ή ως προσαρμογή σε ένα υπάρχον σχέδιο.
Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1. "Μικροσκοπικό" κείμενο
Φαίνεται ότι η υπερμεγέθη τυπογραφία είναι κάτι το παρελθόν; Μικρότερο, σχεδόν "μικροσκοπικό" κείμενο έχει αρχίσει να αντικαταστήσει τις μεγάλες τολμηρές κεφαλίδες που έχουν δημιουργηθεί για ένα διάστημα. Από μικρότερους τίτλους σε κείμενο κειμένου που φαίνεται αραιό, υπήρξε μια σαφής τάση στην μείωση της τυπογραφίας.
Παρόλο που ενδέχεται να υπάρξουν κάποιες ανησυχίες σχετικά με την αναγνωσιμότητα όταν πρόκειται για μικρά μεγέθη κειμένου, ειδικά για το σώμα, οι μικρότερες γραμματοσειρές δεν είναι κακό. Η υπερμεγέθη τυπογραφία είχε σχεδόν αρχίσει να τείνει προς το φρικιαστικό με μεγέθη και γράμματα που ήταν σχεδόν πάρα πολύ μεγάλα για να διαβάσουν με ευκολία.
Τα μικρότερα γραμματοσειρά αισθάνονται κάπως πιο μαλακά και δίνουν στο σχέδιο περισσότερο χώρο για άλλα στοιχεία για να μετακινηθεί το μάτι. Το τέχνασμα για την αποτελεσματικότητα με το μικρό τύπο είναι να κρατήσει τα γράμματα στο ελάχιστο. Χωρίς πολλά να διαβάσετε, αυτή η τάση μπορεί να είναι αποτελεσματική και ενδιαφέρουσα. Από την άλλη πλευρά, με μεγάλα μπλοκ τύπου μικροσκοπικού τύπου χάνεται και μπορεί να εμποδίσει την ικανότητα του χρήστη να διαβάζει με ευκολία και να ανιχνεύει αποτελεσματικά το αντίγραφο.
Η ισορροπία είναι επίσης μια ανησυχία. Όλες οι γραμματοσειρές πρέπει να μειωθούν κάπως για να δημιουργήσουν μια ωραία αίσθηση αρμονίας. Φυλαχτή χρησιμοποιεί ένα ελαφρύ τυπογραφικό για την επεξεργασία του λογότυπου και μια μικρή γραμμή δευτερεύοντος αντιγράφου. Τα στοιχεία τύπου αντιτίθενται όμορφα και η επεξεργασία τύπου φωτός φαίνεται να ταιριάζει με τη διάθεση της εικόνας.
HTML Burger παίρνει σχεδόν την αντίθετη προσέγγιση με μια έντονη επικεφαλίδα και μικρές δευτερεύουσες γραμμές του κειμένου. Οι ελαφρύτερες περιγραφικές λέξεις δουλεύουν μικρές επειδή είναι συνηθισμένες λέξεις-HTML, CSS, ηλεκτρονικό εμπόριο-και αντιβαίνουν σημαντικά με τον ακόμα υπερμεγέθη τίτλο.
Σχέδιο NBA Mountain Dew's ωθεί τα πάντα σε μικρή κλίμακα. Αυτή είναι μια από τις μικρότερες θεραπείες επικεφαλίδας που πιθανότατα θα βρείτε, αλλά σε συνδυασμό με το υπερβολικά τολμηρό X overlay και το υπόβαθρο βίντεο, οι χρήστες εξακολουθούν να τράβηξαν στο μικροσκοπικό κείμενο.
2. Γεωμετρική επίστρωση
Νέοι τρόποι για να στοιβάζονται στοιχεία έχει αυξηθεί σταθερά στη δημοτικότητα. Πρώτα έφερε πίσω ως βασική και σύγχρονη τεχνική σχεδιασμού από την ιδέα του Σχεδιασμού Υλικού της Google, η γεωμετρική επίστρωση είναι ένας διαφορετικός τρόπος για να προσθέσετε το οπτικό ενδιαφέρον στα γραφικά που θα μπορούσαν να αφήσουν κάτι επιθυμητό.
Κάθε ένα από τα παρακάτω παραδείγματα χρησιμοποιεί ένα πλαίσιο με έντονα σχήματα για να φέρει νέα ζωή σε εικόνες που είναι κάπως απλές - κτίρια, μια φωτογραφία συνάντησης, εικόνες ανθρώπων που δουλεύουν. Η προσθήκη διασκεδαστικών σχημάτων, κοψίματος και χρώματος δίνει στο χρήστη ένα σημείο εκκίνησης για να μπει στο σχέδιο. Σημειώστε πως κάθε σχέδιο χρησιμοποιεί γεωμετρικό τρόπο για να μετακινήσει αποτελεσματικά τον χρήστη από ένα σχήμα στο πιο συναφές περιεχόμενο, όπως έναν τίτλο ή επωνυμία.
Η γεωμετρία μπορεί να χρησιμοποιηθεί με πολλούς τρόπους που ενσωματώνεται με το υπόλοιπο σχέδιο:
- κοπεί σε εικόνες για να εστιάσετε σε σημαντικά στοιχεία δοκιμής όπως Αλάτι Έργα .
- χρησιμοποιήστε ένα απροσδόκητο λαμπερό στοιχείο συνόρων για να δημιουργήσετε ένα εστιακό σημείο εκτός ισορροπίας που οδηγεί τους χρήστες σε όλη την οθόνη, όπως Bailey και γαλλικά .
- βάλτε φωτογραφίες σε ασυνήθιστα σχήματα για να προσθέσετε νέα εστίαση στις εικόνες, όπως Αλχημεία Ψηφιακή .
Το καλύτερο μέρος της χρήσης γεωμετρικών layering είναι ότι είναι εύκολο και λειτουργεί με σχεδόν οποιοδήποτε είδος περιεχομένου. Οι χρήστες συνηθίζουν να χρησιμοποιούν κυκλικά κουμπιά και άλλα στοιχεία που τοποθετούνται το ένα πάνω στο άλλο για μια πιο αθόρυβη διαδραστική αίσθηση.
Οι γωνίες και οι καμπύλες σε γεωμετρικά στοιχεία μπορούν να βοηθήσουν να κατευθύνονται οι χρήστες από το ένα στοιχείο στο επόμενο και όταν χρησιμοποιούνται αποτελεσματικά είναι ένα εξαιρετικά κατευθυντικό εργαλείο. Γωνίες θέσης έτσι ώστε να "δείχνουν" στο περιεχόμενο που θέλετε να βλέπουν οι χρήστες και να χρησιμοποιούν κύκλους για περιεχόμενο το οποίο θα πρέπει πρώτα να προβληθεί.
3. Θολή εικόνα
Οι θολές εικόνες είναι μια τεχνική που δεν είναι καινούργια. Αλλά φαίνεται να παίρνει νέα ζωή με περισσότερα σχέδια που διαθέτουν πλήρως ή μερικώς, θολή εικόνες ή βίντεο.
Οι θολές εικόνες μπορούν να δημιουργήσουν μια ξεχωριστή αίσθηση για έναν ιστότοπο με ένα στοιχείο μυστηρίου ή να βοηθήσουν να στρέψει την έμφαση μακριά από την εικόνα σε άλλο μέρος του σχεδίου. Κάθε ένα από τα παρακάτω παραδείγματα χρησιμοποιεί θόλωση για διάφορους λόγους:
- Digitalux παίρνει ό, τι θα ήταν ένα βαρετό κομμάτι βίντεο-ανθρώπων που εργάζονται σε ένα γραφείο-και χρησιμοποιεί μπλε για να προσθέσετε λίγο κίνηση πίσω από το κύριο μήνυμα και την έκκληση για δράση?
- Playkot χρησιμοποιεί ένα θολή φόντο για να προσθέσει έμφαση στον χαρακτήρα διασκέδασης και την ενδιαφέρουσα επεξεργασία τυπογραφίας στο προσκήνιο, προσθέτοντας ένα στοιχείο πραγματικότητας σε αυτή την εικονική περιπέτεια τυχερού παιχνιδιού πόλης.
- Το ESPN "Εμείς οι φίλοι" διαθέτει ένα θολή σκηνικό σκι στάδιο που θα ήταν σχεδόν μια αρένα ποδοσφαίρου οπουδήποτε για να παρουσιάσει την προεπισκόπηση για ένα τηλεοπτικό ντοκιμαντέρ? το θολωμένο σκηνικό βοηθά να δοθεί περισσότερη προσοχή στη διασκεδαστική θεραπεία που είναι η κύρια επωνυμία της σειράς.
συμπέρασμα
Μερικές φορές, οι μεγαλύτερες τάσεις αποτελούν βήματα στην εξέλιξη άλλων τάσεων. Μπορεί να είναι ενδιαφέρον να δείτε την πρόοδο μικρού βήματος σχεδόν όπως συμβαίνει. Αυτό είναι που τείνετε να πάρετε όταν κοιτάζετε τάσεις στοιχεία που μπορούν να εφαρμοστούν σε σχεδόν οποιοδήποτε έργο, όπως οι τρεις τάσεις που παρουσιάζονται εδώ.
Το καλό για αυτές τις ιδέες είναι ότι εφαρμόζονται σε σχεδόν οποιαδήποτε κλίμακα. Μπορείτε να προσθέσετε μικροσκοπικό κείμενο μόνο στην αρχική σας σελίδα, για παράδειγμα, και να δείτε πώς η αλλαγή επηρεάζει τους χρήστες πριν την εκτόξευσή τους σε ευρύτερη κλίμακα. Η δοκιμή και οι δοκιμές σε αυτό το επίπεδο θα βοηθήσουν να προβλέψουμε αν μια τέτοια τάση θα έχει ισχύ ή θα εξαφανιστεί γρήγορα.
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Ρίξτε μου ένα σύνδεσμο στο Twitter . Θα ήθελα πολύ να σας ακούσω.