Βασικές τάσεις σχεδίασης, Οκτώβριος 2016
Όπως λέει και η παροιμία: Όλα παλιά είναι και πάλι νέα. Αυτό είναι αλήθεια στο σχεδιασμό για σίγουρο. Αυτό το μήνα μερικές από τις μεγαλύτερες τάσεις στον σχεδιασμό ιστοσελίδων δεν είναι καθόλου νέες. Οι σχεδιαστές επανεφεύγουν στα τυπογραφικά στυλ της παλιάς σχολής, επιστρέφοντας στο δίκτυο και επανεξετάζοντας τα μηνύματα στην αρχική σελίδα.
Είναι ένας ενδιαφέροντος συνδυασμός οπτικών στοιχείων που έχουμε δει στο παρελθόν και πιθανότατα θα δούμε και πάλι στο μέλλον. Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1. Η τυπογραφία της παλιάς σχολής
Περισσότεροι σχεδιαστές υιοθετούν μια προσέγγιση της παλιάς σχολής για την προβολή της τυπογραφίας. Έχουν απομείνει οι εξαιρετικά λεπτές ή συμπυκνωμένες sans serifs, και πιο παραδοσιακά στυλ τύπων είναι in. Old-style, σύγχρονα και μεταβατικά serifs είναι το νέο go-to εμφάνιση στυλ τύπου.
Είναι λίγο εκπληκτικό, στην πραγματικότητα. Για χρόνια. Ο "κανόνας" ήταν να χρησιμοποιήσετε sans serifs για να βελτιώσετε την αναγνωσιμότητα και οι σχεδιαστές το έκαναν ακριβώς αυτό, συχνά χωρίς αμφιβολία. Η νέα χρήση των serifs για μεγάλο τύπο - ακόμα και για μικρότερο τύπο - είναι αναζωογονητική και αρκετά ευανάγνωστη. Τα σχέδια συχνά ζουν σε ένα ελάχιστο χώρο, έτσι ώστε ο τύπος δεν πρέπει να ανταγωνιστεί για προσοχή και ζευγάρια επικεντρωθεί σε σκούρα γράμματα σε ένα ανοιχτό φόντο. (Όλα τα πράγματα που βοηθούν την αναγνωσιμότητα.)
Δεν γνωρίζετε πολλά για αυτά τα στυλ τύπου; Εδώ είναι ένα γρήγορο αστάρωμα για κάθε ένα από αυτά τα "νέα" old-school serifs:
- Παλιό στυλ: Το γράψιμο έχει μια ατμόσφαιρα παλαιού κόσμου που μεταφέρει από μαύρο και γοτθικό στυλ από τις αρχές της εκτύπωσης. Οι τύποι γραμμάτων έχουν συχνά μικρά σερφ (αυτά τα μικροσκοπικά εγκεφαλικά επεισόδια στο τέλος των μακρύτερων στρωμάτων) και μια στρογγυλή μορφή. Το RSQ, παρακάτω, είναι μια τέλεια επίδειξη τυπογραφίας παλαιού τύπου.
- Σύγχρονη: Αυτό το στυλ γραμματοσήμων είναι αρκετά συνηθισμένο στον τυπωμένο σχεδιασμό, όπως οι εφημερίδες και τα περιοδικά, αλλά μόλις αρχίζει να μπαίνει σε έργα ιστού. Τα μοντέρνα σερφάφια έχουν εναλλασσόμενα πλάτη παχιάς και λεπτής διαδρομής σε κάθε μορφή επιστολής, μερικές φορές με μεγάλη αντίθεση. Το Ink + Volt, παρακάτω, χρησιμοποιεί μια όμορφη μοντέρνα serif. Αλλά σημειώστε επίσης πώς χρησιμοποιούνται τα γράμματα. Ο τύπος είναι μέσα σε ένα λευκό πλαίσιο, έτσι ώστε τα λεπτά μέρη κάθε γράμματος να μην χαθούν στο φόντο του βίντεο, γεγονός που θα περιορίσει την αναγνωσιμότητα. Αυτή είναι η τέλεια λύση για τη χρήση μιας σύγχρονης σερφ.
- Μεταβατικό: Αυτές οι επιστολές μοιάζουν πολύ με μοντέρνες σειρφίδες με μια μεγάλη διαφορά - τα γράμματα έχουν ομοιόμορφα πλάτη. Αυτό καθιστά ευκολότερη τη χρήση των παραδοσιακών σερφάδων, επειδή μπορούν να είναι πιο ευανάγνωστες σε περισσότερες σχεδιαστικές καταστάσεις.
Όχι όλες οι τυπογραφίες παλιάς σχολής εμπίπτουν σε κατηγορία serif. Μερικά από τα παλιά σχολικά στυλ που αναδύονται μόλις μας υπενθυμίζουν μια άλλη φορά, όπως αυτή που χρησιμοποιείται από τον Οδηγό Frontend, παρακάτω. Το funky, κεκλιμένο, τέλος της δεκαετίας του 1970-αρχές της δεκαετίας του '80 το θέμα πραγματικά σας μεταφέρει σε άλλο χρόνο και τόπο. (Και αυτό είναι εντελώς παλιό σχολείο.)
2. Ορισμένα πλέγματα
Μερικές φορές μπορείτε να δείτε το πλέγμα, μερικές φορές δεν μπορείτε. Είτε έτσι είτε αλλιώς, ένα στερεό πλέγμα είναι το θεμέλιο για ένα σχέδιο που είναι καθαρό οργανωμένο και εύκολο στα μάτια.
Πιο συγκεκριμένα πλέγματα κάνουν μια επιστροφή. Μέρος του μπορεί να είναι από την επίδραση του υλικού σχεδιασμού, το οποίο διαθέτει πολλά στοιχεία σε τακτοποιημένες στήλες και σειρές, και ένα μέρος του μπορεί να είναι η ευκολία της μετακίνησης και της αναδιάταξης των στοιχείων στα πλαίσια απόκρισης.
Είτε έτσι είτε αλλιώς, τα καθορισμένα πλέγματα μπορούν να φαίνονται καταπληκτικά για μια ποικιλία έργων σε σχεδόν οποιαδήποτε οθόνη. Αυτό που είναι ωραίο για τη χρήση ενός καθορισμένου πλέγματος είναι ότι κάνει τη ζωή πραγματικά εύκολη για τον σχεδιαστή. Μόλις αποκτήσετε το κρέμασμα της εργασίας σε ένα πλέγμα, οι τοποθετήσεις, το μέγεθος και οι επιλογές σχεδιασμού εμφανίζονται σαφώς σε σας.
Το κόλπο για τη χρήση καθορισμένων πλεγμάτων δεν είναι να φαίνονται υπερβολικά δομημένα ή υπερμεγέθη. Για πολλούς σχεδιαστές αυτό σημαίνει να αλλάζετε μεγέθη σε διαφορετικές "οθόνες", όπως να έχετε μια εικόνα πλήρους πλάτους ήρωα πάνω από ένα πλέγμα στοιχείων. Η Κομμωτική Seagulls "Δεκαετία" σελίδα, παρακάτω κάνει αυτό ωραία. Ο ιστότοπος διαθέτει επίσης ένα λεπτό gridding στην αρχική σελίδα της εικόνας, η οποία είναι σκοτεινή κάθε μυστηριώδης, οδηγώντας σας στις σελίδες πλέγματος με θέμα το μυστήριο. Το High Tide, παρακάτω, κάνει κάτι παρόμοιο με ένα βίντεο ψυχρής εισαγωγής πάνω από τα μπλοκ πλέγματος.
Αλλά ένα δίκτυο μπορεί να είναι καλά καθορισμένο και λίγο λιγότερο συσκευασμένο. Το Zumtobel, παρακάτω, χρησιμοποιεί τα γράμματα στο όνομα του για να δημιουργήσει μπλοκ πλέγματος για συγκεκριμένες πληροφορίες προϊόντος. Μόνο στην αιωρείται βλέπετε τα τέλεια μεγέθους κουτιά πλέγματος, παρόλο που οι τοποθετήσεις βρίσκονται σε ιδανική απόσταση οριζόντια και κάθετα σε ένα καθαρό πλέγμα.
Όσο περισσότερο σκέφτεστε για τα πλέγματα, τόσο περισσότερο θα αρχίσετε να τα βλέπετε μέσα από τα μάτια του σχεδιαστή που δημιούργησε το καθένα. Μπορείτε να ξεκινήσετε με μερικά από τα κοινά δίκτυα ιστού αν δεν είστε ικανοποιημένοι με την ιδέα ή δημιουργείτε τη δική σας. Το τέχνασμα είναι ότι πρέπει να χρησιμοποιείτε το πλέγμα με συνέπεια για πραγματική οπτική επιτυχία.
3. Ελάχιστο μήνυμα πάνω από την "πτυχή"
Το θέμα της ημέρας είναι αυτό: Υπάρχει αρκετή πληροφορία πάνω από το κύλινδρο για να σας ενδιαφέρει αρκετά για να συνεχίσετε να ψάχνετε τον ιστότοπο; Μπορεί να είναι δύσκολο να απαντήσετε. Αλλά πολλοί σχεδιαστές στοιχηματίζουν στην ιδέα ότι θα κάνετε κλικ ή μετακινηθείτε, ακόμα και αν υπάρχει μόνο μία λέξη στην οθόνη.
Με άλλα οπτικά στοιχεία όπως το βίντεο, τα συρόμενα κύλισης ή τα δελεαστικά προϊόντα, οι χρήστες μπορούν να κάνουν ακριβώς αυτό. Αλλά μπορεί να είναι ένα στοίχημα, ειδικά με σχέδια που δεν περιλαμβάνουν ένα μενού πλοήγησης με ελάχιστο μήνυμα.
Έπειτα, υπάρχει το εξής: Πολλοί χρήστες εισέρχονται σε ιστότοπους μέσω σελίδων διαφορετικών από την αρχική σελίδα, οπότε γιατί να μην διακινδυνεύσετε εκεί; Κοιτάξτε τα δεδομένα και τα κλικ, δείτε τι συμβαίνει.
Αυτή είναι μια από αυτές τις τάσεις που θα είναι ενδιαφέρον να παρακολουθήσετε. Θα μπορούσε να εξαφανιστεί σχεδόν τόσο γρήγορα όσο εμφανίστηκε, αλλά υπάρχουν πολλές τοποθεσίες που χρησιμοποιούν αυτό το μοντέλο.
συμπέρασμα
Είναι πολύ διασκεδαστικό να βλέπετε τις τάσεις του σχεδιασμού να επιστρέψουν στη μόδα. Αυτό που είναι ωραίο για δύο από αυτές τις τάσεις - την τυπογραφία παλιάς σχολής και τα καθορισμένα πλέγματα - είναι ότι είναι εξαιρετικά χρήσιμα σε μια σειρά σχεδιαστικών στυλ.
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Ρίξτε μου ένα σύνδεσμο στο Twitter . Θα ήθελα πολύ να σας ακούσω.