3 Βασικές Τάσεις Σχεδίασης, Φεβρουάριος 2018
Μερικές φορές οι τάσεις σχεδιασμού είναι δύσκολες να δουν, ακόμα και όταν τις ψάχνετε. Αυτός ο μήνας δεν αποτελεί εξαίρεση με τάσεις που περιλαμβάνουν τη χρήση κύκλων στον σχεδιασμό, τις διατάξεις διαχωρισμού οθόνης και τα σκούρα φόντα με ελαφρύ κείμενο.
Αυτά τα στοιχεία μπορεί να φαίνονται σαν κοινά εργαλεία σχεδιασμού, αλλά όταν χρησιμοποιούνται με παρόμοιο τρόπο σε όλους τους τομείς, αρχίζουν να εμφανίζονται ξεκάθαρες τάσεις.
Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1. Κύκλοι
Οι σιωπηρές έννοιες και οι συσχετισμοί κύκλων στον σχεδιασμό μπορούν να έχουν πολλά να κάνουν με τη χρήση τους. Οι κύκλοι υποδηλώνουν μια αίσθηση πληρότητας και αρμονίας. Χρησιμοποιούνται για να αντιπροσωπεύουν την αγάπη, την ενέργεια και τη δύναμη. (Είναι κάπως περίεργο το γεγονός ότι περισσότεροι σχεδιαστές δεν χρησιμοποιούν κύκλους τακτικά).
Ενώ οι πιο κοινές χρήσεις των κύκλων έχουν πρόσφατα τη μορφή κουμπιών ή κλήσεων προς δράση χάρη στο υλικό σχεδιασμού της Google, οι κύκλοι παίρνουν ισχυρότερους ρόλους σχεδιασμού.
Το θέμα που μπορεί να είναι δύσκολο για τους κύκλους είναι ο καμβάς και το σχήμα των ιστότοπων-είτε ξεκάθαρα οριζόντιες (οθόνες επιφάνειας εργασίας) είτε κάθετες (κινητές οθόνες). Έτσι, ο σχεδιασμός πρέπει να χρησιμοποιεί κύκλους στο διάστημα έτσι ώστε το σχήμα να μην χαθεί με την αποκρινόμενη μορφή. Κάθε ένα από τα παρακάτω παραδείγματα κάνει μια καλή δουλειά ή διατηρεί την κυκλική ροή χωρίς να χάσει το σχήμα καθώς μετατοπίζεται ο καμβάς.
KymberleeJay χρησιμοποιεί ένα μεγάλο ροζ κύκλο για να φέρει την προσοχή στο κύριο αντίγραφο στην οθόνη. Το μάτι μετακινείται κατευθείαν από το πρόσωπο της γυναίκας στο έντονο στρογγυλό σχήμα.
Πίτσα του Βούδα υποδηλώνει έναν κύκλο με κείμενο και συστατικά που περιβάλλουν μια φέτα. Μέρος αυτού που κάνει τον κύκλο εμφανίζεται είναι η ιδέα ότι μια πίτσα είναι συχνά στρογγυλή. Ακόμη και με την τριγωνική εικόνα στη μέση της οθόνης, ο κύκλος είναι προφανής.
Ξενοδοχείο Poispois χρησιμοποιεί τους κυμαινόμενους κύκλους για να δημιουργήσει οπτικό ενδιαφέρον, αλλά επίσης χρησιμεύει ως γίγαντα κουμπιά που μεταφέρουν τους χρήστες σε διαφορετικά μέρη του ιστότοπου.
2. Οθόνες διαχωρισμού
Τα σχέδια διαχωρισμού οθόνης είναι μια από αυτές τις τάσεις που αυξάνονται στη δημοτικότητα και στη συνέχεια εξαφανίζονται, αλλά πάντα φαίνεται να κυκλώνονται πίσω. Η τελευταία επανάληψη της τάσης περιλαμβάνει τόσο υπερβολικά τολμηρές οθόνες διαχωρισμού και πιο λεπτές ζεύξεις.
Το μεγάλο πράγμα για τα σχέδια διαχωρισμού οθόνης είναι ότι συνεργάζονται με την ανταποκρινόμενη μορφή όμορφα. Παίρνετε διπλό περιεχόμενο σε επιτραπέζιο και στοιβαγμένο περιεχόμενο σε οθόνες κινητής τηλεφωνίας. Ανεξάρτητα από τη συσκευή, ο χρήστης δεν αισθάνεται όπως αυτός ή αυτή έχασε κάτι από την αλλαγή του τύπου συσκευής.
Ο σχεδιασμός διαχωρισμένης οθόνης παρέχει επίσης μια λύση για την ύπαρξη διπλών τεμαχίων περιεχομένου με σχεδόν εξίσου σημαντική σημασία. Μπορείτε να προβάλλετε πολλά στοιχεία και να προσφέρετε ταυτόχρονα δύο διαφορετικές ενέργειες (και σχετικές κλήσεις προς δράση) στην οθόνη.
Αυτή η έννοια θέτει τους χρήστες στον έλεγχο του σχεδιασμού, επιτρέποντάς τους να αισθάνονται ότι υπάρχει μια επιλογή για το πώς να αλληλεπιδράσουν με το περιεχόμενο.
Τάκο Bill Ο ιστότοπός του είναι ένα εξαιρετικό παράδειγμα αυτού. Ο σχεδιασμός θέτει αμέσως μια ερώτηση στους χρήστες: Θέλετε να παραγγείλετε τρόφιμα για να πάτε ή θέλετε μια κράτηση για να φάτε. Ο σχεδιασμός split screen δεν κάνει απλά να κάνει το σχέδιο πιο εύκολο στη χρήση, δείχνει πραγματικά στους χρήστες ότι έχουν πολλαπλές επιλογές οπτικά.
Νίκος Πανταζάρας ακολουθεί μια άλλη προσέγγιση με το σχεδιασμό της ιστοσελίδας της φωτογραφικής χαρτοφυλακίου. Η τοποθεσία προβάλλει δύο κατακόρυφες φωτογραφίες δίπλα-δίπλα με την πλοήγηση στη μέση. Πρόκειται για μια διαφορετική προσέγγιση για ένα σχεδιασμό στυλ χαρτοφυλακίου, αλλά είναι αποτελεσματική στο ότι οι χρήστες μπορούν να δουν περισσότερες εικόνες αμέσως. Το στυλ διαίρεσης οθόνης υποδηλώνει ότι και οι δύο εικόνες φέρουν το ίδιο βάρος και το ένα δεν είναι σημαντικότερο από το άλλο.
D'Aucy χρησιμοποιεί μια λεπτότερη αισθητική διαχωριστικής οθόνης. Η μία πλευρά περιλαμβάνει μια εικόνα σε υφή φόντου που έχει συνδυαστεί με το ίδιο έγχρωμο φόντο χωρίς καμία υφή και τίτλο. Ο σχεδιασμός είναι ένας καλός τρόπος να βοηθήσετε να τραβήξετε το μάτι σε όλη την οθόνη, έτσι ώστε να προβάλλεται όλο το περιεχόμενο.
3. Σκούρο φόντο, Λευκό κείμενο
Τα σκούρα φόντα και το λευκό κείμενο είναι ένας κλασικός συνδυασμός. Αλλά αυτή η τάση εμφανίζεται με μια συστροφή - υπάρχει βίντεο ή κινούμενα σχέδια στο σκοτεινό υπόβαθρο.
Είτε η κίνηση είναι λεπτή, όπως Κορυφαία ακίνητα , ή γρήγορα και εξαγριωμένα, όπως Εκφοβισμός και συμπεριφορά , η δράση στο παρασκήνιο είναι αυτό που βοηθάει τους χρήστες να προσελκύσουν ακόμη και. Η έλλειψη χρώματος προσθέτει ένα στοιχείο μυστηρίου και κάνει τη σκηνή λίγο πιο δελεαστική.
Ο λευκός τύπος προσθέτει στην αυστηρότητα του σχεδιασμού. Αν και είναι εύκολο να το διαβάσετε - αυτό είναι καλό - το κείμενο δεν είναι συντριπτικό για το σχεδιασμό. Αυτά τα έργα είναι λίγο πιο σκληρά από τη φύση τους. Το οπτικό στοιχείο οδήγησης είναι κίνηση στο σκοτεινό χώρο του φόντου. Όλα τα παρακάτω σχέδια διαθέτουν βρόχους animations που βοηθούν στη δημιουργία μιας αίσθησης για τα έργα.
Όσο πιο σκούρο είναι το φόντο με αυτά τα σχέδια, τόσο πιο μυστήριο δημιουργούν. Τα σκοτεινά υπόβαθρα αυξάνουν επίσης την αναγνωσιμότητα λόγω του μεγέθους της αντίθεσης με το λευκό κείμενο. Η ταχύτητα των κινούμενων εικόνων μπορεί να δημιουργήσει μια αίσθηση ηρεμίας ή φρενίτιδας.
Είναι αρκετά θεαματικό πόση πληροφορία μπορεί να προκύψει από αυτό που με την πρώτη ματιά μοιάζει με τέτοια απλά σχέδια.
συμπέρασμα
Το ωραίο πράγμα σχετικά με αυτή τη συλλογή τάσεων είναι ότι είναι όλα τα πράγματα που μπορείτε να εφαρμόσετε σε σχεδόν οποιοδήποτε σχέδιο σχεδιασμού. Η χρήση κύκλων, διαχωριστικών οθονών και σκούρου φόντου δεν περιορίζεται σε ένα συγκεκριμένο στυλ σχεδίασης. Μπορείτε να χρησιμοποιήσετε αυτές τις ιδέες για να μας φρεσκάρετε έναν ιστότοπο που αισθάνεται λίγο γεμάτος ή ενσωματώνοντάς τα σε ένα νέο έργο.
Όπως και με οποιαδήποτε τάση, σκεφτείτε το περιεχόμενο και το πλαίσιο πριν ξεκινήσετε. Το οπτικό σχέδιο σας βοηθά να επιτύχετε τον γενικό στόχο σας με το σχεδιασμό;