Βασικές τάσεις σχεδιασμού, Ιούλιος 2016
Υπάρχει μεγάλη αλληλεπικάλυψη στα μεγαλύτερα θέματα σχεδιασμού του Ιουλίου. Σε πολλά από τα παρακάτω παραδείγματα, θα δείτε ότι σε πολλά από τα παραδείγματα χρησιμοποιούνται πολλές τάσεις. Αυτό συμβαίνει επειδή πολλές από τις τάσεις είναι απλές τεχνικές που μπορούν να προστεθούν σε σχεδόν οποιοδήποτε τύπο σχεδίου.
Αυτή είναι μια βιτρίνα μικρο-τάσεων. Αυτό που είναι ιδιαίτερα ωραίο σε αυτές τις τάσεις μικρής κλίμακας είναι ότι μπορείτε να τις χρησιμοποιήσετε (ή να τις αφαιρέσετε) χωρίς να χρειάζεται να κάνετε έναν ανασχεδιασμό πλήρους κλίμακας. Μπορούν να χρησιμεύσουν ως λίγες τσιμπήματα για να σας βοηθήσουν να φρεσκάρετε μια σελίδα για ένα μικρό χρονικό διάστημα με ένα στοιχείο στην τάση.
Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1. Επικάλυψη χρωμάτων σε εικόνες
Οι επικαλύψεις χρώματος είναι ένας οπτικώς ενδιαφέρονς τρόπος να τραβήξετε το μάτι όταν η τέχνη είναι λιγότερο από αστρική. Μπορεί να είναι ένας καλός τρόπος για να προσθέσετε χρώμα και ίντριγκα σε μια απλή φωτογραφία, εικόνες αποθεμάτων ή να προσθέσετε χρώμα όταν η εικόνα λείπει από κάποια σπίθα.
Η χρήση επικαλύψεων χρώματος ποικίλλει σημαντικά. Ενώ τα φωτεινά χρώματα είναι μια από τις πιο δημοφιλείς επιλογές, μια σιωπηρή ή σέπια επικάλυψη μπορεί να αλλάξει τη διάθεση ενός έργου ή να προσθέσει μόνο τη σωστή αίσθηση vintage, όπως με την Lyrix ιστοσελίδα, παρακάτω.
Όταν πρόκειται για επικάλυψη χρώματος, τα στερεά χρώματα είναι συνήθως η πιο δημοφιλής επιλογή. Τα φωτεινά χρώματα είναι κοινά και πολλές από τις ίδιες αποχρώσεις που είναι δημοφιλείς με άλλες τάσεις σχεδίασης όπως το επίπεδο και το υλικό σχεδιασμό χρησιμοποιούνται συνήθως. (Εδώ είναι ότι η στρωματοποίηση των τάσεων που αναφέρονται στην εισαγωγή.)
Τέλος, όταν σκεφτόμαστε μια επικάλυψη χρωμάτων, σκεφτείτε ένα βαθμιδωτό, δίτονο ή πολύχρωμο εφέ. Αυτή η τεχνική μπορεί να λειτουργήσει ιδιαίτερα καλά με μια εικόνα που είναι εύκολα αναγνωρίσιμη ή με εικόνες που είναι επίπεδες από μόνη της, όπως η φωτογραφία για NYC Pride , παρακάτω. Ο λόγος που σχεδιάσατε στο σχεδιασμό της ιστοσελίδας είναι η φωτεινή επικάλυψη χρώματος, όχι η ίδια η εικόνα.
(Σημειώστε με την ιστοσελίδα του NYC Pride, ειδικότερα, ότι μια άλλη τάση κάνει μια επιστροφή - την κλίση. Περισσότεροι βαθμοί αρχίζουν να εμφανίζονται σε σχέδια σχεδιασμού και θα εξετάσουμε αυτή την τάση με περισσότερες λεπτομέρειες τον επόμενο μήνα.)
2. Μικρά λογότυπα γωνιών
Για ένα διάστημα οι λογότυποι ήταν ένα από τα πιο κυρίαρχα στοιχεία σε ένα σχέδιο ιστοσελίδας. Οι σχεδιαστές χρησιμοποιούν υπερμεγέθη έκδοση των εμπορικών σημάτων και λογοτύπων για να δημιουργήσουν ενδιαφέρουσα αισθητική.
Τώρα παίρνουν την αντίθετη προσέγγιση.
Τα λογότυπα χρησιμοποιούνται λιγότερο από ποτέ. Αλλά αυτό δεν είναι το μόνο συνηθισμένο όταν πρόκειται για τον τρόπο που χρησιμοποιούνται μικρά λογότυπα. Εμφανίζονται επίσης στην ίδια θέση σε όλα σχεδόν τα παραδείγματα αυτής της τάσης - την πάνω αριστερή γωνία.
Η τοποθέτηση δεν είναι εκπληκτική. Το πάνω αριστερό μέρος είναι μια κοινή θέση τοποθέτησης λογοτύπου στο σχεδιασμό της ιστοσελίδας και εδώ και αρκετό καιρό οφείλεται η ιδέα ότι οι χρήστες θα διαβάσουν τον ιστότοπο από πάνω αριστερά προς τα δεξιά σε ένα μοτίβο σχήματος F.
Αυτό που προκαλεί έκπληξη είναι πόσο μικρό είναι τα λογότυπα στην πραγματικότητα σε σχέση με το υπόλοιπο σχέδιο. Σε ορισμένες περιπτώσεις, αυτά τα λογότυπα έχουν σχεδιαστεί ώστε να ταιριάζουν συμμετρικά με το εικονίδιο μενού χάμπουργκερ. Έτσι είναι εξαιρετικά μικρές.
ο Γενναίοι άνθρωποι το λογότυπο, για παράδειγμα παρακάτω, είναι μόνο ελαφρώς μεγαλύτερο από το εικονίδιο του μενού και έχει σχεδιαστεί για να μοιάζει σχεδόν σαν ένα εικονίδιο από μόνο του, με λευκό κείμενο καινοτομίας μέσα σε ένα μαύρο πλαίσιο. Αυτό που είναι ωραίο για αυτή την τεχνική είναι ότι δίνει τις υπόλοιπες εικόνες και το κείμενο στον καμβά άφθονο χώρο για να παρουσιαστεί. Οι γενναίοι άνθρωποι χρησιμοποιούν άφθονα αποσπάσματα βίντεο και κινούμενα πλαίσια πληροφοριών για να προσελκύσουν χρήστες μέσω του σχεδιασμού της ιστοσελίδας. Έχοντας ένα μικρό λογότυπο βοηθά τα μάτια να παραμείνουν στο σωστό μέρος και να μετακινούνται μέσα από το περιεχόμενο με ευκολία.
Coats χρησιμοποιεί μια παρόμοια έννοια, εξισορροπώντας το μικρό λογότυπο στο πλάι της οθόνης και το εικονίδιο μενού στην άλλη. Ο σχεδιασμός φέρνει περαιτέρω την έννοια του λογότυπου στην εικονογραφία σε ολόκληρο τον ιστότοπο, οπότε ο χρήστης έχει πάντα μια οπτική υπενθύμιση του ιστοχώρου στον οποίο βρίσκεται.
3. Να κάνετε εμφάνιση εικόνων ή βίντεο
"Κάνατε να δούμε!"
Αυτό είναι που πολλοί από τις εικόνες και τα βίντεο του ήρωα στις ιστοσελίδες φωνάζουν καθώς προσγειώνεστε πάνω τους. Εικόνες που είναι περίεργες, ασυνήθιστες ή απλά απαιτούν λίγη σκέψη, γίνονται ένας δημοφιλής τρόπος για να προσελκύσετε χρήστες και να τους κρατήσετε στην ιστοσελίδα για μεγαλύτερο χρονικό διάστημα.
Θέλετε να καταλάβετε τι συμβαίνει στην εικόνα ή αν πρόκειται για σκύλο ή λύκο ( Instynct , κατωτέρω), τι σημαίνει ένα στοιχείο εκτός του χώρου ( Bullhorn , παρακάτω) ή τι πρόκειται να συμβεί στη συνέχεια όπως στην ζωγραφική για βίντεο Νουμεμ Μίλερ (παρακάτω).
Έτσι, τι κάνει μια εικόνα make-you-look; Πρέπει να είναι διαφορετική και ενδιαφέρουσα. Πρέπει να είναι υψηλής ποιότητας και να περιέχει μια οπτική που δεν βλέπετε κάθε μέρα. Το οπτικό θα πρέπει να σας κάνει να αναρωτιέστε για κάτι, να κάνετε μια ερώτηση ή να επιθυμήσετε να μάθετε περισσότερα.
Η εικόνα ή το βίντεο θα τραβήξει την προσοχή σας και θα κρατήσει λίγο περισσότερο από μια φωτογραφία ενός cheeseburger στην ιστοσελίδα του McDonald's. Είναι αυτό το στοιχείο έκπληξης ή ιδιοτροπίας ή το θαύμα που το κάνει κάτι που οι χρήστες μπορούν να γυρίσουν μακριά. Όταν επιστρέψετε σε αυτό, ή παρακολουθήσετε ολόκληρο ένα βίντεο βρόχο ή απλά δεν μπορείτε να πάρετε την εικόνα από το κεφάλι σας, τότε ξέρετε ότι θα κάνει τους άλλους να δούμε τόσο καλά. (Πηγαίνετε μεγάλοι και τολμηροί, ή πηγαίνετε στο σπίτι!)
συμπέρασμα
Είναι διασκεδαστικό να βλέπετε τη σύγκλιση πολλαπλών τάσεων, όπως εξηγούν πολλές από αυτές τις ιστοσελίδες. Τα μικροσκοπικά λογότυπα μπορεί να είναι ένα από τα στοιχεία που κυριαρχούν τώρα. Είναι ένα από εκείνα τα πράγματα που ίσως να μην παρατηρήσετε μέχρι να αρχίσετε να το ψάχνετε, και τότε παρατηρείτε ότι αυτή η έννοια χρησιμοποιείται παντού.
Επιπλέον, δίνει στον σχεδιασμό κάποιο περιθώριο για άλλα στοιχεία, απομακρύνοντας το λογότυπο, γι 'αυτό και τα έργα σε συνδυασμό με άλλες τάσεις είναι πολύ καλά.
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Ρίξτε μου ένα σύνδεσμο στο Twitter. Θα ήθελα πολύ να σας ακούσω.