3 Βασικές Τάσεις Σχεδίασης, Αύγουστος 2017
Εάν οι ημέρες του σκυλιού του καλοκαιριού επιθυμείτε μια αλλαγή σκηνικού, οι τάσεις σχεδιασμού ιστοσελίδων αυτού του μήνα είναι η τέλεια εκκίνηση. Ενώ ο μινιμαλισμός είναι ο στυλ "του" αργά, περισσότεροι σχεδιαστές αρχίζουν να κινούνται προς περισσότερες λεπτομέρειες και χαρακτηριστικά μέσα στη διάταξη. Τα εντυπωσιακά μοτίβα σχεδιασμού που αρχίζουμε να δούμε είναι μια φρέσκια εναλλακτική λύση στα απογυμνωμένα στυλ που έχουμε συνηθίσει.
Τι νομίζετε; Είστε έτοιμοι για πιό λεπτές επιλογές τυπογραφίας, πιο περίπλοκες λεπτομέρειες και εικονίδια στυλ λογότυπα; Ίσως να είστε μετά από να δείτε κάποια από αυτά τα σχέδια σχεδιασμού.
Ας δούμε τι συμβαίνει στον σχεδιασμό αυτού του μήνα:
1. Λεπτή τυπογραφία
Ο λεπτός τύπος είναι πίσω! Οι λεπτές γραμματοσειρές πήραν μια κακή ραπ πίσω όταν η Apple επέλεξε μια εξαιρετικά λεπτή, ελαφριά γραμματοσειρά για το λειτουργικό της σύστημα με το iOS 7.
Οι σχεδιαστές μπλόκ στην επιλογή που ήταν λίγο δύσκολο να διαβάσει και το είδος bucked πολλές τάσεις σχεδιασμού συμβαίνει εκείνη την εποχή. (Η Flat ήταν όλη η οργή, αλλά κάποιοι ισχυρίστηκαν ότι η σχεδόν επίπεδη επιφάνεια της Apple σε συνδυασμό με την εξαιρετικά λεπτή γραμματοσειρά ήταν πάρα πολύ.) Ταυτόχρονα, οι ευρύτερες, πιο τολμηρές τυπογραφίες έγιναν το κυρίαρχο στοιχείο για την επικεφαλίδα και την τυπογραφία του ιστότοπου σε εικόνες ήρωα πάνω από τον κύλινδρο .
Η παλίρροια αρχίζει να μετατοπίζει τον άλλο τρόπο. Οι σημερινές λεπτές γραμματοσειρές είναι κάπως λεπτότερες από αυτές που έχουμε συνηθίσει, αλλά δεν είναι τόσο λεπτές όσο η επιλογή της Apple.
Το καλύτερο πράγμα για την επιλογή ενός λεπτότερου τύπου είναι ότι έχετε λίγο περισσότερη ελευθερία στο σχεδιασμό. Ενώ οι λεπτές γραμματοσειρές δεν συνιστώνται για την αντιγραφή του σώματος, μπορούν να λειτουργήσουν καλά σε μεγαλύτερα μεγέθη όταν υπάρχει μεγάλη αντίθεση.
Τα παρακάτω παραδείγματα παρουσιάζουν μερικές από τις καλύτερες χρήσεις λεπτότερων γραμματοσειρών:
- Χρησιμοποιήστε μια λεπτή γραμματοσειρά σε όλα τα καλύμματα για να δημιουργήσετε μια επικριτική επικεφαλίδα. Αυτή η επιλογή συχνά λειτουργεί καλύτερα με λίγες μόνο λέξεις, όπως Πολυτελή σαφάρι της Αφρικής , παρακάτω. Είναι εξίσου σημαντικό να σκεφτόμαστε τα γράμματα σε σχέση με τα πραγματικά γράμματα. ορισμένες λέξεις μπορεί να είναι δύσκολες να διαβαστούν σε λεπτές γραμματοσειρές ή καπάκια.
- Συνδέστε ένα λεπτό γραμματοσειρά με μια πιο τολμηρή επιλογή για να δώσετε έμφαση, όπως WebDesignStudio , παρακάτω.
- Χρησιμοποιήστε ένα λεπτότερο γραμματοσειρά σε χρώμα (σε φόντο αντίθετο) για να προσθέσετε οπτική έμφαση, όπως Κέντρο Γκολφ Λιντς , παρακάτω.
Ψάχνετε για έμπνευση; Εδώ είναι πέντε γραμματοσειρές Google που ταιριάζουν στο λογαριασμό (και θα δούμε υπέροχα): Πηγή Sans Pro , Dosis , Πεδίο εφαρμογής Ένα , Rajdhani , Martel Sans .
2. Σύνταξη λεπτομερειών
Από τη διασκέδαση ανθίζει σε φανταχτερά τυπογραφικά θεραπείες με στοιχεία διεπαφής χρήστη που δημιουργούν απροσδόκητη απόλαυση, λεπτομερείς λεπτομέρειες γίνονται όλο και πιο συνηθισμένες. Το τέχνασμα για να δημιουργηθεί κάτι περίπλοκο είναι να το φανεί όσο το δυνατόν απλούστερο για τον χρήστη, που σημαίνει ότι πρέπει να είναι εύκολο να κατανοηθεί και να χρησιμοποιηθεί.
Το μεγάλο πράγμα για τις λεπτομέρειες είναι ότι μπορούν να προσθέσουν πολλή προσωπικότητα σε ένα έργο. Αυτά τα στοιχεία μπορούν να μεταφέρουν μέσα από τα έργα ιστοτόπων στο σχεδιασμό προϊόντων σε τυπωμένα στοιχεία, έτσι ώστε τα πάντα από ένα εμπορικό σήμα να έχουν το ίδιο αυτό κάτι ιδιαίτερο οπτικά. (Αυτός είναι ένας εξαιρετικός τρόπος για να εδραιωθεί η συνοχή της μάρκας.)
Αυτές οι λεπτομέρειες μπορούν να εμφανιστούν με πολλούς τρόπους και πρέπει πάντα να προσθέτουν στο συνολικό αποτέλεσμα, να μην το μειώνουν. Οι λεπτομερείς λεπτομέρειες χρησιμοποιούνται καλύτερα για μια ενιαία παρουσία στο σχεδιασμό και δεν πρέπει να κατακλύζουν τους χρήστες. Χρησιμοποιώντας κάτι πολύπλοκο πάρα πολλές φορές μπορεί να καταλήξει στη δημιουργία του αντίθετου από το επιδιωκόμενο αποτέλεσμα και στην πραγματικότητα να κατακλύσει οπτικά τους χρήστες. Έτσι, μόλις βρείτε το "κόλπο" σας, χρησιμοποιήστε το και χρησιμοποιήστε το καλά.
ο Ομάδα Forefathers , κατωτέρω, χρησιμοποιεί περίτεχνο στυλ με λογότυπο παλαιού τύπου με έγχρωμα σχέδια πάνω από τον τίτλο. Το στυλ του τύπου είναι ασυνήθιστο για τον σχεδιασμό ιστοσελίδων και σε συνδυασμό με το περίτεχνο λογότυπο, είναι ένας εντυπωσιακός συνδυασμός. Αλλά μπορείτε επίσης να δείτε πώς αυτός ο σχεδιασμός μπορεί να είναι αποτελεσματικός μόνο με μία μόνο χρήση. Το τυπογραφικό θα μπορούσε να είναι δύσκολο αν χρησιμοποιηθεί για μεγάλα μπλοκ κειμένου και το στυλ θα μπορούσε να παρεμποδίσει την ανταλλαγή μηνυμάτων. Εδώ, η ομάδα σχεδίασης το χρησιμοποίησε τέλεια.
Vitra Task Καρέκλες , παρακάτω, χρησιμοποιεί πολύπλοκες κινήσεις διεπαφής χρήστη για να προσελκύσει τους χρήστες. Η αρχική σελίδα περιλαμβάνει ένα κουμπί "Σύρετε" που ανοίγει στο μενού της γραμμής προϊόντων. Το φόντο παραμένει το ίδιο και στα δύο πλαίσια, έτσι ώστε οι καρέκλες να επισημαίνονται πάντα στο ρολό βίντεο. Οι κινήσεις μεταξύ των κλικ είναι εξίσου ενδιαφέρουσες και ακόμα και αν δεν είστε έτοιμοι να αγοράσετε μια καρέκλα, ενθαρρύνεται η κίνηση γύρω από τον ιστότοπο.
Μερικές φορές ο πιο περίτεχνος σχεδιασμός δεν περιλαμβάνει σούπερ ειδικά εφέ. Μόνο σχολή Kite , παρακάτω, χρησιμοποιεί το διασκεδαστικό βίντεο πραγματικό και μεγάλο λογότυπο για ένα συνδυασμό που τραβάει το μάτι μέσα. Ενώ το μεγάλο λογότυπο φαίνεται απλό, δημιουργώντας τυπογραφία που είναι τόσο αναγνώσιμη και λειτουργική με αυτόν τον τρόπο μπορεί να είναι σκληρή. Εδώ, λειτουργεί όμορφα και η διάθεση των γραμμάτων ταιριάζει με αυτό που θα περιμένατε από αυτό το είδος επιχείρησης.
3. Εικονίδιο Λογότυπο
Είναι ένα εικονίδιο ή ένα λογότυπο; Η γραμμή μεταξύ των δύο στοιχείων σχεδίασης γίνεται όλο και περισσότερο διασταυρωμένη όλη την ώρα. Τα λογότυπα του εικονικού στυλ εμφανίζονται παντού.
Από το ελάχιστο ύφος και επειδή λειτουργούν σε διάφορες εφαρμογές, τα λογότυπα εικονιδίων μπορούν να είναι πολύχρωμα ή εμπνευσμένα από την τέχνη της γραμμής. Οι περισσότερες χρήσεις στρέφονται προς ένα μικρότερο στυλ λογότυπο σε ένα σχήμα που θα μεταφέρει επίσης σε ιστότοπους κοινωνικών μέσων ενημέρωσης για συνεπή online branding.
Το μειονέκτημα ενός λογότυπου εικονιδίου είναι ότι δεν υπάρχει πολύ περιθώριο για ένα πραγματικό όνομα εταιρείας. Τα καλύτερα λογότυπα εικονιδίων σχεδιάζονται έτσι ώστε να μπορούν να στέκονται μόνοι ή μαζί με γράμματα, όπως District0x , παρακάτω. Σημειώστε πώς το πολύχρωμο εικονίδιο "d" θα μπορούσε να λειτουργήσει από μόνο του -είναι εξαιρετικό στο σχήμα του λογότυπου Twitter λόγω του ασύμμετρου σχήματος-και δεν αισθάνεται με τον τρόπο που συνδυάζεται με το πλήρες εμπορικό σήμα.
Έπιπλα Jardan και Nobbys Lighthouse , παρακάτω, επιλέξτε πιο απλά στυλ λογότυπων εικονιδίων με το εμπορικό σήμα που έχει οριστεί στον παρακάτω τύπο. Ενώ αυτή είναι μια δημοφιλής επιλογή, μπορεί να δημιουργήσει κάποια αποσύνδεση μεταξύ του ονόματος και του λογότυπου. Επιλέγετε τοποθετήσεις που συνδέουν τα στοιχεία - και τα δύο παραδείγματα εστιάζουν το λογότυπο και το όνομα εταιρίας - για να δημιουργήσετε μια διαδρομή ματιού από το ένα στοιχείο στο επόμενο.
συμπέρασμα
Είναι διασκεδαστικό να παρακολουθήσετε, καθώς οι τάσεις αρχίζουν να αλλάζουν από τη μια δυναμική στην άλλη. Πιστεύετε ότι πιο λεπτομερείς στυλ θα αντικαταστήσουν τον μινιμαλισμό; Ή μήπως είναι απλά μια περασμένη μανία;
Τι τάσεις αγαπάτε (ή μιλάτε) τώρα; Θα ήθελα πολύ να δω κάποιες από τις ιστοσελίδες που σας γοητεύει. Ρίξτε μου ένα σύνδεσμο στο Twitter . Θα ήθελα πολύ να σας ακούσω.