Βασικές τάσεις σχεδιασμού, Ιούνιος 2016
Οι σχεδιαστές αλλάζουν τους κανόνες για το σχεδιασμό ιστοσελίδων, χάρη στη δημιουργική επίλυση προβλημάτων. Ο ήχος αυτόματης αναπαραγωγής, η ανάμειξη πραγματικών και εικονογραφημένων εικόνων και ακόμη και λογοτύπων επίστρωσης πάνω από τις φωτογραφίες είναι μερικές από τις πιο καυτές τεχνικές σχεδιασμού αυτή τη στιγμή και οι τρεις έννοιες θεωρήθηκαν ταμπού όχι πολύ καιρό πριν.
Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1. Ήχος αυτόματης αναπαραγωγής
Όχι πολύ καιρό πριν, ο κανόνας δεν ήταν να συμπεριληφθεί ο ήχος στον ιστότοπό σας εκτός αν ήταν προαιρετικός. Και σίγουρα δεν θα πάτε τη διαδρομή αυτόματου παιχνιδιού.
Αυτά τα τραπέζια έχουν γυρίσει! Αυτό που αποτελούσε εύρος ζώνης, το ενοχλητικό χαρακτηριστικό του σχεδιασμού καθίσταται αρκετά συνηθισμένο.
Ο ήχος χρησιμοποιείται ιδιαίτερα για μερικούς διαφορετικούς τύπους ιστότοπων - για περιεχόμενο που σχετίζεται με τα μέσα ενημέρωσης όπως μουσική, ταινίες ή ειδήσεις και για σχέδια τύπου παιχνιδιού ή ιστορίας. Το τέχνασμα για τη χρήση του ήχου είναι ότι πρέπει να περιλαμβάνει ένα διακόπτη on / off για χρήστες που εξακολουθούν να θέλουν να αλληλεπιδρούν με έναν ιστότοπο σε σιωπή.
Ο ήχος είναι ότι δεν πρέπει να προκαλεί σοκ στους χρήστες. Πολλές τοποθεσίες, όπως Αυτό ήταν το τηλέφωνο της Λουίζας , που χρησιμοποιούν ήχο αυτόματης αναπαραγωγής χρησιμοποιούν ένα buffer για να δείξουν ότι το περιεχόμενο του ήχου φορτώνεται. Συνδυάστε αυτή τη δράση φόρτωσης με ένα διακόπτη εναλλαγής και οι χρήστες μπορούν να καθορίσουν εάν ο ήχος είναι για αυτούς ή όχι πριν γίνει η πρώτη θόρυβος.
Ένα άλλο τέχνασμα όταν πρόκειται για τη χρήση ήχου είναι να αρχίσετε απαλά. Δεν θέλετε οι χρήστες να ξεφεύγουν από τις καρέκλες τους επειδή το σχέδιό σας ανοίγει με ρήξη βαρέων μετάλλων. Όλος ο ήχος στο crescendo από σχεδόν ψίθυρο σε πλήρη όγκο τα πρώτα δευτερόλεπτα.
Τέλος, είναι σημαντικό ο ήχος (ιδιαίτερα όταν παίζει αυτόματα) είναι ένα ζωτικό μέρος του περιεχομένου που συμβάλλει στη συνολική εμπειρία του χρήστη. Μην χρησιμοποιείτε ήχο μόνο επειδή θέλετε να δοκιμάσετε κάτι νέο. χρησιμοποιήστε το με σκοπό. Έχετε επίσης κατά νου αυτό - ακόμη και με ήχο ως μέρος του σχεδιασμού, πολλοί χρήστες θα έχουν πρόσβαση στο περιεχόμενο χωρίς αυτό. Σχεδιάστε με σύνεση.
2. Ανάμιξη φωτογραφιών και απεικόνισης
Μπορεί να είναι μια σκληρή τεχνική για να τραβήξει μακριά, αλλά η γραμμή μεταξύ φωτογραφίας και απεικόνισης έχει διασχίσει. Η ανάμειξη πραγματικών και χεριών που έχουν σχεδιαστεί με το χέρι, μπορεί να προσθέσει έναν αέρα βουίζει σε ένα έργο που είναι τόσο διασκεδαστικό όσο και οπτικά ενδιαφέρον.
Κάντε το χωρίς να είναι τυρόβιο να έχει μόνιμο αντίκτυπο στους χρήστες. Ακολουθούν μερικές προτάσεις:
- Χρησιμοποιήστε εικόνες για εικονίδια και κουμπιά και φωτογραφική μηχανή για κυρίαρχη οπτική επίδραση
- Δημιουργήστε ένα οπτικό μοτίβο που χρησιμοποιεί κυρίως εικονογράφηση, αλλά προσθέστε σε σύντομες περιοχές βίντεο ή εικόνας για έμφαση
- Προσθέστε κινούμενα εικονογραφημένα στοιχεία για μια αφή κάτι διαφορετικό κοντά στις φωτογραφίες
- Δημιουργήστε ένα σήμα ή λογότυπο που απεικονίζεται για χρήση με φωτογραφίες μάρκας ή με συσκευασίες που θα εμφανίζονται σε εικόνες μάρκας
- Χρησιμοποιήστε την εικονογράφηση για να βοηθήσετε τους χρήστες μέσω άλλων οπτικών και να μιλήσετε σε μια ιστορία
Κατασκευάστηκε ο Τέιλορ είναι ένα εξαιρετικό παράδειγμα αυτής της προσέγγισης της φωτογραφίας και της απεικόνισης. Μια εταιρεία χρηματοοικονομικού σχεδιασμού δεν είναι ένας τόπος όπου θα περίμενε κανείς να βρει αυτή την τεχνική σε δράση, αλλά είναι αποτελεσματική. Οι κινούμενες εικονογραφήσεις στο φόντο των φωτογραφιών των ανθρώπων προσθέτουν ενδιαφέρον για το τι θα μπορούσε διαφορετικά να είναι μια βαρετή headshot. Τα κινούμενα στατιστικά στοιχεία του hover προσελκύουν την προσοχή του χρήστη και ενθαρρύνουν την κύλιση. Ακόμη περισσότερες εικονογραφήσεις χρησιμοποιούνται στην εικονογραφία των χώρων για να ενθαρρύνουν τα κλικ και να προσθέσουν οπτική γοητεία σε βαρύ τμήμα του σχεδίου.
3. Έντυπα πάνω από εικόνες ήρωας
Τα εμβλήματα είναι παντού που γυρίζετε τώρα. Από το σχεδιασμό των λογοτύπων μέχρι τα vintage στυλ ρετρό τυπογραφίας που θα μπορούσαν να ονομαστούν hipster αγαπημένα, αυτά τα απλά στοιχεία έχουν γίνει ένα βασικό κομμάτι του ελάχιστου στυλ σχεδιασμού. Είναι επίσης μια κοινή επιλογή για σχέδια που μπορεί να στερούνται τη φωτογραφία.
Αυτό μετατοπίζεται αν και περισσότεροι σχεδιαστές χρησιμοποιούν κονκάρδες με αστρική φωτογραφία σε εικόνες ήρωας. Η τάση παραδειγματίζεται από μια εικόνα ενός ήρωα (τυπικά δεν είναι ολισθητήρας) με λευκό ή ημιδιαφανές σήμα στην κορυφή. Τα εμβλήματα συχνά επικεντρώνονται οριζόντια και κάθετα, παρόλο που οι τοποθετήσεις μπορεί να διαφέρουν.
Είναι μια εντυπωσιακή φωτογραφία με λογότυπο (ή κείμενο) αντίθεση. Αυτό που κάνει αυτή την εργασία είναι ότι η μεγάλη εικόνα προσελκύει τους χρήστες μέσα. Το σήμα χρησιμεύει ως σημείο εστίασης για αυτό που είναι συχνά μια κάπως αδύναμη ή χαλαρή εικόνα. (Αυτό δεν σημαίνει ότι οι εικόνες που χρησιμοποιούνται σε αυτό το είδος στυλ είναι κακές, αλλά επωφελούνται από τη βοήθεια ενός σήματος.)
Αυτή η τάση είναι μια εξέλιξη του κάτι που έχουμε δει για λίγο με κεφαλίδες εικόνας ήρωα. Μεγάλες, τολμηρές επιλογές τυπογραφίας ήταν η τρέλα πέρυσι. Αυτή είναι μια φυσική μετατόπιση λόγω της δημοτικότητας των στυλ διακριτικών και της ομοιότητας μεταξύ του τρόπου υπερμεγέθης τύπου και κονκάρδων που χρησιμοποιούνται.
- Και οι δύο τείνουν να είναι λευκές ή ελαφριές
- Και οι δύο τείνουν να χτυπήσουν σπίτι ένα μήνυμα σε χρήστες
- Και οι δύο εργάζονται σε σχέδια που δεν έχουν πολλά ανταγωνιστικά οπτικά
- Και οι δύο είναι τολμηροί και τολμηροί, επειδή προσφέρουν στους χρήστες μόνο ένα πραγματικό σημείο εισόδου
- Και οι δύο λειτουργούν εξαιρετικά καλά με την αποθήκη φωτογραφιών
- Και τα δύο στυλ προσφέρουν μια τολμηρή οπτική λύση όταν δεν έχετε πολλές επιλογές φωτογραφιών
- Και τα δύο στυλ προσφέρονται για την προσθήκη μιας αφής κινούμενης εικόνας σε άλλα μέρη (όπως η κατάσταση του hover) για να δελεάσουν τους χρήστες επειδή δεν υπάρχουν πολλά άλλα κινούμενα στοιχεία, όπως το βίντεο ή ένα ρυθμιστικό εικόνας
Αυτό που είναι ωραίο για ένα μεγάλο σήμα είναι ότι μπορεί να εξυπηρετήσει το διπλό καθήκον ως σημάδι μάρκας σας επίσης. (Αυτή είναι μια εξαιρετική επιλογή για τις μικρές επιχειρήσεις ή τις τοποθεσίες χαρτοφυλακίου.) Δημιουργήστε ένα σήμα με την ιδέα ότι θα είναι το logomark σας. Σχεδιάστε το χρώμα και τις λευκές εκδοχές για να αναμίξετε και να ταιριάξετε ανάλογα με τη χρήση. Αυτή η προστιθέμενη λειτουργικότητα είναι ένας άλλος λόγος για τον οποίο τα εμβλήματα είναι τόσο δημοφιλή αυτή τη στιγμή.
συμπέρασμα
Είστε αρκετά γενναίοι για να προσθέσετε μουσική αυτόματης αναπαραγωγής στον σχεδιασμό της ιστοσελίδας σας ή να συνδυάσετε πραγματικές και εικονογραφημένες εικόνες; Και οι δύο τάσεις έρχονται με ένα στοιχείο κινδύνου και ευκαιρίας για πληρωμή. Εάν δεν είστε έτοιμοι για αυτές τις τάσεις, η ενσωμάτωση ενός σήματος πάνω σε μια εικόνα ήρωας είναι κάτι που μπορεί να λειτουργήσει για σχεδόν οποιοδήποτε τύπο σχεδίου. Μπορείτε επίσης να κάνετε αυτήν την προσαρμογή εν κινήσει και να την χρησιμοποιήσετε όπως είναι απαραίτητο.
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Ρίξτε μου ένα σύνδεσμο στο Twitter . Θα ήθελα πολύ να σας ακούσω.