3 Βασικές Τάσεις Σχεδιασμού, Ιούλιος 2017
Αυτό το μήνα επικεντρώνεται στα στοιχεία σχεδιασμού. Πολλές πρόσφατες τάσεις έχουν συμπεριλάβει μοτίβα χρηστών, χρώμα ή τυπογραφία, αλλά εδώ πρόκειται για λεπτή τεχνική. Οι βασικές τάσεις που πρέπει να ληφθούν υπόψη περιλαμβάνουν την καθοδική πλοήγηση, τα κιβώτια ως στοιχείο σχεδιασμού και πολλές κατακόρυφες γραμμές και κίνηση.
Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1. Πλοήγηση κάτω
Οι σχεδιαστές φαίνεται να βρίσκονται σε αρκετά πειραματική φάση όταν πρόκειται για πλοήγηση αυτές τις μέρες. Από τις κάθετες, πλευρικές επιλογές πλοήγησης σε στυλ pop-out στα στυλ κάτω, τα στοιχεία του μενού είναι εντελώς γενικά.
Ενώ η ναυσιπλοΐα downpage αποτελούσε ξεχωριστό όχι-όχι, μπορεί να αναπτυχθεί σε σας. Και καθώς περισσότεροι σχεδιαστές επιλέγουν αυτό το μοντέλο χρήστη, θα γίνουν πιο γενικά αποδεκτοί. Εδώ είναι μια λέξη της προσοχής: Εάν επιλέγετε πλοήγηση downpage, παρακολουθήστε προσεκτικά τις αναλύσεις ιστοτόπων για να διασφαλίσετε ότι οι επισκέπτες σας κατανοούν το πρότυπο και συνεχίζουν να κάνουν κλικ. Αυτή η τεχνική μπορεί να μην λειτουργεί για όλα τα ακροατήρια.
Λοιπόν, πώς το κάνετε να λειτουργήσει;
- Οι καλύτεροι στυλ πλοήγησης σε χαμηλές τιμές εφαρμόζονται σε απλά σχέδια. Μια αρχική σελίδα χωρίς κύλιση και μόνο μια χούφτα σελίδων είναι καλύτερη.
- Τα στοιχεία πλοήγησης κάτω πρέπει να είναι στην μεγάλη πλευρά, έτσι ώστε οι χρήστες να μην τα παραβλέπουν.
- Σημαντικά στοιχεία είναι απαραίτητα εάν η σελίδα έχει μεγαλύτερο μήκος κύλισης.
- Εξετάστε την πλοήγηση downpage στην αρχική σελίδα για μια νέα εναλλακτική λύση, αλλά επιστρέψτε σε ένα πιο παραδοσιακό μοτίβο στις εσωτερικές σελίδες.
- Χρησιμοποιήστε το με ένα ελάχιστο πλαίσιο. Η πλοήγηση προς τα κάτω μπορεί να χαθεί εύκολα σε ένα σχέδιο που είναι πολύπλοκο ή έχει πολλά στοιχεία που ανταγωνίζονται για την προσοχή του χρήστη.
- Συμπεριλάβετε ένα πρόσθετο στοιχείο σχεδιασμού για να ωθήσετε τους χρήστες προς την πλοήγηση. Αυτό θα μπορούσε να περιλαμβάνει οτιδήποτε, από μια τολμηρή επιλογή χρώματος σε μια οπτική κατεύθυνση που βοηθάει την καθοδήγηση του ματιού προς την πλοήγηση σε μια μη παραδοσιακή θέση.
2. Κουτιά ως στοιχεία σχεδίασης
Αυτό μπορεί να είναι μια από τις πιο εντυπωσιακές και ευπροσάρμοστες τάσεις των στοιχείων του 2017, για καθαρά αισθητικούς σκοπούς.
Τα κουτιά είναι ένα μεγάλο δοχείο - όπως έχουμε δει από την τάση των καρτών - αλλά οι σχεδιαστές δουλεύουν με κουτιά για να επισημάνουν το περιεχόμενο, να αναδείξουν εικόνες και να τραβήξουν το βλέμμα σε ένα συγκεκριμένο τμήμα του καμβά. Και λειτουργεί όμορφα.
Το ωραίο πράγμα για αυτή την τάση είναι ότι είναι τόσο ευέλικτο. Δεν χρειάζεται να ξανασκεφτείτε ένα ολόκληρο σχέδιο για να χρησιμοποιήσετε στοιχεία σε πλαίσια. Μπορούν να χρησιμεύσουν ως καθαρά γραφικά ή να συνδεθούν με άλλο περιεχόμενο. Ένα κουτί μπορεί να περιέχει σχεδόν οτιδήποτε, από μια μεγάλη εικόνα σε μια πρόσκληση για δράση.
Ορισμένες συμβουλές για να αξιοποιήσετε στο έπακρο ένα στοιχείο σχεδιασμού σε κουτί περιλαμβάνουν:
- Χρησιμοποιήστε ένα πλαίσιο για να δημιουργήσετε βάθος ή εστίαση, όπως Cedrick Lachot , παρακάτω. Η φωτογραφία σε μαύρο φόντο είναι απλή και το λευκό κείμενο στην κορυφή δίνει έμφαση στο ορθογώνιο σχήμα και σε άλλα κουτιά με δυνατότητα κλικ στην αρχική σελίδα και σε όλο το σχέδιο.
- Χρησιμοποιήστε ένα πλαίσιο για τα στοιχεία στρώματος. Feudi Di San Gregorio , παρακάτω, χρησιμοποιεί ένα κουτί για να τραβήξει το βλέμμα σε ένα πολύ συγκεκριμένο μέρος του περιεχομένου με μια τεχνική στρωμάτων που την κάνει να αισθάνεται σαν μέρος της εικόνας. Κοιτάξτε προσεκτικά τα χέρια σε σχέση με το κουτί. Αυτή η ίδια ιδέα χρησιμοποιείται για πολλές εικόνες στον οριζόντιο κύλινδρο και προσθέτει ένα επιπλέον στρώμα όμορφης πολυπλοκότητας στο απλό σχέδιο.
- Χρησιμοποιήστε ένα πλαίσιο για να δημιουργήσετε ροή. Beoplay , παρακάτω, χρησιμοποιεί στοίβα κουτιά με εικόνες για να δημιουργήσει μια διαδρομή μέσα από το σχέδιο. Κάθε κιβώτιο κινείται από έναν αριθμό μικρότερων πλαισίων για να εμπλέξει τον χρήστη και να ενθαρρύνει την κύλιση.
- Χρησιμοποιήστε ένα πλαίσιο για να δημιουργήσετε ένα ενεργό στοιχείο, όπως μια αναδυόμενη κλήση για δράση, πάνω από το σχέδιο.
- Χρησιμοποιήστε πλαίσια για να δημιουργήσετε ένα σχέδιο με κάρτες στο στυλ σχεδίασης υλικού. Παρόλο που η τάση αυτή υπήρξε για λίγο, εξακολουθεί να είναι μια δημοφιλής επιλογή, ιδιαίτερα για τα κινητά σχέδια.
3. Κάθετες γραμμές
Δεν σκέφτεστε πάντα για τον ιστό ως έναν κατακόρυφο χώρο, αλλά περισσότεροι σχεδιαστές ενσωματώνουν πολύ κατακόρυφα στοιχεία σε σχέδια.
Από τις λεπτές γραμμές για να δημιουργήσετε ροή στις φωτογραφίες με ξεχωριστά στοιχεία προς τα πάνω και προς τα κάτω, τα κάθετα στοιχεία μπορούν να βοηθήσουν τους χρήστες να κατευθύνονται μέσω ενός σχεδίου, να ενθαρρύνουν την κύλιση και ακόμη και να εστιάσουν την προσοχή σε ορισμένα στοιχεία. Ως πρόσθετο πλεονέκτημα, τα κάθετα στοιχεία είναι απλά οπτικά ενδιαφέροντα επειδή δεν είναι τόσο κοινά όσο τα οριζόντια, τετράγωνα ή κυκλικά στοιχεία.
Κάποια από την επιθυμία να σκέφτεστε πιο κάθετα μπορεί να ξεκινήσει στα χέρια σας. Ενώ οι περισσότεροι ιστότοποι για επιτραπέζιους υπολογιστές ζουν σε τυπικό χώρο 16: 9, η πρόσβαση σε ιστότοπους σε τηλέφωνα και tablet είναι συχνά ενεργοποιημένη από την πλευρά με έναν πιο κάθετο προσανατολισμό. (Στην περίπτωση πολλών κινητών τηλεφώνων, αυτός ο προσανατολισμός είναι ξεκάθαρα κατακόρυφος.)
Αυτό καθιστά τους κάθετους τόνους και τα πρότυπα των χρηστών πιο κοινά και πιο αποδεκτά για τους επισκέπτες της ιστοσελίδας. Δεν θα μπλοκάρουν στο σχέδιο ή θα αναρωτιούνται πώς να αλληλεπιδρούν με αυτό. Ο κάθετος προσανατολισμός είναι αρκετά συνηθισμένος.
Υπάρχουν πολλοί τρόποι να ενσωματωθεί ένα κάθετο συναίσθημα σε ένα σχέδιο.
- Δοκιμάστε ένα φόντο με λεπτές κάθετες γραμμές για να δημιουργήσετε υφή.
- Δημιουργήστε ένα κολάζ εικόνων με κατακόρυφα σχήματα.
- Χρησιμοποιήστε κάθετες γραμμές πάνω από την κύρια εικόνα για να καθορίσετε βάθος μεταξύ των επιπέδων στοιχείων, όπως φωτογραφίες ή βίντεο και κείμενο.
- Χρησιμοποιήστε κατακόρυφη κινούμενη σάρωση για να διαχωρίσετε στοιχεία σε ένα ρυθμιστικό εικόνας.
- Σχεδιάστε εικόνες με κάθετη εστίαση.
- Σκεφτείτε ένα σχέδιο split-screen έτσι ώστε κάθε πλευρά να έχει μια πιο κάθετα προσανατολισμένη αναλογία διαστάσεων.
- Χρησιμοποιήστε ένα μοτίβο φόντου μικρών αντικειμένων σε κατακόρυφη ευθυγράμμιση.
- Τοποθετήστε εικονίδια ή στοιχεία stack αντί να τα διαχωρίσετε σε όλη την οθόνη.
συμπέρασμα
Κάθε φορά που σκέφτεστε να χρησιμοποιήσετε μια τάση σε ένα σχέδιο σχεδιασμού, υπάρχει ένα στοιχείο κινδύνου. Πόσο καιρό θα είναι η τάση δημοφιλής; Θα κάνει την εμφάνιση του σχεδιασμού χρονολογημένη;
Αντί να επιλέγετε επιλογές μοντέρνων ιστότοπων πλήρους κλίμακας, εξετάστε ένα μοντέρνο στοιχείο όπως τα παραπάνω. Αυτά τα στοιχεία μπορούν να ενσωματωθούν ευκολότερα στο σχέδιο (και εξίσου εύκολο να τα αφαιρέσετε αν δεν τους αρέσουν αργότερα). Το τέχνασμα για τη διατήρηση ενός μοντέρνου στυλ είναι στις λεπτομέρειες. δεν απαιτεί ολοκαίνουργιο σχεδιασμό κάθε έξι μήνες.
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Ρίξτε μου ένα σύνδεσμο στο Twitter . Θα ήθελα πολύ να σας ακούσω.