3 Βασικές Τάσεις Σχεδίασης, Μάρτιος 2018
Ένα από τα καλύτερα πράγματα για την άνοιξη μπορεί να είναι ο σχεδιασμός της ιστοσελίδας. Ο θερμότερος αέρας φαίνεται να βάζει τους σχεδιαστές σε μια πιο ζοφερή διάθεση, και αυτό δείχνει στην τάξη του τρέχοντος μήνα. Από τις τολμηρότερες επιλογές χρωμάτων με τις ελαφρύτερες ασπρόμαυρες ασπρόμαυρες εικόνες και τον τύπο που προσελκύουν τους χρήστες σε μια εμπειρία αφίσας ή ταινιών, η έμπνευση είναι άφθονη.
Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1. Κεντρικές σελίδες στυλ αφίσας
Τα σχέδια αρχικής σελίδας πλήρους οθόνης που διαθέτουν υπερμεγέθεις εικόνες και βίντεο είναι δημοφιλείς για λίγο, αλλά η τάση εξελίσσεται με τρόπο που αφαιρεί πολλά από τα κύρια στοιχεία πλοήγησης και κείμενο για μια πιο αίσθηση αφίσας ή ταινιών.
Είναι ένα mash-up της ελάχιστης θεωρίας με πιο πολύχρωμο και περίτεχνα στυλ.
Παρόλο που η ιδέα αυτής της τάσης μπορεί να μην ακούγεται αρκετά για να εμπλέξει κάποιον χρήστη, μπορεί στην πραγματικότητα να είναι αρκετά αποτελεσματική με τα σωστά οπτικά. Αυτό που κάνει ή σπάει τις σελίδες αρχικής σελίδας με την αφίσα είναι η ποιότητα των γραφικών και του κειμένου. Χωρίς πολλά περιθώρια ανταλλαγής μηνυμάτων και δημιουργίας ενδιαφέροντος, τα κομμάτια αυτά πρέπει να είναι εξαιρετικά αποτελεσματικά.
Η μεγαλύτερη ανησυχία με αυτήν την τάση είναι ότι χωρίς πολλά άλλα στοιχεία -συμπεριλαμβανομένης της πλοήγησης ή των προφανών κουμπιών κλήσης προς δράση- οι χρήστες θα μπορούσαν να μπερδευτούν και να εγκαταλείψουν τον ιστότοπο. Είναι σημαντικό να δημιουργήσετε μια εντυπωσιακή οπτική εμπειρία, αλλά μην ξεχάσετε να δώσετε στους χρήστες κάτι να κάνουν στη διαδικασία.
Κάθε ένα από τα παρακάτω τρία παραδείγματα χρησιμοποιεί την ιδέα του στιλ αφίσας σε ένα διαφορετικό, στοιχηματικό, εξίσου, συναρπαστικό τρόπο:
Tofino Resort προσελκύει τους χρήστες με μια εξαιρετική εικόνα και ενδιαφέρουσα τυπογραφία. Η κλήση για δράση "κράτηση τώρα" βρίσκεται στην επάνω γωνία, όπου οι χρήστες θα αναζητούσαν παραδοσιακά πλοήγηση, αλλά με το μενού που βρίσκεται μέσα σε ένα εικονίδιο χάμπουργκερ, το CTA είναι το επίκεντρο.
Ruya Digital επιλέγει ένα πιο ελάχιστο στυλ με σκούρο φόντο, αλλά η απλή κινούμενη εικόνα στην κεντρική οθόνη και η ασυνήθιστη επεξεργασία κειμένου δημιουργούν ένα σημείο ενδιαφέροντος. Τα συνοδευτικά στοιχεία και το κείμενο είναι μικρά και μπαίνουν προς την άκρη της οθόνης για να εξασφαλίσουν ότι οι χρήστες εστιάζουν στην κύρια αποστολή μηνυμάτων. Και πάλι, δεν υπάρχει κύρια πλοήγηση. Παίρνει ένα κλικ για να έχει πρόσβαση σε αυτό.
Εκπομπή ροής παίρνει μια προσέγγιση βίντεο με μια πιο κινηματογραφική εμπειρία. Η αρχική σελίδα περιλαμβάνει βίντεο κλιπ πλήρους οθόνης με σύντομο κείμενο και μερικά μόνο μικρά στοιχεία στην οθόνη. Ο χρήστης αισθάνεται σαν να βλέπουν ένα βίντεο με αυτό το σχέδιο, χωρίς να μετακινούνται γύρω από μια ιστοσελίδα της ιστοσελίδας. Και πάλι, η πλοήγηση μπαίνει σε εικονίδιο χάμπουργκερ - ο χρωματισμένος κύκλος βοηθά να ξεχωρίζει λίγο περισσότερο - και ένα μικρό κινούμενο βέλος στο κάτω δεξιά ενθαρρύνει τους χρήστες να μετακινηθούν όταν τελειώσουν βλέποντας τον βρόχο βίντεο.
2. Μπλέ παλέτες χρωμάτων
Δεν είναι πραγματική έκπληξη ότι λίγους μήνες μετά Pantone ονομάζεται Ultra Violet (18-3838) ως χρώμα του έτους, οι μοβ αποχρώσεις εμφανίζονται σε μια σειρά σχεδίων.
Αν και όλες οι παλέτες δεν χρησιμοποιούν το ίδιο βαθύ, σκούρο μοβ ως το χρώμα του έτους, έχει κάνει περισσότερους σχεδιαστές να εξετάσουν την επιλογή κόκκινου-μπλε mix. Αυτό που είναι ωραίο για το χρώμα είναι ότι συνδυάζει ωραία με άλλες χρωματικές τάσεις-όπως τις φωτεινότερες αποχρώσεις του Σχεδίου Υλικού ή περισσότερες ελάχιστες ασπρόμαυρες παλέτες.
Το μοβ μπορεί επίσης να είναι ένας διαφοροποιητής για το σχεδιασμό της ιστοσελίδας σας. Επειδή δεν είναι υπερβολικά χρησιμοποιημένο χρώμα - σκέφτεται μπλε - μπορεί να προσφέρει μια πιο αξέχαστη πρώτη εντύπωση.
Υπάρχουν πολλές μοβ επιλογές για να διαλέξετε. Τα χρώματα μπορούν να είναι περισσότερο στην κοκκινωπή ή ροζ πλευρά, σχεδόν μαύρα για ένα σκοτεινό συναίσθημα, ή λίγο πιο μπλε. Το χρώμα μπορεί να είναι βαθύ και κορεσμένο ή απαλό και σιωπηλό. Σχεδόν οποιεσδήποτε από τις παραλλαγές είναι εξαιρετικά χρησιμοποιήσιμες μόνοι τους ή μαζί σε μια παλέτα χρωμάτων με πολλαπλούς μωβ.
Τα παρακάτω παραδείγματα παρουσιάζουν αυτό το εύρος της πραγματικής χρήσης χρώματος καθώς και την ικανότητα προσαρμογής σε διάφορους τομείς. Μωβ, ένα χρώμα που αποφεύγεται συνήθως, είναι ευπροσάρμοστο, ελκυστικό και φιλικό.
3. Κλίσεις και κείμενο
Οι κλίσεις δεν είναι μόνο για φόντο και επικαλύψεις φωτογραφιών. Μια σταθερή κλίση μπορεί επίσης να προσθέσει έμφαση στα στοιχεία κειμένου, όταν χρησιμοποιείται με σκοπό.
Η τάση της τυπογραφίας γενικά έχει προσανατολισθεί προς απλούστερες γραμματοσειρές με λίγο «κάτι επιπλέον». Αυτά τα πρόσθετα μπορούν να είναι οτιδήποτε, από τη συμπλήρωση φωτογραφιών έως την εμφάνιση χρώματος σε επεξεργασίες κειμένου όπως κεφαλαίο γράψιμο ή κινούμενα σχέδια.
Και τώρα ... κλίσεις. Βεβαίως, αυτό μπορεί να είναι μια δύσκολη τάση για να ακολουθήσετε αν δεν σας αρέσουν οι κλίσεις γενικά. (Εσείς καθαροί καθαροί σχεδιαστές γνωρίζετε ποιοι είστε.) Αλλά μπορούν να είναι απολύτως εκπληκτικές.
Zoocha χρησιμοποιεί μια μεγάλη ανοιχτό κίτρινο και μπλε κλίση μέσα σε μια μοντέρνα serif σε μια σχεδόν απλή οθόνη. Το τέχνασμα για αυτό το σχέδιο είναι η κλίση. Η απλότητα του υπόλοιπου σχεδιασμού το κάνει να ξεχωρίζει.
Χαμένη αγάπη χρησιμοποιεί ένα μοναδικό χρώμα σε λευκό κλίση σε μια πιο περίτεχνη γραμματοσειρά για να αρπάξει τους χρήστες. Μεγάλο μέρος αυτού που κάνει την τυπογραφία να λειτουργεί σε αυτό το σχέδιο είναι το περιεχόμενο. Με ένα δικτυακό τόπο που απαγγέλλει ποιήματα και γράμματα αγάπης, αναμένεται σχεδόν η ροζ, γεμάτη στίχους γραμματοσειρά. Το ίδιο ισχύει και για το ροζ χρώμα. Είναι ένα εξαιρετικό οπτικό σημείο εισόδου στο υπόλοιπο σχέδιο.
Μιχαήλ Ράππαζ Η ιστοσελίδα του χαρτοφυλακίου χρησιμοποιεί μια κλίση κειμένου με το αντίθετο αποτέλεσμα. Αντί για μια διαβάθμιση κλίσης για γράμματα, ο σχεδιασμός περιλαμβάνει ένα κινούμενο χαρακτηριστικό κλίσης για να τραβούν οι χρήστες μέσα. Είναι απλό και οπτικά ενδιαφέρον. Το υπόλοιπο του σχεδίου είναι μάλλον απλό και κολλά στα στοιχεία κειμένου χωρίς κίνηση ή χρώμα, έτσι ώστε να υπάρχει ένα ξεχωριστό εστιακό σημείο. (Περιλαμβάνει επίσης το χρώμα του έτους για δύο τάσεις σε ένα.)
συμπέρασμα
Μπορείτε να δείτε τον εαυτό σας χρησιμοποιώντας αυτές τις τάσεις στα σχέδια σχεδιασμού; Κάθε μία από αυτές τις τάσεις σχεδιασμού ιστοσελίδων φαίνεται να έχει κάποια ισχύ. Η πλήρης οθόνη, το ύφος αφίσας είναι εξαιρετικά οπτική, αν και η έλλειψη προφανής πλοήγησης θα μπορούσε να είναι ένα ζήτημα? οι μοβ παλέτες χρωμάτων αυξάνονται σε δημοτικότητα χάρη στις συσχετίσεις με άλλες τάσεις. και οι κλίσεις είναι μια από αυτές τις τάσεις που έρχονται και ξεφεύγουν συχνά. (Οι άνθρωποι φαίνεται να αγαπούν ή να τους μισούν.)
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Κάντε μου ένα σύνδεσμο Κελάδημα . Θα ήθελα πολύ να σας ακούσω.