3 Βασικές Τάσεις Σχεδίασης, Σεπτέμβριος 2017
Μερικές φορές μπορείτε απλά να δείτε τα νέα έργα ιστοτόπων και να δείτε τι σκέφτονται οι σχεδιαστές. Μπορείτε να αισθανθείτε τη διάθεση. Οι τάσεις αυτού του μήνα αντικατοπτρίζουν αυτή την ιδέα με έντονες χρωματικές επιλογές, μια κατάρρευση του παραδοσιακού στυλ κεφαλίδας ήρωα που είναι δημοφιλής για λίγο και σκούρα κινούμενα σχέδια που είναι λίγο μυστηριώδη.
Τι νομίζετε; Είστε έτοιμοι για πιό λεπτές επιλογές τυπογραφίας, πιο περίπλοκες λεπτομέρειες και εικονίδια στυλ λογότυπα; Ίσως να είστε μετά από να δείτε κάποια από αυτά τα σχέδια σχεδιασμού.
Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1. Χρώματα ουράνιου τόξου
Όταν ακούτε "χρώματα του ουράνιου τόξου", το πρώτο πράγμα που έρχεται στο μυαλό είναι πιθανόν να μην είναι καλό σχέδιο. Υπάρχουν πάρα πολλά λαμπερά παραδείγματα φανταστικών έργων με παλέτες χρωμάτων με θέμα το ουράνιο τόξο που είναι συντριπτικές και, ειλικρινά, καταστροφές σχεδιασμού.
Τα σημερινά χρώματα του ουράνιου τόξου είναι οτιδήποτε αλλά καταστροφικά. Είναι αριστοκρατικές, απλές και παρέχουν την σωστή ποσότητα χρώματος σε έναν εκπληκτικό αριθμό έργων. Οι παλέτες Rainbow δεν είναι μόνο για μικρές ιστοσελίδες. - μεγάλα εμπορικά σήματα όπως το Συνέδριο Github Universe , Southwest Airlines και Γραμματική Λονδίνου 'S Spotify κανάλι χρησιμοποιούν όλα τα ενδιαφέροντα σχέδια ουράνιου τόξου.
Ακόμη πιο ενδιαφέρον είναι ότι κάθε σχέδιο χρησιμοποιεί την ίδια ιδέα χρώματος με πολύ διαφορετικούς τρόπους.
- Στοιχεία κειμένου ουράνιου τόξου σε σκοτεινή αισθητική: Η Github χρησιμοποιεί μια απλή σκοτεινή αισθητική με στοιχεία χρώματος ουράνιου τόξου και στοιχεία διεπαφής χρήστη για να τραβήξει το μάτι από βασικές πληροφορίες (όπως η ημερομηνία) στην κύρια πρόσκληση για δράση (πωλήσεις εισιτηρίων). Η κλίση του ουράνιου τόξου είναι απλή και λεπτή, ενώ παράλληλα θέτει διάθεση ευκαιρίας και αισιοδοξία. Αυτό φαίνεται να είναι ο σωστός συνδυασμός για να ενθαρρυνθούν οι χρήστες να εγγραφούν σε μια διάσκεψη.
- Η Southwest Airlines υιοθετεί μια άλλη προσέγγιση με στοιχεία φόντου ουράνιου τόξου και το κείμενο συμπληρώνει ένα ελαφρύτερο στοιχείο δοχείου. Η προφορά ουράνιου τόξου παρέχει ένα οπτικό σημείο αναφοράς για έναν ιστότοπο με περιεχόμενο το οποίο θα μπορούσε να θεωρηθεί βαρετό. Το χρώμα δίνει στην μελέτη περίπτωσης λίγο περισσότερη ζωή για να βοηθήσει στην ενθάρρυνση των κλικ.
- Η Γραμματική του Λονδίνου χρησιμοποιεί ένα τεράστιο σμήνος ουράνιου τόξου για να προσελκύσει τους χρήστες στη συνεργασία με την Spotify. Το μπράουν ουράνιο τόξο μετατοπίζεται και κινείται με ένα αργό κινούμενο σχέδιο που αισθάνεται σαν ζελέ στο νερό. Τα χρώματα κινούνται και συγχωνεύονται και είναι κάτι που θα μπορούσατε να κοιτάξετε όλη την ημέρα αν δεν είστε προσεκτικοί. Η πτυχή gamification του έγχρωμου στοιχείου είναι επίσης ενδιαφέρουσα, αλλά το χρώμα είναι σίγουρα αυτό που αντλεί τους χρήστες στην πρώτη.
2. Σύμπτυξη του Header Hero
Η υπερμεγέθη κεφαλίδα φωτογραφικής ή slider ήρωας έχει σχεδιαστεί για πολλά χρόνια. Αλλά υπάρχει μια τάση να ξεφύγουμε από το σχέδιο με περισσότερους σχεδιαστές επιλέγοντας ένα πιο ελάχιστο πάνω από τη δομή κύλισης με περισσότερα στοιχεία και μια λιγότερο κατασκευασμένη αίσθηση.
Το αποτέλεσμα φαίνεται να είναι μια τάση με περισσότερες λευκές ή ελαφρές κεφαλίδες που έχουν ένα smattering των μερών που επιπλέουν γύρω. Αυτή η τάση έχει κάπως μικτές κριτικές. Ορισμένα από τα οπτικά είναι ενδιαφέροντα, αλλά γενικά φαίνεται να υπάρχει μια γενική έλλειψη εστιακού σημείου για τους χρήστες και σαφώς καθορισμένο σύνολο ενεργειών.
Αυτό που είναι ωραίο για την κατάρρευση της κεφαλίδας ήρωας είναι ότι η ελάχιστη προσέγγιση κάνει τους χρήστες να δουν. Είναι διαφορετικό. Το ερώτημα είναι αν υπάρχουν αρκετά μηνύματα για να μεταφέρουν το ενδιαφέρον τους για μεγάλο χρονικό διάστημα ή αν οι χρήστες θα ανταποκριθούν θετικά σε μια λιγότερο οπτική εμπειρία ιστοτόπου.
Αυτή είναι μια τάση για παρακολούθηση, επειδή είναι πιθανό στα πρώτα στάδια της εξέλιξης. Οι σχεδιαστές είναι έτοιμοι να κάνουν κάτι διαφορετικό με τις κορυφές των σελίδων (και κατά λογικό τρόπο). Αυτή η επανάληψη έργων είναι μόνο το πρώτο βήμα προς κάτι νέο. Μερικοί σχεδιαστές μπορεί να διαταράσσονται από τον περίεργο συνδυασμό ή μέρη στοιχείων πάνω από τον κύλινδρο στις περισσότερες από αυτές τις σχεδιαστικές έννοιες μέχρι στιγμής. Παραμένει να δούμε πού θα ακολουθήσει η τάση, αλλά αξίζει να παρακολουθούμε σίγουρα.
3. Σκούρα κινούμενα σχέδια
Αυτό μπορεί να είναι η πιο διασκεδαστική τάση στο σχεδιασμό ιστοσελίδων αυτή τη στιγμή: Σκούρα κινούμενα εφέ που έχουν επικαλυφθεί πάνω από σχήματα σκούρου χρώματος. Η σκοτεινή με σκοτεινή έννοια είναι μυστηριώδης, οπτικά ενδιαφέρουσα και πραγματικά κάνει τον χρήστη να κοιτάζει και να ασχολείται με το σχέδιο.
Επιπλέον, μπορεί να λειτουργήσει με πολλούς διαφορετικούς τρόπους. Δεν υπάρχει ρύθμιση για το μέγεθος ή τον τύπο κινούμενης εικόνας ή για το τι κάνει το εφέ. Κάθε ένα από τα παρακάτω παραδείγματα χρησιμοποιεί σκούρα κινούμενα εφέ με διάφορους τρόπους, που όλα ενθαρρύνουν κάποιο είδος αλληλεπίδρασης από την αυτοματοποιημένη κίνηση έως τα εφέ του ποντικιού σε λάμψεις έκπληξης (θα χρειαστεί να κάνετε κλικ στους συνδέσμους για να βρείτε αυτό).
Ενώ αυτά τα σχέδια φαίνονται πραγματικά δροσερά, μπορούν να προκαλέσουν και κάποιες προκλήσεις. Όλοι οι χρήστες δεν ενδιαφέρονται για μια τέτοια σκοτεινή αισθητική. Μπορεί να μην λειτουργεί καλά σε όλες τις περιβαλλοντικές συνθήκες. Αυτά τα σχέδια σίγουρα φαίνονται και λειτουργούν καλύτερα στις οθόνες της επιφάνειας εργασίας από τις μικρότερες συσκευές.
Αλλά η τάση σχεδιασμού έχει μια θέση για τους σχεδιαστές που θέλουν να δημιουργήσουν κάτι λίγο διαφορετικό, με μια συγκεκριμένη διάθεση και μοντέρνα όψη.
Υπάρχει επίσης κάτι για συνδυασμούς σκούρων αποχρώσεων χωρίς πολύ χρώμα που μόλις σας τραβά. (Είναι κάτι το ανεξήγητο.)
Για να αξιοποιήσετε στο έπακρο το σκοτάδι στη σκοτεινή τάση, βεβαιωθείτε ότι χρησιμοποιείτε αρκετή διακύμανση στις σκοτεινές αποχρώσεις για να βεβαιωθείτε ότι τα στοιχεία είναι ορατά και ότι οι κινήσεις είναι διακριτές. Χρησιμοποιήστε πλούσιους μαύρους με πολλούς τόνους για να ρυθμίσετε τη σωστή διάθεση για κάθε έργο.
Ενώ τα παρακάτω παραδείγματα δεν έχουν τελείως χρώμα, θεωρήστε μια διαφορετική απόχρωση εκτός από λευκή για βασικά σημεία έμφασης. (Ένα έγχρωμο κουμπί κλήσης για δράση θα ξεχωρίζει πραγματικά με το μέγεθος της αντίθεσης που παρέχει όλες οι μαύρες εικόνες.)
Το άλλο κοινό χαρακτηριστικό με αυτή την τάση είναι η απλότητα των κινούμενων εικόνων που χρησιμοποιούνται. Κανένα από τα κίνητρα δεν είναι υπερβολικά περίπλοκο. Είναι τόσο απλό και εξορθολογισμένο όσο η παλέτα χρωμάτων, η οποία αποτελεί βασικό παράγοντα της συνολικής επιτυχίας της τάσης σχεδιασμού.
συμπέρασμα
Η μετατόπιση στη χρήση χρώματος που παρουσιάζεται από τις τάσεις αυτού του μήνα είναι τόσο ενδιαφέρουσα όσο και αποτελεσματική. Τα χρώματα του ουράνιου τόξου είναι πολύ διασκεδαστικά και αναζωογονητικά, ενώ τα ελάχιστα λευκά και σκοτεινά μοτίβα παρέχουν τόσο περιθώρια εσωστρέφειας όσο και αντανάκλασης. Οι επιλογές χρωμάτων πραγματικά συνδέονται με το πώς αισθάνονται οι σχεδιαστές για ένα έργο.
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Ρίξτε μου ένα σύνδεσμο στο Twitter . Θα ήθελα πολύ να σας ακούσω.