Βασικές τάσεις σχεδιασμού, Απρίλιος 2016
Ο σχεδιασμός της ιστοσελίδας σίγουρα δείχνει ευτυχισμένη αυτές τις μέρες Ίσως επειδή η Άνοιξη είναι στον αέρα ή ίσως υπάρχει μόνο ένα καλό vibe που πηγαίνει γύρω. Είτε έτσι είτε αλλιώς, οι τάσεις στο σχεδιασμό του ιστότοπου αυτό το μήνα αντανακλούν αυτό το συναίσθημα προς τα πάνω, με δροσερές εικονογραφικές εικόνες, μεγάλη φωτογραφία και λαμπερές επιλογές χρωμάτων.
Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1) εικονογραφήσεις στυλ
Είναι δύσκολο να μην αγαπάς μια μεγάλη εικόνα. Μερικές από τις καλύτερες εικονογραφήσεις που βλέπουμε τώρα έχουν μεγαλύτερη αίσθηση εικονιδίων σε αυτούς. Έρχεται με μερικά βασικά χαρακτηριστικά:
- Επίπεδα και απλά εικονογραφημένα στοιχεία (σημειώστε πως όλα τα μικροσκοπικά εικονογραφήματα συνδυάζονται στον ιστότοπο του Confederation Studio)
- Φωτεινό χρώμα ή απλό χρώμα με πρωτεύουσες αποχρώσεις
- Γεωμετρικά σχήματα με διαδραστικό σκοπό
- Στοιχεία με την εμφάνιση και την αίσθηση της εικόνας, μείον το δοχείο, έτσι ώστε να το βλέπετε οπτικά ως σχέδιο και όχι ως κουμπί
- Χειρογράφημα εικονογραφημένα εφέ
- Στοιχεία που μοιάζουν με εικονίδια, αλλά καταλαμβάνουν πολύ περισσότερο χώρο στον καμβά από ένα εικονίδιο
- Απλά σχέδια στυλ γραμμής (όπως το στυλ από το Draw a Better 2016)
Αυτό που είναι δροσερό για αυτή την τάση είναι ότι λειτουργεί για να ενσωματώσει ένα στοιχείο της ιδιοτροπίας σε ένα σχέδιο σχεδιασμού χωρίς συναίσθημα συντριπτική ιδιοτροπία. Δημιουργεί μια ωραία ισορροπία χειροποίητων και επαγγελματικών. Παίρνει επίσης μια κάπως πιο αρρενωπή αίσθηση από πολλές από τις άλλες τάσεις που επικεντρώνονται στις ιδιοτροπίες, όπως η ακουαρέλα ή τα χειρόγραφα γράμματα.
Ακόμη και αν δεν είστε εικονογράφος, αυτή είναι μια τάση που μπορείτε να επωφεληθείτε. Υπάρχουν πολλοί πωλητές - πληρωμένοι και ελεύθεροι - που δημιουργούν τα διανυσματικά κιτ εικονιδίων. Αναζητήστε ένα κιτ που περιλαμβάνει όλα τα πραγματικά αρχεία σχήματος έτσι ώστε να μπορείτε να τραβήξετε τα κομμάτια, να αλλάξετε χρώματα και να τα συνδυάσετε και να τα συνδυάσετε για να δημιουργήσετε υπερμεγέθη εικονογραφία για τα έργα σας.
2. Φωτογραφία μεγαλύτερης από τη ζωή
Μια μεγάλη, τολμηρή φωτογραφία ή εικόνα κάνει μια εντυπωσιακή πρώτη εντύπωση. Αυτός είναι ο λόγος για τον οποίο τόσοι πολλοί σχεδιαστές επιλέγουν εικόνες μεγαλύτερης διάρκειας ζωής για να σχεδιάσουν τους χρήστες στις ιστοσελίδες τους. Αυτό το στοιχείο σχεδιασμού μπορεί να είναι εκπληκτικό, ενδιαφέρον και να είναι μια μεγάλη εναλλακτική λύση αν έχετε μία ή δύο υπέροχες εικόνες, αλλά όχι μια μεγάλη βιβλιοθήκη για να δουλέψετε.
Αλλά πρέπει να είστε πρόθυμοι να πάρετε λίγο άβολα για να φτάσετε εκεί.
Για να αξιοποιήσετε στο έπακρο την τάση της φωτογραφίας μεγαλύτερης διάρκειας ζωής, πρέπει να είστε διατεθειμένοι να κάνετε ένα από τα τρία πράγματα με το σχεδιασμό:
- Περικοπή μιας φωτογραφίας τόσο σφιχτά ώστε να καταλαμβάνει ένα σημαντικό τμήμα της οθόνης, έτσι ώστε η εικόνα να είναι κλιμακωτή σε αναλογία μεγαλύτερη από την πραγματικότητα
- Μεγέθυνση σε ένα σχεδόν άβολο επίπεδο με εικόνες ανθρώπων και προσώπων για να δείξετε κάθε λεπτομέρεια
- Σκηνοθετήστε μια τυπική φωτογραφία αλλά προσθέστε ένα στοιχείο που είναι διαφορετικό ή ενδιαφέρον με τρόπο που είναι λίγο απροσδόκητο
Και οι τρεις αυτές τεχνικές μπορεί να είναι αρκετά δυσάρεστες στην αρχή. Οι έντονες καλλιέργειες, τα σούπερ-στενά πρόσωπα και τα περίεργα σχήματα μπορεί να σας κάνουν λίγο δύσκολο στην αρχή. Προσεγγίστε το οπτικό για αυτόν τον τύπο σχεδίου λίγο διαφορετικά. Ξεκινήστε με τη μεγαλύτερη ή πιο περίεργη επιλογή. Στη συνέχεια, σβήστε με μικρές αυξήσεις και αξιολογήστε πώς αισθάνεστε για την εικόνα. Οι πιθανότητες είναι να καταλήξετε να επιστρέψετε σε μια από τις προηγούμενες επιλογές.
Λαμβάνοντας αυτή την προσέγγιση επιτρέπετε στον εαυτό σας να δει το σχέδιο και τις εικόνες με διαφορετικό τρόπο. Αυτό κάνει την τάση αυτή τόσο εντυπωσιακή - οι εικόνες είναι διαφορετικές. Συγκεντρώνουν χρήστες επειδή τα σχήματα, οι καλλιέργειες και τα στυλ συνολικά είναι τόσο διαφορετικά από τις περισσότερες ιστοσελίδες που ένας χρήστης προσγειώνεται κάθε μέρα.
3. Φωτεινή επιλογή χρωμάτων
Φωτεινό, τολμηρό χρώμα είναι μέσα. Η τάση έχει επιρροές που έχουν τις ρίζες τους στο σχεδιασμό υλικών. Παρόλο που το υλικό είναι ένα στυλ σχεδιασμού με βάση την αλληλεπίδραση, ορισμένα από τα οπτικά στοιχεία κερδίζουν μόνος τους την πρόσφυση. Αυτό ισχύει ιδιαίτερα για το χρώμα.
Γιατί να χρησιμοποιήσετε μια χρωματική παλέτα Υλικού στυλ εάν το υπόλοιπο του σχεδίου δεν είναι Υλικό; Είναι ένας απλός τρόπος να προσθέσετε ένα μοντέρνο στοιχείο σε ένα έργο χωρίς έναν ανασχεδιασμό πλήρους κλίμακας. Μπορείτε να προσθέσετε σχεδόν ένα λαμπερό χρώμα και να αφήσετε το υπόλοιπο του σχεδιασμού και μόνο με λίγες τσιμπήματα στο CSS ή εικόνες.
Τι είναι το χρώμα του υλικού; Δεν υπάρχει ένας τέλειος ορισμός, αλλά ο τρόπος με τον οποίο το περιγράφει η Google: "Το χρώμα στο σχεδιασμό του υλικού εμπνέεται από τολμηρές αποχρώσεις που βρίσκονται σε αντίθεση με τα σιωπηρά περιβάλλοντα, τις βαθιές σκιές και τις έντονες στιγμές. Το υλικό παίρνει τα συνθήματα από τη σύγχρονη αρχιτεκτονική, τις οδικές πινακίδες, την ταινία σήμανσης πεζοδρομίων και τα αθλητικά γήπεδα Το χρώμα θα πρέπει να είναι απροσδόκητο και ζωντανό. "- https://www.google.com/design/spec/style/color.html
Αν ενδιαφέρεστε να δημιουργήσετε μια παλέτα χρωμάτων με βάση το υλικό και χρειάζεστε ένα σημείο εκκίνησης, δοκιμάστε την Παλέτα υλικού. http://www.materialpalette.com/
Οι τολμηρές επιλογές χρώματος είναι όμορφες και ξεχωρίζουν σε πολλά από τα πιο συγκρατημένα έργα ελάχιστου στιλ που έχουν γίνει δημοφιλείς. Τα φωτεινά μπλε, τα πράσινα και τα κίτρινα είναι ιδιαίτερα δημοφιλή ως έννοιες στην παλέτα χρωμάτων. Η τάση φαίνεται να επικεντρώνεται στις πινελιές του χρώματος υλικού, όχι σε παλέτες πλήρους κλίμακας.
Για ένα έργο που πραγματικά λείπει, χρειάζεται κάτι περισσότερο από ένα φωτεινό χρώμα. Η διάθεση του έργου θα πρέπει να είναι εξίσου φωτεινή.
- Σημειώστε πως το Lefty ζευγάρι φωτεινό πράσινο με εικόνες ευτυχισμένων, χαμογελαστών ανθρώπων για να δημιουργήσετε μια συντριπτική θετική διάθεση.
- Το BNP Paribas χρησιμοποιεί ένα φωτεινό πράσινο για να φέρει τους χρήστες σε μια διεπαφή στυλ παιχνιδιού που τοποθετείται σε πιο σκούρο σκηνικό.
- Το Big Drop χρησιμοποιεί ένα τολμηρό κίτρινο (και το μπλε, το κόκκινο και το πράσινο στο κύλινδρο) με φωτεινές εικόνες και ένα διασκεδαστικό τυπογραφικό πλάνο για να προσελκύσουν τους χρήστες, καθιστώντας τον επιχειρηματικό χώρο λιγότερο τυπικό.
Το τέχνασμα για την προσθήκη υπαινιγμάτων των χρωμάτων που εμπνέονται από το υλικό σχεδίασης δεν είναι να χάσετε την επωνυμία σας. Μην επαναλάβετε ολόκληρη την παλέτα χρωμάτων βάσει μιας τάσης. μάλλον βρει έναν τρόπο να ενσωματώσει φωτεινό χρώμα χωρίς να συντρίβει το σχέδιο. Το παράδειγμα χρήσης είναι εξαιρετικοί τρόποι να το σκεφτείτε - να χρησιμοποιήσετε ένα απλό έγχρωμο σχήμα ως οπτικό στοιχείο, να δοκιμάσετε έναν τολμηρά χρωματισμένο τίτλο ή να χρησιμοποιήσετε φωτεινούς χρωματισμένους πίνακες για να δημιουργήσετε μια πιο συναρπαστική διαδραστική εμπειρία για τους χρήστες καθώς μετακινούνται προς τα κάτω στη σελίδα.
συμπέρασμα
Είναι υπέροχο όταν μερικές τάσεις μπορούν απλώς να σας κάνουν ευτυχισμένους. Αυτό κάνει αυτή η ομάδα με το χρώμα και με επιλογές τύπου και με εικόνες. Ίσως δεν είναι μόνο η επιρροή της άνοιξης και θα συνεχίσουμε να βλέπουμε αυτά τα στοιχεία σε ακόμη περισσότερα σχέδια μέσα στους επόμενους μήνες.
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Ρίξτε μου ένα σύνδεσμο στο Twitter . Θα ήθελα πολύ να σας ακούσω.