Βασικές τάσεις σχεδιασμού, Αύγουστος 2016
Χρώμα και στρώματα. Αυτό το ζευγάρι σχεδιαστικών στοιχείων αποτελεί την κινητήρια δύναμη πίσω από πολλές τάσεις του έτους. Παρόλο που δεν έχουμε δει τίποτα να αναλάβει, όπως επίπεδη σχεδίαση πριν από λίγα χρόνια ή πιο πρόσφατα το υλικό σχεδιασμού, στοιχεία και των δύο στυλ ωθούν τους σχεδιαστές για να εξερευνήσουν νέα πράγματα.
Τόσο οι επιλογές χρώματος όσο και η στρωματοποίηση φαίνονται να έχουν τις ρίζες τους σε αυτές τις μεγαλύτερες τάσεις και χρησιμοποιούνται σε σχέδια σχεδίασης ακόμη και χωρίς τελείως επίπεδη ή υλική αισθητική. Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1. Πολλά στοιβάζονται στοιχεία
Τα στοιχεία σε στρώσεις και τα τρισδιάστατα εφέ είναι η τεχνική που πρέπει να έχει ο χώρος του 2D ιστού. Χάρη στις τεχνικές διασκέδασης και ακόμη καλύτερα σε σχέση με το πώς δημιουργούνται υλικά, δημιουργούνται στοιβάζονται στοιχεία σε έργα όλων των τύπων.
Αυτό που είναι ιδιαίτερα ωραίο είναι ότι δίνει μια ιστοσελίδα πιο ρεαλιστική αίσθηση. Ο χρήστης μπορεί να προσεγγίσει και να αρπάξει τα στοιχεία στην οθόνη. (Και αυτό είναι καλό!) Το κόλπο είναι ότι κάθε στρώμα θα πρέπει να φαίνεται πραγματικό και ελαφρύ, και τα στρώματα φαίνονται φυσικά.
Ακολουθούν μερικοί τρόποι με τους οποίους μπορείτε να αρχίσετε να δοκιμάζετε στρώματα στα σχέδιά σας:
- "Ανυψώστε" τα στοιχεία από το φόντο με μια απλή σκιά ή κινούμενη εικόνα. Olle κάνει αυτό με πολλαπλά στοιχεία σε διαφορετικά επίπεδα, αλλά όλοι τραβούν μαζί και φαίνονται φυσικά.
- Αφήστε τα στοιχεία να τέμνονται. Το κείμενο μπορεί να περικλείσει τον χώρο που κατέχει μια εικόνα.
- Τα χαρακτηριστικά κύλισης Parallax αποτελούν έναν ενδιαφέροντα τρόπο δημιουργίας στοιχείων σε στρώματα (ένα προσκήνιο που κινείται πάνω από ένα υπόβαθρο) χωρίς να είναι υπερβολικά συντριπτικό.
- Χρησιμοποιήστε γεωμετρικά σχήματα, κινούμενα σχέδια και παραλλαγές χρώματος για να μιμείται το βάθος στο σχεδιασμό. Οι χρήστες θα πρέπει να αισθάνονται ότι μπορούν σχεδόν να πέσουν στα γραφικά, όπως η εμπειρία που έχει διαπιστωθεί Διαγραφή Οργανισμού .
- Δημιουργήστε στρώματα πηγαίνοντας έξω από τον καμβά, με στοιχεία που ξεπερνούν το φόντο ή την άκρη της οθόνης.
- Αφήστε τα στοιχεία να ξεκουραστούν στην κορυφή ενός φόντου με υφή, για να δημιουργηθεί διαχωρισμός μεταξύ του ανώτερου στρώματος (το οποίο οι χρήστες μπορούν να φανταστούν πραγματικά αγγίζοντας) και το στρώμα φόντου.
2. Σχέδια σκούρου χρώματος
Για κάποιο χρονικό διάστημα φαινόταν ότι κάθε ιστότοπος ήταν ένα μινιμαλιστικό ιδεώδες, συμπεριλαμβανομένου ενός έντονου λευκού φόντου. Αυτή η τάση έχει μετατοπιστεί δεδομένου ότι περισσότερα σχέδια σκούρου χρώματος εμφανίζονται ως το αγαπημένο σχεδιασμού.
Και για καλό λόγο. Ένα ωραίο σχήμα σκούρου χρώματος μπορεί να προσελκύσει την προσοχή και δεν είναι τόσο σκληρό στα μάτια κάποιων χρηστών ως φωτεινό λευκό. Από την άλλη πλευρά, η σκοτεινή αισθητική μπορεί να είναι λίγο πιο ενοχλητική αν το κείμενο είναι μικρό ή σε μικρότερες οθόνες (γι 'αυτό φροντίστε να δώσετε ιδιαίτερη προσοχή στο πώς τα στοιχεία προβάλλονται σε κινητές συσκευές).
Τα στοιχεία που πραγματικά ξεχωρίζουν στα σχέδια σκούρου χρώματος περιλαμβάνουν τη χρήση δροσερών βίντεο και κινούμενων εικόνων, ακόμα και αν είναι δύσκολο να αναγνωριστούν. τολμηρή λευκή τυπογραφία, φαντάσματα φωτεινού χρώματος σε προσκλήσεις υποκίνησης για δράση ή σημαντικές πληροφορίες και την κατάλληλη συνολική διάθεση.
Θυμηθείτε επίσης, ότι το σκοτάδι δεν σημαίνει πάντα μαύρο. Τα σχέδια σκούρου χρώματος μπορούν να έχουν τις ρίζες τους σε μια ποικιλία αποχρώσεων από κόκκινα έως μπλε σε πράσινα. Ενώ οι μαύρες επιλογές είναι οι πιο συνήθεις, είναι σημαντικό να επιλέξετε ένα πλούσιο μαύρο που είναι κατασκευασμένο από διάφορους συνδυασμούς χρωμάτων. Ένα επίπεδο μαύρο (ή "μαύρο K", όπως το αποκαλούν σχεδιαστές εκτύπωσης) θα αφήσει κάτι επιθυμητό στο σχεδιασμό της ιστοσελίδας.
Όταν εργάζεστε με σχέδια σκούρου χρώματος, προσέξτε ιδιαίτερα ώστε να υπάρχει σωστή αντίθεση μεταξύ των στοιχείων και ότι τα χρώματα και οι εικόνες δεν χάνονται μέσα στη σκοτεινή φύση του σχεδίου. Το λευκό μπορεί να είναι μια καλή επιλογή καθώς και άλλα βασικά χρώματα με πολλή φωτεινότητα ή κορεσμό. Θυμηθείτε να σκεφτείτε την αντίθεση μεγέθους επίσης. Εξετάστε το μέγεθος όλων των στοιχείων κειμένου κατά 10 έως 20 τοις εκατό όταν εργάζεστε με ένα σκοτεινό πλαίσιο για να διασφαλίσετε την αναγνωσιμότητα.
3. Οι κλίσεις κάνουν μια επιστροφή
Η κλίση - μια από τις τεχνικές που αποφεύγεται από το επίπεδο σχέδιο - κάνει μια επιστροφή. (Και χρησιμοποιείται ακόμη και στα επίπεδη σχέδια.)
Οι διαβαθμίσεις λειτουργούν επειδή κάνουν κάτι που πολλοί άνθρωποι σκέφτηκαν ότι δεν είχε επίπεδη σχεδίαση, το οποίο είναι να βοηθήσει στη δημιουργία και τη δημιουργία βάθους. Αυτό που είναι νέο για τις κλίσεις αυτή τη φορά είναι ότι δεν χρησιμοποιούνται για να μιμούνται υφές ή χωρίς σκοπό. Η σημερινή τάση εστιάζει στις διαβαθμίσεις φωτεινών χρωμάτων που δίνουν έμφαση στο περιεχόμενο. Από τις επικαλύψεις πλήρους οθόνης σε φόντο, σχεδόν τίποτα συμβαίνει όταν πρόκειται για την τεχνική ... εφ 'όσον είναι έντονη.
Οι σχεδιαστές αξιοποιούν στο έπακρο την επιστροφή κλίσης με διάφορους τρόπους:
- Τα διαβαθμισμένα ζεύγη "επίπεδων χρωμάτων" συνδυάζουν και τις δύο ιδέες σχεδίασης για μια τολμηρή εμφάνιση, όπως η ιστοσελίδα για το WPcrew .
- Οι κλίσεις δύο τόνων είναι μια διασκεδαστική επικάλυψη χρώματος για να προσθέσετε ενδιαφέρον για μια φωτογραφία που μπορεί να λείπει κάπως ή για να προσθέσετε βάθος σε ένα φόντο.
- Ενώ πολλές από αυτές τις κλίσεις φαίνεται να είναι σε μεγαλύτερη κλίμακα, χρησιμοποιούνται και για μικρότερα στοιχεία, όπως κουμπιά ή για να προσελκύσουν την προσοχή σε συγκεκριμένο περιεχόμενο.
Υπάρχουν ακόμη μερικές μεταβλητές που δεν πρέπει να ληφθούν υπόψη. (Δεδομένου ότι δεν θέλετε το σχεδιασμό να μοιάζει με αυτό πήδηξε αμέσως από το 2012!)
- Να είστε προσεκτικοί με μικρές κλίσεις. Η χρήση σε εικονίδια δεν συνιστάται ακόμα.
- Μην κατακλύζετε το περιεχόμενο. Μια επικαλυπτική κλίση μιας φωτογραφίας μπορεί να είναι ωραία (σκεφτείτε μόνο μερικά από τα δροσερά εφέ που διαθέτει το Spotify χαρακτηριστικά τακτικά), αλλά η φωτογραφία πρέπει ακόμα να είναι διακριτή.
- Οι έντονες χρωματικές κλίσεις τείνουν να έχουν μια ελαφριά, ευχάριστη αίσθηση. Βεβαιωθείτε ότι αυτό εμπλέκεται με το περιεχόμενό σας.
- Προσέξτε τους συνδυασμούς χρωμάτων και την αντίθεση όταν πρόκειται για αναγνωσιμότητα. Μερικές κλίσεις μπορούν να πάρουν το φως και το λευκό κείμενο μπορεί να παρουσιάσει ένα πρόβλημα. Βεβαιωθείτε ότι έχετε δοκιμάσει την αναγνωσιμότητα έναντι του χρώματος, του διαφορετικού αποκρουστικού σημείου διακοπής και των συσκευών πολλαπλών μεγεθών. (Με κλίσεις, τα θέματα αναγνωσιμότητας μπορεί μερικές φορές να εμφανίζονται σε μέρη που δεν θα περίμενε κανείς.)
συμπέρασμα
Δεν υπάρχει τίποτα πιο διασκεδαστικό από το χρώμα όταν πρόκειται για το σχεδιασμό. Οι τάσεις στο χρώμα είναι ωραίες επειδή είναι στοιχεία που μπορείτε να προσθέσετε σε σχεδόν οποιοδήποτε στυλ σχεδιασμού χωρίς πλήρη αναβάθμιση. Το ίδιο ισχύει και για τα στρωματοποιημένα στοιχεία. Αυτή είναι μια τεχνική που μπορεί να προστεθεί σε ένα υπάρχον σχέδιο για να δώσει μια πιο σύγχρονη αίσθηση.
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Ρίξτε μου ένα σύνδεσμο στο Twitter . Θα ήθελα πολύ να σας ακούσω.