Βασικές τάσεις σχεδιασμού, Μάρτιος 2017
Εδώ είναι το σημείο της έμφασης ...
Αυτό είναι το θέμα αυτό το μήνα. Αυτή η συλλογή τάσεων επικεντρώνεται στην προσθήκη έμφασης στο σχεδιασμό με συγκεκριμένες λεπτομέρειες από πλάγιους χαρακτήρες σε διαχωριστικές οθόνες σε έντονα, μινιμαλιστικά υπόβαθρα σε συνδυασμό με ένα τέχνασμα ή δύο.
Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1. Οθόνες διαχωρισμού
Ο σχεδιασμός split screen ήταν κάτι που άρχισε να κερδίζει έλξη στα μέσα του 2016 και τώρα είναι μια μεγάλη υπόθεση. Περιηγηθείτε στις συλλογές του σχεδιασμού ιστοσελίδων και περιγράψτε τη διαίρεση της οθόνης σας είναι παντού.
Αυτό που είναι ωραίο είναι πόσο γρήγορα το στυλ έχει εξελιχθεί. Τα πρόωρα σχέδια διαχωρισμού οθόνης παρουσίαζαν κυρίως συμμετρικά σχέδια με αισθητική γιν και γιάνγκ. Οι νέες διαχωριστικές οθόνες έχουν μια πιο "οτιδήποτε πηγαίνει" αισθάνεται σε τους.
Τα τρία παρακάτω παραδείγματα δείχνουν τρεις πολύ διαφορετικούς τρόπους για να χρησιμοποιήσετε την ίδια τάση.
- Rency χρησιμοποιεί ένα split design για να περιέχει βρόχο βίντεο και την κύρια πλοήγηση. Η αντίθεση μεταξύ της λευκής περιοχής και του κόκκινου είναι έντονη και αναγκάζει το μάτι σε όλη την οθόνη. Εξασφαλίζει επίσης ότι ο χρήστης θα βρει την πλοήγηση επειδή είναι το μόνο στοιχείο στο έγχρωμο τμήμα του σχεδίου.
- GECN είναι ένας σύνθετος κυβερνητικός ιστότοπος που χρησιμοποιεί μια διαχωρισμένη οθόνη για να μεταφέρει δύο διαφορετικές ιδέες με δύο συνδέσμους αμέσως στο σχεδιασμό. Ενώ η διάσπαση δεν είναι πλήρους οθόνης και περιέχει πολλά κείμενα, αυτή είναι μια καλή εναλλακτική λύση για ένα σχέδιο με πολλές κλήσεις προς δράση, βάσεις χρηστών ή περίπλοκο περιεχόμενο.
- Ντροπαλός χρησιμοποιεί μια ιδέα παρόμοια με την Rency αλλά με μια συστροφή: Το σχέδιο διαθέτει βρόχο βίντεο πλήρους οθόνης και το ήμισυ καλύπτεται από ένα έγχρωμο κουτί. Όλα τα στοιχεία με δυνατότητα κλικ είναι μέσα στην έγχρωμη περιοχή και το μενού πλοήγησης είναι κρυμμένο στην επάνω δεξιά γωνία του βίντεο.
Αυτό που έχει το καθένα από τα παραδείγματα είναι ότι ο σχεδιασμός διαίρεσης οθόνης προσθέτει έμφαση στο περιεχόμενο. Βοηθάει τους χρήστες να χρησιμοποιούν συγκεκριμένα στοιχεία στο σχεδιασμό με τη χρήση του χρώματος και με την πραγματική ή αντιληπτή κίνηση, χάρη στις αντιπαραβαλλόμενες "οθόνες".
Το καλύτερο μέρος των νεότερων σχεδίων διάσπασης οθόνης είναι ότι υπάρχει μια ασύμμετρη ροή σε αυτά. Οι σχεδιαστές δεν έχουν κολλήσει σε μορφή yin και yang και το αποτέλεσμα είναι πολύ πιο ενδιαφέροντα οπτικά πρότυπα.
2. Γραφήματα
Ένα από τα λιγότερο χρησιμοποιημένα στυλ χαρακτήρων είναι να παίρνετε περισσότερο παιχνίδι ως επιλογή εμφάνισης.
Οι πλάγιες σημειώσεις μπαίνουν στις τυπογραφικές παλέτες των σχεδιαστών και όχι μόνο για το περιστασιακό σημείο έμφασης. Τα περισσότερα πλάγια χρησιμοποιούνται για γραμματοσειρές οθόνης, δευτερεύοντα στοιχεία όπως συνδέσμους ή στοιχεία μενού ή για ευρύτερη έμφαση.
Τα πλάγια γράμματα είναι μια φρέσκια απόκτηση των χαρακτηριστικών τύπων στυλ. Επειδή δεν χρησιμοποιούνται τόσο ευρέως, αυτή η τάση είναι αυτή που σίγουρα θα προσελκύσει την προσοχή των επισκεπτών, ακόμη και αν δεν είναι σίγουροι τι γίνεται με το γράμμα που πήρε την προσοχή τους στην πρώτη θέση.
Οι πλάγιες σημειώσεις είναι μια λεπτή αλλαγή που δεν απαιτεί ακόμη και μια νέα παλέτα τυπογραφίας. Έρχονται με κάποιες προειδοποιήσεις και προτάσεις για βέλτιστες πρακτικές.
- Για να αξιοποιήσετε στο έπακρο τα πλάγια γράμματα, χρησιμοποιήστε τα μερικώς για μικρά μπλοκ κειμένου.
- Χρησιμοποιήστε ένα πολύ ευανάγνωστο γραμματοσειρά εάν σχεδιάζετε να κάνετε πλάγια γραφή. οι επιλογές καινοτομίας μπορούν να γίνουν πολύπλοκες.
- Χρησιμοποιήστε την πλάγια γραφή και μην προσπαθήσετε να δημιουργήσετε τη δική σας εκδοχή με κλίση γράμματα. (Αυτό μπορεί να πάρει βρώμικο σε μια βιασύνη.)
- Χρησιμοποιήστε την πλάγια γραφή για να αναπαριστάτε συνήθως τα στοιχεία που είναι γραμμένα με πλάγια στοιχεία, όπως ο τίτλος του αντικειμένου, ως προβολές σε πολλά από τα παρακάτω παραδείγματα.
- Συνδυάστε το πλάγιο με απλό εφέ, όπως ένα κινούμενο σχέδιο ή ένα χρώμα, για ακόμα μεγαλύτερη έμφαση.
- Επειδή το πλάγιο κείμενο μπορεί να είναι λίγο πιο δύσκολο να διαβάσει, βεβαιωθείτε ότι υπάρχει μεγάλη αντίθεση μεταξύ του τύπου και του φόντου.
- Συνδυάστε τις επιλογές με πλάγια γραφή με απλή γραμματοσειρά serif ή sansif, για να μην μειώσετε το πλάτος.
3. Στερεά υπόβαθρα με ένα "τέχνασμα"
Ένας από τους ευκολότερους τρόπους για να δημιουργηθεί οπτική έμφαση είναι με τα στοιχεία που αντιβαίνουν. Ενώ ένα συμπαγές χρώμα φόντου μπορεί να φαίνεται απλό ή επίπεδο, μπορεί να είναι ο τέλειος καμβάς για ένα τέχνασμα σχεδιασμού, όπως κινούμενα σχέδια, απεικόνιση ή ήχο.
Η αντίθεση μεταξύ της αδράνειας του φόντου και του τέχνασμα, βοηθά να ζωντανέψει το στοιχείο διεπαφής χρήστη. Από τις απλές πλατείες που αναπηδούν στο Σχεδιασμός 3Κ στο διασκεδαστικό cartoon από Επαναλάβετε την υγεία στην παράλληλη κύλιση του parallax Φλόριαν Μονρφίνι .
Κάθε ένα από τα αποτελέσματα ξεχωρίζει λόγω της απλότητας του φόντου. Επιπλέον, αυτά τα υπόβαθρα δεν εμποδίζουν ούτε το σχεδιασμό. Κάθε ένα είναι λευκό ή παστέλ και ξεθωριάζει από τα προσκήνια, έτσι ώστε οι χρήστες να επικεντρωθούν στην ανταλλαγή μηνυμάτων του κύριου περιεχομένου. (Τα μαύρα ή απλά σκούρα φόντα μπορούν να λειτουργήσουν εξίσου καλά.)
Αυτός είναι ο λόγος για τον οποίο λειτουργεί: Οι χρήστες δεν έχουν παγιδευτεί στον καμβά και ο σχεδιασμός σχεδόν σκάει από την οθόνη. Είναι σχεδόν σαν την τέχνη σε έναν τοίχο. Αν ο τοίχος είναι ζωγραφισμένος με άγρια χρώματα και μοτίβα, μπορεί να είναι δύσκολο να δείτε την πλαισιωμένη εικόνα που βρίσκεστε εκεί, αλλά ένα έργο τέχνης σε ένα λευκό τοίχο είναι ένα εκθετήριο.
Αυτή η τάση σχεδιασμού δημιουργεί ένα showpiece για το τέχνασμα που επιθυμείτε να ενσωματώσετε σε ένα έργο. Μπορεί να είναι σχεδόν οτιδήποτε. Και θα είναι το επίκεντρο του σχεδιασμού με έναν απλό καμβά για να το εμφανίσετε.
Μια προσοχή κατά το σχεδιασμό μιας επιλογής χρωμάτων για ένα απλό υπόβαθρο: Για την μεγαλύτερη πρόσκρουση κολλήστε σε ένα λευκό, μαύρο ή ουδέτερο χρώμα. Τα τολμηρά, φωτεινά χρώματα είναι σχεδόν ένα σχέδιο τέχνασμα από μόνα τους και μπορεί να μειώσουν το στόχο σας.
συμπέρασμα
Κάθε σχεδιασμός πρέπει να δώσει έμφαση σε κάτι. Γι 'αυτό η ομάδα των τάσεων είναι τόσο αναζωογονητική. Ο καθένας υπογραμμίζει κάτι σημαντικό για τους χρήστες με έναν εύκολο τρόπο κατανόησης του τρόπου με τον οποίο δίδεται έμφαση. Οι χρήστες γνωρίζουν με ακρίβεια ποιο είναι το πλάγιό τους και μπορούν να δουν διακύμανση σε διαχωρισμένες οθόνες ή υπόβαθρα που αντίκεινται στα στοιχεία διεπαφής χρήστη.
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Ρίξτε μου ένα σύνδεσμο στο Twitter . Θα ήθελα πολύ να σας ακούσω.