Βασικές τάσεις σχεδίασης, Φεβρουάριος 2016
Ψάχνετε για ανανέωση ενός ιστότοπου και δεν ξέρετε από πού να ξεκινήσετε; Μερικά από τα πιο trendy στοιχεία στο σχεδιασμό ιστοσελίδων είναι τώρα διασκέδαση αισθητικά και αρκετά εύκολο στη χρήση.
Προσθέτοντας ένα μοντέρνο χαρακτηριστικό στην τρέχουσα σχεδίασή σας ή νέα κατασκευή, μπορεί να σας βοηθήσει να δημιουργήσετε ένα σύγχρονο vibe που μπορεί να σας βοηθήσει να οδηγείτε τους επισκέπτες στον ιστότοπό σας. Και τι είναι ιδιαίτερα ωραίο για αυτές τις τρεις τάσεις είναι ότι μπορείτε να τις χρησιμοποιήσετε με τα υπάρχοντα στοιχεία, τις παλέτες χρωμάτων και τυπογραφίας και την επωνυμία.
Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1. Σχήματα χρωμάτων διπλής κατεύθυνσης
Οι παλέτες χρωμάτων Duotone έχουν παραμείνει για μεγάλο χρονικό διάστημα, αλλά η πρόσφατη λήψη προσθέτει ένα εφέ χρώματος πλυσίματος σε μια κλίση διπλής κατεύθυνσης για ένα πλήρες αποτέλεσμα οθόνης, υψηλής απόδοσης. Είναι κάτι που έχει εξελιχθεί σε μεγάλο βαθμό με επίπεδη σχεδίαση, αλλά χάρη στην εκπληκτική χρήση από Spotify duotone είναι πίσω.
Τι ακριβώς είναι ο διπλός;
Είναι η χρήση δύο χρωμάτων για να σχηματίσουν μια παλέτα. Στην πιο βασική μορφή, το δίτοτον είναι ένας συμπληρωματικός συνδυασμός από τον τροχό χρώματος. Σε πιο σύνθετες χρήσεις, οι σχεδιαστές χρησιμοποιούν όλα τα είδη συνδυασμών χρωμάτων και σπάζουν τους κανόνες με ζεύγη.
Τα περισσότερα από τα εφέ duotone διαθέτουν μια έντονα έγχρωμη επικάλυψη πάνω από μια εικόνα. Το εφέ duotone υπογραμμίζει τα σκοτάδι και τα φώτα και δημιουργεί οπτική επίδραση με εντυπωσιακό χρώμα. Το Spotify το χρησιμοποιεί με μεγάλο τρόπο για να κάνει τις τυποποιημένες φωτογραφίες του καλλιτέχνη που πιθανότατα έχετε δει δεκάδες φορές φαίνονται αρκετά διαφορετικές ώστε να τραβήξετε την προσοχή.
Είναι μια τεχνική που μπορείτε να χρησιμοποιήσετε με διάφορους τρόπους. Λειτουργεί με σχεδόν οποιαδήποτε σχεδιαστική ιδέα και μπορεί να χρησιμοποιηθεί ως στοιχείο πλήρους οθόνης, όπως πολλά από τα παραπάνω παραδείγματα, για να δημιουργήσει κυρίαρχη τέχνη. Μπορεί επίσης να χρησιμοποιηθεί για να δημιουργήσει ένα ενδιαφέρον ιστορικό, για να τονίσει τα στοιχεία διεπαφής χρήστη ή για να βοηθήσει να προσθέσει έμφαση σε ένα συγκεκριμένο τμήμα του σχεδίου. Το Duotone λειτουργεί καλύτερα όταν χρησιμοποιείται για ένα ενιαίο στοιχείο σχεδίασης. Η τεχνική μπορεί να είναι υπερβολική και πρέπει να χρησιμοποιείται με μετριοπάθεια.
2. Σχεδιασμός χυτευμένης οθόνης
Οι ιστότοποι που διαθέτουν σχεδιασμό με διαίρεση οθόνης αναπτύσσονται εκθετικά. Η τεχνική σχεδιασμού διαθέτει δύο πάνελ περιεχομένου δίπλα-δίπλα. Οι περισσότερες από αυτές τις έννοιες χρησιμοποιούν συμμετρικό περίγραμμα έτσι ώστε κάθε πλευρά της οθόνης να έχει το ίδιο μέγεθος και σχήμα.
Το αποτέλεσμα είναι μια δροσερή, διπλή εμπειρία περιεχομένου σε επιτραπέζιους υπολογιστές και (όταν κωδικοποιούνται σωστά) μια μεγάλη εμπειρία προβολής σε μικρότερες συσκευές, όπου οι πίνακες καταρρέουν και στοιβάζονται στοιχεία κύλισης.
Οι ευκαιρίες σχεδιασμού με την τάση της διαίρεσης οθόνης είναι απεριόριστες - μισές και μισές χωρίσεις, χωρίσματα με κάρτες ή στοιχεία σε στυλ πλέγματος, λεπτό split και η λίστα συνεχίζεται. Κάθε πλευρά του σχεδιασμού μπορεί επίσης να οδηγήσει τους χρήστες σε διαφορετικούς τύπους περιεχομένου και να σας βοηθήσει να συλλέξετε πολύτιμες αναλυτικές πληροφορίες σχετικά με τον τύπο περιεχομένου που θέλουν να δουν και να κάνουν κλικ στους χρήστες.
Τα σχέδια διαχωριστικής οθόνης είναι φιλικά προς το χρήστη, λειτουργούν καλά σε περιβάλλοντα απόκρισης και δεν ξεπερνούν άλλες τεχνικές σχεδιασμού που ίσως θέλετε να χρησιμοποιήσετε.
Εδώ είναι μερικοί τρόποι για να χωρίσετε αποτελεσματικά την οθόνη:
- Συνδυάστε το χρώμα και την τυπογραφία όταν δεν έχετε ισχυρά γραφικά.
- Εστίαση της προσοχής του χρήστη με κίνηση από αριστερά προς τα δεξιά που έχει ως αποτέλεσμα μια ενέργεια.
- Χρησιμοποιήστε το κλείδωμα χρώματος για να διαιρέσετε την οθόνη και να δώσετε στο μήνυμά σας αρκετό χώρο, ενώ αυξάνεται η αναγνωσιμότητα.
- Σκεφτείτε μια split-screen ως υπερμεγέθεις κάρτες. Στοιχεία περιέκτη στοίβα σε μοτίβο ψηφιδωτού ή τοιχοποιίας για να παρουσιάσουν διάφορα κομμάτια περιεχομένου.
- Κρατήστε κάθε "οθόνη" απλή. Το τέχνασμα αυτής της σχεδιαστικής ιδέας είναι η διαχωρισμένη οθόνη. Ένα ελάχιστο στυλ μπορεί να βοηθήσει να προσθέσετε έμφαση στο περιεχόμενο εκεί.
3. Τυπογραφία σε κοινό χώρο
Αυτή είναι μια από αυτές τις τάσεις που πρέπει να δείτε, να καταλάβετε: η τυπογραφία επεκτείνεται σε κοινόχρηστους χώρους στο σχεδιασμό. Δείτε τις περισσότερες ιστοσελίδες και υπάρχουν εικόνες και υπόβαθρο και τύπος. Τα στοιχεία είναι είτε μαζί, όπως ο τύπος σε μια εικόνα, είτε είναι εντελώς χωρισμένα.
Περισσότεροι σχεδιαστές ξεφεύγουν από αυτή τη μορφή και δημιουργούν έργα όπου ο τύπος επεκτείνεται στους χώρους άλλων στοιχείων. Είναι ενδιαφέρον και διασκεδαστικό να κοιτάς.
Μπορεί επίσης να αποτελέσει πρόκληση για τη δημιουργία, λόγω ανησυχιών σχετικά με την αναγνωσιμότητα.
Η τεχνική λειτουργεί καλύτερα με απλή τυπογραφία, όπως μια μεσαία-εγκεφαλική sans serif. Το κείμενο πρέπει να έχει αρκετή αντίθεση ώστε να ξεχωρίζει από το φόντο και από οποιαδήποτε στοιχεία που διασχίζει ή διαπερνά. Για το λόγο αυτό, τα περισσότερα σχέδια που χρησιμοποιούν αυτήν την τεχνική χρησιμοποιούν λευκά ή μαύρα γράμματα.
Το κείμενο πρέπει επίσης να έχει κάποιο μέγεθος για να λειτουργήσει αυτό. Σχεδόν τόσο σημαντική όσο η χρωματική αντίθεση, είναι η αντίθεση στο μέγεθος και το χώρο. Πρέπει επίσης να δώσετε ιδιαίτερη προσοχή στο πώς μετακινείται το κείμενο με διαφορετικά μεγέθη οθόνης ή σημεία διακοπής, έτσι ώστε τα γράμματα να μην καλύπτουν περιοχές της εικόνας που είναι ζωτικής σημασίας για το μήνυμά σας.
Ένα από τα πιο εκπληκτικά παραδείγματα είναι από το Deux Huit Huit (θα θελήσετε να επισκεφθείτε τον ιστότοπο για το πλήρες αποτέλεσμα). Η επιστολή μετακινείται προς και από την κύρια εικόνα στην αρχική σελίδα. Οι λέξεις είναι ευανάγνωστες καθώς "πέφτουν" από την εικόνα και διασχίζουν το διάστημα μεταξύ της φωτογραφίας και του φόντου.
συμπέρασμα
Ενώ πολλές τάσεις σχεδίου έρχονται και πηγαίνουν σχεδόν τόσο γρήγορα όσο αρχίζετε να τις αναγνωρίζετε, αυτοί που κολλάνε συχνά λειτουργούν καλά με άλλες τεχνικές που έχουν δοκιμαστεί στο χρόνο. Αυτό είναι που ξεχωρίζει περισσότερο για αυτό το τρίο των σύγχρονων στυλ. Κάθε μπορεί να εργαστεί σε μια διάταξη για ένα άγγιγμα της νεωτερικότητας. Αυτές οι τεχνικές είναι αρκετά εύκολο να εφαρμοστούν (και να αφαιρεθούν αργότερα) χωρίς να καταστρέψουν ολόκληρη την αισθητική σας.
Δοκιμάστε μία από αυτές τις τεχνικές για μια οπτική ανανέωση. Σκεφτείτε να βγείτε από τη ζώνη άνεσής σας λίγο με τολμηρές επιλογές χρώματος ή μια αλλαγή μόνο στην αρχική σας σελίδα. Ή πηγαίνετε λίγο πιο τολμηρός και δοκιμάστε ένα συνδυασμό μοντέρνων τεχνικών για ένα σχέδιο που ξεχωρίζει. (Παρατηρήσατε ότι ο ιστότοπος για το Stikwood χρησιμοποιεί δύο από τις τάσεις - σχεδιασμός με διαχωριστική οθόνη και τυπογραφία σε κοινόχρηστο χώρο;)
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Ρίξτε μου ένα σύνδεσμο στο Twitter . Θα ήθελα πολύ να σας ακούσω.