Εικονογράφηση του ιστού: Αποδόμηση της τάσης
Οι εικονογραφήσεις αναλαμβάνουν τον Ιστό. Οι σχεδιαστές δημιουργούν ιστότοπους με τα πάντα, από εικονογραφήσεις πλήρους οθόνης μέχρι χειροκίνητα διαγράμματα που χρησιμοποιούνται σε όλα τα έργα. Είναι μια τάση που είναι πιθανό να συνεχίσει να αυξάνεται επειδή οι εικονογραφήσεις κάνουν ένα σχέδιο να αισθάνεται έθιμο (ακόμα και αν δεν είναι).
Εδώ είναι πώς να αξιοποιήσετε στο έπακρο τους στο σχεδιασμό σας.
Εικόνα ιστοτόπου 101
Τα εικονογραφήματα είναι ένας πολύπλευρος και διασκεδαστικός τρόπος για να δημιουργήσετε ένα προσαρμοσμένο σχέδιο ιστοσελίδας. Από εικόνες που έχουν σχεδιαστεί με το χέρι, σε στοιχεία, σε γράμματα, τα πάντα για μια πλήρως απεικονισμένη ή σκιαγραφημένη εικόνα, φαίνεται και αισθάνεται ένα μοναδικό. Αυτός είναι ένας από τους λόγους που είναι τόσο δημοφιλής.
Αλλά υπάρχουν πολλοί άλλοι λόγοι για τους οποίους οι σχεδιαστές πηδούν στην τάση της απεικόνισης:
- Τα εικονογραφήματα επιτρέπουν στους χρήστες να απεικονίζουν τους εαυτούς τους στη σκηνή που ορίζετε επειδή δεν επικεντρώνεται σε άλλα άτομα.
- Υπάρχει ένα στοιχείο της ιδιοτροπίας που μπορεί να επιτευχθεί μόνο με ένα σχέδιο.
- Τα εικονογραφήματα μπορούν να εμπλέκουν την πραγματικότητα και τη φαντασία για ένα σχέδιο που είναι εξαιρετικό.
- Η προσαρμογή είναι εύκολη όταν σχεδιάζετε τα στοιχεία τέχνης.
- Οι εικονογραφήσεις είναι συχνά αρκετά πολύχρωμες και μπορούν να σας βοηθήσουν να επωφεληθείτε από τη μεγάλη, φωτεινή χρωματική τάση.
- Η τεχνική είναι χρησιμοποιήσιμη ακόμα και αν δεν είστε εικονογράφος χάρη σε κιτ σχεδίασης ή πακέτα που είναι γεμάτα εικονογραφημένα μέρη που μπορούν να χρησιμοποιηθούν σε όλο το έργο.
- Οι εικονογραφήσεις μπορούν να πάρουν πολλές διαφορετικές διαθέσεις ή στυλ, από σκίτσα σε περίτεχνα σχέδια σε γραφικά που παράγονται από υπολογιστή.
Εικονογραφικές εικόνες
Επειδή οι κεφαλίδες του ήρωα είναι μεγάλες, αυτό είναι ένα από τα ευκολότερα μέρη για να δείτε την τάση της απεικόνισης. Χρησιμοποιείται επίσης για μεγάλο αριθμό ιστότοπων από χαρτοφυλάκια μέχρι λιανικές για σελίδες προεπισκόπησης εφαρμογών.
Αυτό που είναι ωραίο για μια εικονογραφημένη εικόνα ήρωας είναι ότι υπάρχει αρκετός χώρος για ένα πολύ περίπλοκο έργο τέχνης. Οι μικρές λεπτομέρειες, η σκίαση και το χρώμα και οι αλληλεπιδράσεις έχουν όλα το χώρο να αναπνεύσουν, διευκολύνοντας έτσι τους χρήστες να εξερευνήσουν κάθε στοιχείο.
Υπάρχουν μερικά κόλπα για όλα αυτά τα περίπλοκα που απεικονίζουν:
- Το έργο τέχνης πρέπει να είναι καλό. Οι χρήστες δεν πρόκειται να αφιερώνουν χρόνο κοιτάζοντας μια εικόνα που δεν παίρνουν ή είναι απλώς ένα χασαποφόρο χάος. Έτσι πάρτε το χρόνο και τη φροντίδα με αυτό.
- Ενώ η απεικόνιση μπορεί να έχει βάθος πολυπλοκότητας, το συνολικό μήνυμα θα πρέπει να είναι απλό. Μάθετε τι θα έπρεπε να λέει η εικόνα και βεβαιωθείτε ότι τα στοιχεία συμβάλλουν στο μήνυμα.
- Εργασία με έναν επαγγελματία. Ακριβώς επειδή μπορείτε να τραβήξετε καρδιές σε μια χαρτοπετσέτα δεν σημαίνει ότι είστε έτοιμοι να σχεδιάσετε μια πλήρη εικόνα της ιστοσελίδας. Αυτή η διαδικασία απαιτεί χρόνο και προγραμματίζει πραγματικά να λειτουργήσει. (Και μπορεί να είναι ακριβό, οπότε βεβαιωθείτε ότι αυτό είναι το σωστό αισθητικό προτού να βουτήξετε μέσα.)
Προσθέστε απλό κινούμενο σχέδιο
Ενώ ένα στατικό σχέδιο μπορεί να έχει μεγάλο αντίκτυπο από μόνο του, ο Ιστός είναι ζωντανός με κίνηση αυτές τις μέρες. Συνδέστε μια εικόνα με λεπτές κινήσεις ή εφέ κύλισης για να ενθαρρύνετε τους χρήστες να κάνουν κλικ.
Μικρές λεπτές κινήσεις, όπως το κλώσιμο κείμενο στον ιστότοπο για Ο Χούγκο , βοηθά να τραβήξει το μάτι στο σχέδιο. Τα μικρά κινούμενα σχέδια μπορούν επίσης να βοηθήσουν τους χρήστες να κατανοήσουν τις ενέργειες που πρέπει να εκτελέσουν κατά την επίσκεψη σε έναν ιστότοπο Αυτό μπορεί να ισχύει ιδιαίτερα για εικονογραφήσεις που περιλαμβάνουν πολλά στοιχεία ή έχουν γενικά "πολυάσχολη" σχεδίαση.
Αυτές οι μικρές εκπλήξεις μπορούν να ενθαρρύνουν τους επισκέπτες της περιοχής να παραμείνουν και να κοιτάξουν γύρω. Τα κινούμενα σχέδια Hover είναι ένα ιδιαίτερα καλό επίδομα για τους χρήστες που μπορούν να εξυπηρετήσουν τόσο ως στοιχείο διασκέδασης όσο και ως εργαλείο πλοήγησης.
Εικονογραφημένα εικονίδια ή στοιχεία UI
Εάν ένα ολοκληρωμένο εικονογραφημένο σχέδιο ιστοσελίδας δεν είναι το πράγμα σας, εξετάστε μερικά εικονογραφημένα εικονίδια ή στοιχεία διεπαφής χρήστη. Αυτός είναι ένας απλός τρόπος να διευκολυνθεί η τάση. (Και υπάρχουν πολλά κιτ εικονιδίων και UI εκεί έξω που διαθέτουν εικονογραφημένα στυλ για να σας βοηθήσουν να ξεκινήσετε.)
Εικονογραφημένα στοιχεία μπορούν να προσθέσουν ένα άγγιγμα της ιδιοτροπίας σε μια τοποθεσία που διαφορετικά θα μπορούσε να αισθάνεται πολύ επίσημη. Κάτι που προσπαθεί είναι ένα εικονογραφημένο εικονίδιο περίγραμμα. Αυτό το στυλ είναι εύκολο να πέσει σε σχεδόν οποιοδήποτε σχέδιο, λειτουργεί εξαιρετικά με τις εικόνες και οποιοδήποτε χρώμα σχέδιο, και παρέχει ένα συνεπές οπτικό θέμα από σελίδα σε σελίδα.
Εάν θέλετε να πάτε ένα βήμα πέρα από τα εικονίδια, σκεφτείτε τα υπερμεγέθη στοιχεία του UI. Iqor , χρησιμοποιεί εικονογραφημένα κουμπιά σε μεγαλύτερα μεγέθη για να καθοδηγήσει τους χρήστες και να κάνει το site λίγο πιο διασκεδαστικό. Το απεικονιζόμενο στυλ ρέει από σελίδα σε σελίδα με μεγάλα στοιχεία που χρησιμοποιούν τα ίδια τρία χρώματα. Το αποτέλεσμα είναι διασκεδαστικό και συνεπές και λίγο απροσδόκητο από την επιχείρηση εξυπηρέτησης πελατών.
Χειροποίητα γράμματα
Μια άλλη μεγάλη τάση στο σχεδιασμό ιστοσελίδων είναι η προσαρμοσμένη τυπογραφία. Συνδυάστε τις έννοιες της απεικόνισης και των γραμματοσειρών για ένα χέρι σχεδιασμένο λογότυπο, κύριο μπλοκ κειμένου ή στοιχείο τυπογραφικής τέχνης. Αυτό το οπτικό κείμενο βασισμένο σε κείμενο μπορεί να έχει μεγάλο αντίκτυπο (ειδικά όταν είναι υπερμεγέθη ή χρησιμοποιείται ως το κύριο στοιχείο της τέχνης στο σχεδιασμό).
Το κόλπο εδώ είναι μετριοπάθεια. Με το χέρι σχεδιασμένο στυλ γραμματοσειράς, θα θελήσετε να κολλήσετε σε ένα μόνο μπλοκ κειμένου ή στοιχείο κειμένου για αυτό το αποτέλεσμα. Πολλαπλές χρήσεις ενός προσαρμοσμένου μπλοκ κειμένου μπορεί να είναι συντριπτική για τους χρήστες και μπορεί να επηρεάσει την αναγνωσιμότητα. Είναι σημαντικό να βεβαιωθείτε ότι οι λέξεις είναι ακόμα αρκετά σαφείς και ότι οι χρήστες δεν έχουν πρόβλημα να κατανοήσουν το μήνυμα.
Και τα δυο Η μέρα των νεκρών και Σταθείτε στον καρκίνο , κάνουν σπουδαία δουλειά με χειρογράφημα για ένα απλό μήνυμα. Η Ημέρα των Νεκρών χρησιμοποιεί άλλες εικονογραφήσεις, εύκολη τυπογραφία sans serif και φωτογραφίες για να σας βοηθήσει να τραβήξετε τους χρήστες μέσω του υπόλοιπου χώρου. Το τελικό αποτέλεσμα είναι διασκεδαστικό και εύκολο να ακολουθηθεί. Ανυψώστε τον καρκίνο χρησιμοποιεί περισσότερο από ένα στυλ ακουαρέλας που βασίζεται σε όλα τα εικονίδια, αλλά βασίζεται σε πιο τυποποιημένες γραμματοσειρές για ευανάγνωστη. Και οι δύο είναι καλές επιλογές για την εργασία με χαρακτήρες προσαρμοσμένου στυλ.
συμπέρασμα
Ενώ σπάζοντας στον κόσμο της απεικόνισης για τα σχέδια σχεδιασμού ιστοσελίδων μπορεί να φαίνεται λίγο εκφοβιστικό στην αρχή, είναι κάτι που πολλοί σχεδιαστές μπορούν να κάνουν. Από το σχέδιο με το χέρι στη βοήθεια υπολογιστή ή στην εργασία με ένα κιτ, οι επιλογές είναι αρκετά απεριόριστες.
Είναι κάτι που πρέπει να σκεφτόμαστε όταν πρόκειται για εκείνα τα έργα που απαιτούν να κάνουμε κάτι λίγο διαφορετικό. Και είναι αρκετά μοντέρνο που μπορεί να σας ζητηθεί να δημιουργήσετε κάτι σε αυτό το ύφος. Γι 'αυτό είναι μια καλή στιγμή για να φρεσκάρετε τις ικανότητές σας σχεδίασης και να σκεφτείτε τρόπους που ένα εικονογραφημένο πλαίσιο σχεδίασης ιστοσελίδων θα μπορούσε να λειτουργήσει για σας.