Η χρήση της απεικόνισης στο σχεδιασμό ιστοσελίδων
Η απεικόνιση είναι ένα απίστευτα ευπροσάρμοστο εργαλείο που μπορεί να βρει πολλές διαφορετικές χρήσεις στο σχεδιασμό. Και όταν πρόκειται για web design μπορούμε να βρούμε μια εξαιρετικά μεγάλη ποικιλία υλοποιήσεων.
Σήμερα θέλω να ανακαλύψω κάποιους βασικούς τρόπους με τους οποίους τέθηκε σε λειτουργία αυτό το εργαλείο, ώστε να αντλήσουμε νέες ιδέες για να εμπνεύσουμε και να αμφισβητήσουμε τα σχέδια που παράγουμε.
Ας ξεκινήσουμε κάπου σπάνια, με έναν βασικό ορισμό: Εικονογραφημένο: 1) Για να καταστεί σαφές ? 2) Για να καταστεί σαφές δίνοντας ή χρησιμεύοντας ως παράδειγμα ή παράδειγμα. 3) Να παρέχει οπτικά χαρακτηριστικά με σκοπό να εξηγήσει ή να διακοσμήσει .
Φαίνεται ότι στον πραγματικό κόσμο του σχεδιασμού ιστοσελίδων, η απεικόνιση τείνει να εκτελεί και τις δύο λειτουργίες ταυτόχρονα. Είναι ομορφιά ενώ διευκρινίζει. Και αν κάνει μόνο ένα από αυτά ίσως χρειαστεί να αναρωτηθείτε γιατί. Ίσως με την τοποθέτηση εικονογράφησης στην εργασία που εκπληρώνει και τους δύο ρόλους είναι ο τρόπος για να αξιοποιήσετε πραγματικά το στοιχείο σχεδιασμού για όλα αυτά που αξίζει.
Φυσικά, αυτό δεν σημαίνει ότι ένα σχέδιο δεν μπορεί να είναι επιτυχές εάν χειρίζεται μόνο το ένα ή το άλλο. σίγουρα μπορεί. Αλλά για να αξιοποιήσουμε στο έπακρο τη δουλειά μας, βρίσκω ότι η αμφισβήτηση της σκέψης μας είναι πάντα χρήσιμη. Ως συνήθως, ας σκάψουμε σε μερικές ομάδες δειγμάτων για να δούμε τι μπορεί να γίνει με αυτή την οπτική συσκευή. Κατά μήκος του δρόμου, εξετάστε εάν κάθε προσέγγιση παρέχει σαφήνεια ή διακόσμηση ή και τα δύο.
Θεματική απεικόνιση
Η πρώτη προσέγγιση στην επεξήγηση που θέλω να καλύψω εδώ είναι η χρήση αυτού του στυλ για την παραγωγή μιας συνολικής θεματικής προσέγγισης. Σε αυτή την περίπτωση, οι εικονογραφήσεις δουλεύουν για να δημιουργήσουν ένα γενικό θέμα. Αναρριχάμε βουνά, επισκεπτόμαστε ένα διαστημικό σταθμό ή εξερευνούμε το γραφείο μιας επιχείρησης;
Ενώ αυτή η προσέγγιση δεν χρειάζεται να μας μεταφέρει σε μια τοποθεσία, το κάνει αρκετά συχνά. Σε άλλες περιπτώσεις το στυλ απλώς καθιερώνει ένα γενικό μοτίβο που ακολουθεί ο ιστότοπος.
Ο λόγος που μας ενδιαφέρει εν προκειμένω είναι ότι χρησιμοποιείται για να οδηγήσει το συνολικό σχέδιο με ριζοσπαστικό τρόπο. Η απεικόνιση δεν είναι κάποιο μικρό στοιχείο υποστήριξης. Αντ 'αυτού, είναι το πιο προεξέχον στοιχείο σχεδιασμού και ελέγχει ολόκληρη τη διάταξη.
Πάρτε το αφεντικό μου στο Βόρειο Ακρωτήριο
Σε αυτό το δείγμα η προσέγγιση δεν θα μπορούσε να είναι πιο ξεκάθαρη. Ο σχεδιασμός του χώρου αντικατοπτρίζει σαφώς τον πιο βασικό του σκοπό. Η απεικόνιση παρέχει μια οπτική αναφορά σε αυτό που θα κάνει το άτομο. Και από την άποψη της οριοθέτησης της απεικόνισης, το έργο τέχνης παρέχει διακόσμηση και ομορφιά στη σελίδα.
Σε αυτή την περίπτωση το θέμα καθορίζει σταθερά το σκοπό του site και βοηθά τον χρήστη να αγοράσει την ιδέα.
Κιτ εκτόξευσης
Μια θεματική προσέγγιση δεν πρέπει να είναι τόσο αμβλεία με κάποιο τρόπο. Μερικές φορές μπορεί να είναι ένα πιο φυσικό μέρος ενός πιο τυπικά δομημένου site. Σε αυτήν την περίπτωση, ο ιστότοπος είναι ελαφρώς μοναδικός ως προς τη διάταξη του και το θέμα δεν επιβάλλει κάποια διασυνδεδεμένη διεπαφή βασισμένη σε πυραύλους.
Αντ 'αυτού, το θέμα υφαίνεται στο σχέδιο με τέτοιο τρόπο ώστε να επικοινωνεί τις διακοσμητικές του πινελιές χωρίς να παρεμβαίνει στο περιεχόμενο. Εδώ η εικονογράφηση χρησιμεύει για τη διακόσμηση, αλλά δεν διευκρινίζει τόσο πολύ. Αυτό δεν αποτελεί έκπληξη καθόλου και φυσικά αποδεικνύει ότι δεν υπάρχει τύπος που να ακολουθείται.
Ανώνυμος Σχεδίαση Atelier
Σε άλλες καταστάσεις όπως αυτή, η θεματική εικόνα κυριολεκτικά είναι η περιοχή. Δεν είναι ένα στοιχείο στήριξης, αλλά μάλλον καθίσταται εντελώς το ίδιο το σχέδιο.
Εδώ η χρήση της απεικόνισης παίζει καθαρά ένα διακοσμητικό ρόλο. Αλλά θα υποστήριζα ότι παρέχει επίσης ένα μεγάλο επίπεδο σαφήνειας στον επισκέπτη. Αυτή είναι μια ιστοσελίδα για ένα γραφείο σχεδιασμού. Ο σχεδιασμός και η φύση αυτού του ιστότοπου επικοινωνούν πάρα πολύ με τους επισκέπτες του. Ως εκ τούτου, είμαι βέβαιος ότι χρησιμεύει ως ένα μαζικό φίλτρο στη βάση πελατών τους. Εσείς θα έλθετε είτε θα αγαπήσετε τη παιχνιδιάρικη και δημιουργική τους προσέγγιση, είτε θα σας απενεργοποιήσετε τελείως. Ως εκ τούτου, πιστεύω ότι παρέχει μεγάλη σαφήνεια σχετικά με τον οργανισμό και τη νοοτροπία του.
Allure Graphic Design
Σε αυτή τη σελίδα η χρήση της απεικόνισης παίζει επίσης μια σαφή θεματική προσέγγιση. Παρόλο που ο ιστότοπος ακολουθεί ορισμένους τυπικούς τύπους διαρρύθμισης, ολόκληρο το σχέδιο είναι τυλιγμένο σε μια θεματική διάταξη. Αυτά τα στοιχεία οδηγούν όχι μόνο τον σχεδιασμό του ιστότοπου, αλλά συγχωνεύονται με το κύριο λογότυπο και το αντίγραφο που χρησιμοποιείται στο site. Το θέμα είναι εντυπωσιακό και οδηγεί ολόκληρο το μήνυμα που παρουσιάζει ο ιστότοπος.
Πρόσθετα θεματικά δείγματα
Ακολουθούν ορισμένοι επιπλέον ιστότοποι που χρησιμοποιούν θεματικές εικόνες για να δημιουργήσουν ένα περιβάλλον ή ένα θέμα για μια τοποθεσία.
Είδος σκίουρου
Drift Boys
Iutopi
Chandu4u
Μασκότ
Πώς θα μπορούσα να καλύψω την ιδέα της χρήσης εικονογραφήσεων χωρίς να αναθεωρήσω μία από τις πιο προφανείς: μασκότ; Με αυτό το οπτικό στοιχείο οι σχεδιαστές τείνουν να προσωποποιούν τον χώρο, το προϊόν ή το σκοπό του με έναν χαρακτήρα. Όχι μόνο η εφαρμογή ενός τέτοιου στοιχείου ποικίλλει, αλλά και η ισχύς και ο συλλογισμός πίσω από αυτό.
inkFinder
Σε αυτό το σχέδιο, η εικονογραφημένη μασκότ παίζει έναν αρκετά ξεκάθαρο ρόλο. Καθαρίστε στο ότι ανιχνεύει το όνομα του προϊόντος. Δεν παρέχει μόνο κάποια ζωή για το σχεδιασμό, αλλά βάζει ένα πρόσωπο σε αυτό. Με αυτό τον τρόπο το κοινό έχει κάτι πιο μοναδικό για να αρχειοθετήσει στον εγκέφαλό του. Ας ελπίσουμε ότι η μασκότ βοηθά να κάνει μια πιο αξέχαστη και μοναδική εμπειρία που θα βοηθήσει το προϊόν να ξεχωρίσει από το ακουστικό.
Ίσως αυτός είναι ο πιο ισχυρός σκοπός πίσω από μια μασκότ, για να βοηθήσει κάτι να ξεχωρίσει. Το μεγάλο πράγμα για μια εικονογραφημένη μασκότ σαν αυτό είναι ότι μπορεί να είναι εντελώς μοναδικό και συγκεκριμένο για αυτό το προϊόν. Υποθέτοντας ότι ήταν έτοιμο για αυτό το σχέδιο, θα έπρεπε να είναι το μόνο μέρος που υπάρχει αυτή η ακριβής εικόνα.
Το Έντεν
Κατά ειρωνικό τρόπο βρίσκουμε εδώ μια άλλη εικονογραφημένη μασκότ που μοιάζει με χταπόδι (τι είναι ένα τρικέφαλο πλάσμα της θάλασσας;). Στην περίπτωση αυτή, η μασκότ είναι προφανώς ένα πολύ μεγαλύτερο βήμα μακριά από την πραγματικότητα: ένα ρομπότ με τρία πόδια πλάσμα με έναν εγκέφαλο σε μια φούσκα.
Ενώ μπορεί να είναι μια περίεργη επιλογή, παρέχει ένα όμορφο διακριτικό στοιχείο για το γεγονός. Αυτή η μοναδική μασκότ δίνει ένα δροσερό οπτικό στοιχείο για να συνδεθεί με το γεγονός. Παίρνει μια δική της ζωή και πραγματικά συνδέει τους ανθρώπους με κάτι συγκεκριμένο. Υποθέτω ότι αυτός είναι ακριβώς ο σκοπός μασκότ.
Η σχεδίαση αυτού του site είναι όμορφη, αλλά εξετάστε πόσο θαμπό θα ήταν χωρίς αυτή η τρελή μασκότ στη θέση της. Η παραγωγή ενός τέτοιου στοιχείου δεν είναι εύκολη, αλλά είναι εξαιρετικά αποτελεσματική σε αυτή την κατάσταση.
Δημιουργικό Big Eye
Για παράδειγμα μασκότ που δεν βασίζεται σε χταπόδι, ρίξτε μια ματιά στο Δημιουργικό Big Eye ιστοσελίδα. Εδώ η μασκότ δεν παίζει τόσο σημαντικό ρόλο στο σχεδιασμό. Ωστόσο, προσθέτει πολλή προσωπικότητα σε αυτό. Προφανώς, οι άλλες εικονογραφήσεις και το συνολικό ύφος του ιστότοπου κάνουν μια λιγότερο επίσημη παρουσίαση. Αλλά η μασκότ στο λογότυπο είναι παρούσα σε όλο το site. Αυτό εξασφαλίζει ότι το ελαφρύ στυλ τους διαπερνά το σχέδιο.
Πρόσθετες εικονογραφήσεις μασκότ
Εδώ είναι μερικά επιπλέον δείγματα μασκότ στο έργο στο σχεδιασμό. Συμπεριλαμβανομένου ενός ακόμη χταπόδι? φαίνεται ότι είναι δημοφιλής για χρήση.
Διαχείριση αρχείων Pioneer
Argyle Octopus
Coucou
Konsebt
Εικονογραφημένη διακόσμηση
Ο επόμενος τύπος χρήσης που θα ήθελα να εξετάσω είναι αυτό που αναφέρομαι ως θεματική διακόσμηση. Αυτό συμβαίνει όταν η απεικόνιση τίθεται σε λειτουργία με διακοσμητικό τρόπο που δεν παρέχει πραγματικά συγκεκριμένη φυσική αναφορά. Για παράδειγμα, το πιο συχνά παράδειγμα περιλαμβάνει εικόνες ανθρώπων, ζώων, αντικειμένων ή θέσεων. Αλλά σε αυτή την περίπτωση η εικονογράφηση δεν αντιπροσωπεύει τόσο πολύ τίποτα, αλλά απλώς παρέχει διακόσμηση για να ομορφύνει τον σχεδιασμό με έναν τρόπο μόνο για την απεικόνιση. Όπως πάντα, ας διευκρινίσουμε αυτό μέσω ορισμένων δειγμάτων.
1000 θέματα WP
Για το πρώτο μας παράδειγμα, εξετάστε το 1000 θέματα WP ιστοσελίδα. Σε αυτόν τον ιστότοπο η χρήση της απεικόνισης παρέχει ένα υποκείμενο πλαίσιο και στυλ για τον ιστότοπο. Αλλά το κάνει σε αυτό που είναι πιο καθαρά διακοσμητικό. Το συνολικό στυλ αισθάνεται σαν μια απεικόνιση, και όμως, δεν έχει τα τυπικά ανθρωπιστικά στοιχεία.
Τώρα, θέλω να διαψεύσω εντελώς τον εαυτό μου. Νομίζω ότι το ύφος είναι κυρίως διακοσμητικό. Αλλά μπορώ πραγματικά να δω πώς μπορούμε να υποστηρίξουμε ότι παρέχει ένα επίπεδο διασαφήνισης για την περιοχή. Το στυλ που χρησιμοποιεί ο σχεδιασμός συνδέεται με ένα συγκεκριμένο κοινό. Λέει κάτι σχετικά με το ύφος του ιστότοπου και τα θέματα που μπορεί να δημιουργήσει. Με πολλούς τρόπους, η ποιότητα της απεικονιζόμενης διάταξης καταδεικνύει την ποιότητα της εργασίας που μπορεί να αναμένεται να δούμε μέσω αυτού του ιστότοπου. Με αυτόν τον τρόπο, η διευκρίνιση είναι ίσως πιο λεπτή και λιγότερο στο πρόσωπό σας, αλλά παρ 'όλα αυτά είναι παρούσα.
Ιστορία της Coca-Cola
Σε αυτή την ιστοσελίδα βρίσκουμε ένα άλλο σχέδιο που καθοδηγείται από εικονογράφηση. Υπάρχουν κάποια εικονογραφημένα στοιχεία που δείχνουν πραγματικά πράγματα, αλλά η πλειονότητα της θεματικής προσέγγισης καθιερώνεται με καθαρή διακόσμηση. Όχι μόνο αυτό το παράδειγμα δείχνει την προσέγγιση, αλλά δείχνει επίσης ότι σχεδόν καμία τεχνική δεν χρησιμοποιείται με καθαρό τρόπο. Η πραγματικότητα είναι ότι πιθανώς θα συγχωνεύσετε αυτά τα στοιχεία με διάφορους τρόπους.
Μεταφυσικά
Σε αυτό το τελευταίο παράδειγμα για διακοσμητική απεικόνιση, βρίσκετε μερικά εξαιρετικά στοιχεία φόντου. Ορισμένα από αυτά είναι πιο απτά από άλλα, αλλά συνολικά είναι περισσότερα σχετικά με τα στοιχεία στυλιστικής στήριξης από οτιδήποτε άλλο. Είναι αξιοσημείωτο πόσο όμορφα είναι αυτά τα απλά σχέδια γραμμών όταν συνδυάζονται με όμορφο κείμενο, καλά επιλεγμένα χρώματα και απλά εικονίδια. Το τελικό αποτέλεσμα εδώ είναι φανταστικό και εξαιρετικά όμορφο.
Περισσότερα σχέδια με εικονογραφημένη διακόσμηση
Εδώ είναι μερικά επιπλέον δείγματα για να ολοκληρώσετε αυτό το είδος απεικόνισης στο σχεδιασμό.
Τα Cupcakes του Moo
Τεχνικές εργασίες
Στάδιο Pixel
Έθιμο Τσάντες HQ
Εικονογραφημένο κείμενο
Το χειρόγραφο κείμενο δεν είναι σίγουρα μια νέα έννοια και είναι κάτι που καλύπτω πολλές φορές πριν . Ωστόσο, ποτέ δεν έχω θεωρήσει μια τέτοια προσέγγιση με μια προοπτική απεικόνισης.
Το χειρόγραφο κειμένου είναι μια δημοφιλής παραλλαγή του εικονογραφημένου κειμένου και μια εξαιρετική λύση για πολλά διαφημιστικά κείμενα. Για τον ένα, είναι ένας πολύ καλός τρόπος να λειτουργήσει η πρακτική άσκηση σχολικής τέχνης. Δεύτερον, είναι ένας πολύ καλός τρόπος να παράγουμε κάτι μοναδικό. Μετά από όλα, αν το χέρι σας κάνει κάποιο κείμενο θα είναι μοναδικό 100%. Ακόμα κι αν σκιαγραφείτε πάνω σε μια υπάρχουσα γραμματοσειρά, θα γίνει ακόμα μια ξεχωριστή δημιουργία.
Rangus
Αυτό είναι ένα τέλειο παράδειγμα εικονογραφημένου τύπου. Το στυλ είναι εξαιρετικά πανέμορφο, εντελώς μοναδικό και πολύ φιλόξενο. Αλλά δεν σταματά εκεί. Το χέρι που παρείχε ο τύπος δείχνει πραγματικά τα ταλέντα των ατόμων. Δείχνει ότι δημιουργεί έργα τέχνης με τα χέρια του και συνδέεται τέλεια με τις δεξιότητες του animation. Αγαπώ ιδιαίτερα το γεγονός ότι όλα βασίζονται σε ένα θέμα πίνακα, καθώς πραγματικά συνδέει το θέμα και τα στοιχεία από κοινού τέλεια. Κατά τη γνώμη μου, αυτός ο ιστότοπος καταδεικνύει πόσο ενοποιημένη εικόνα μπορεί να είναι με το σκοπό και το μήνυμα του ιστότοπου.
Joey Lomanto
Στην περίπτωση αυτή, το εικονογραφημένο κείμενο είναι πολύ πιο λεπτό. Αντί να οδηγεί ολόκληρη την κατεύθυνση του σχεδιασμού, απλώς παίζει όμορφα. Στην πραγματικότητα, κατά την πρώτη λήψη, ίσως να μην παρατηρήσετε καν το χέρι που παρείχε το στυλ του μεγάλου κειμένου αρχικής σελίδας. Χορηγημένο, το κείμενο μπορεί να είναι γραμματοσειρά, αλλά έχει χρησιμοποιηθεί με τέτοιο τρόπο ώστε να συνδυάζεται τέλεια με το ύφος του ιστότοπου. Ανεξάρτητα, το στυλ είναι όμορφα ενοποιημένο και η απεικόνιση παίζει πολλούς ρόλους στο συνολικό σχεδιασμό.
Πάμε ζωντανά
Το εικονογραφημένο κείμενο δεν χρειάζεται να παραδοθεί χειροκίνητα. Όπως θα βρείτε σε αυτό το παράδειγμα το κείμενο έχει σχεδιαστεί με διάφορους τρόπους που μετατρέπουν το ίδιο το κείμενο σε κομμάτια της γενικής απεικόνισης. Η ομορφιά αυτής της προσέγγισης είναι ότι ενοποιεί το κείμενο με τις άλλες εικονογραφήσεις. Αυτό αποφεύγει μια λιγότερο ενοποιημένη αίσθηση όπου απλά έχετε εικόνες πάνω από το τυπικό web-based κείμενο. Το τελευταίο μπορεί να λειτουργήσει, αλλά στην περίπτωση αυτή ο αντίκτυπος του εικονογραφημένου κειμένου είναι σαφής.
Πρόσθετα δείγματα εικονογραφημένου κειμένου
Τα παρακάτω παραδείγματα ταιριάζουν χαλαρά σε αυτή την κατηγορία. Λέω χαλαρά γιατί είναι δύσκολο να το πούμε μερικές φορές, καθώς είναι μερικές φορές ένα λεπτό πράγμα. Σε μερικές από αυτές τις περιπτώσεις το κείμενο απλώς αισθάνεται σαν ένα έργο τέχνης, γι 'αυτό το έβαλα σε αυτή τη συλλογή.
Αντιπολίτευση αντίθεσης
Φατάτα
La Web Shop
Ενημερωτικές εικόνες
Με τον ίδιο τον ορισμό της απεικόνισης, ένας από τους σκοπούς του είναι να διευκρινίσει και να εξηγήσει. Επομένως, είναι μόνο κατάλληλο να βρούμε ορισμένα παραδείγματα όπου οι εικόνες το κάνουν αυτό με εξαιρετική σαφήνεια.
Σχολαστικός
Ας ξεκινήσουμε με το Σχολαστικός ιστοσελίδα. Σε αυτή την ασυνήθιστη διάταξη βλέπουμε ότι οι εικόνες απεικονίζουν πολύ καθαρά τα διάφορα σημεία της διάταξης της αρχικής σελίδας. Κάθε μπλοκ έχει ένα οπτικό στοιχείο που όχι μόνο τον ομορφαίνει, αλλά το πιο σημαντικό, εξηγεί αυτό. Τόσο πολύ ώστε, ως αναγνώστης, δεν χρειάζεται καν να διαβάσω το αντίγραφο. Το έργο τέχνης των συσκευών στο κάτω αριστερό μέρος δείχνει ιδιαίτερα αυτό.
Διασκεδάστε
Με έναν πολύ λιγότερο προεξέχοντα τρόπο η απεικόνιση σε αυτό το σχέδιο αποδεικνύεται εξίσου ενημερωτική. Η απλή απεικόνιση δείχνει μεμονωμένα το θέμα της ιστοσελίδας. Μπορεί να μην σας χτυπήσει πάνω από το κεφάλι με το μήνυμά του, αλλά αντέχει τον σκοπό της ιστοσελίδας όμορφα.
Θέτω εις ενέργειαν
Η απεικόνιση σε αυτό το σχέδιο όχι μόνο μεταδίδει πληροφορίες σχετικά με το γεγονός που αντιπροσωπεύει, αλλά και αντανακλά τον ίδιο τον σκοπό του γεγονότος. Αυτό το συγκεκριμένο γεγονός περιστρέφεται γύρω από την αποσύνδεση από την τεχνολογία. Είναι μια ευκαιρία για τους ανθρώπους που κατακλύζονται με την τεχνολογία να ξεφύγουν από τα χέρια του.
Η εικονογράφηση εδώ δείχνει τι θα κάνουν οι παρευρισκόμενοι, επομένως είναι ενημερωτικό. Και από την ίδια τη φύση, η απεικόνιση σπάει με την τεχνολογία και τις ρίζες της σε μια καθαρά οργανική αίσθηση, ένας θεμελιωδώς πολύ καλός τρόπος για να γνωστοποιήσει το σκοπό των τόπων.
Πιο ενημερωτικές εικόνες
Αυτές οι επιπλέον τοποθεσίες επιδεικνύουν επίσης την ιδέα των εικονογραφήσεων που μας ενημερώνουν. Ορισμένα είναι μικροσκοπικά και βασικά εικονίδια, ενώ άλλα είναι βυθιστικά στοιχεία που ορίζουν και αντιπροσωπεύουν πλήρως το περιεχόμενο.
Πόλη ζωτικότητας
Uklizenodoma.cz
Qubiq
Ένα τεχνολογικό αντίδοτο
Με το τελευταίο παράδειγμα (The Θέτω εις ενέργειαν site) μπήκαμε σε αυτό που θα ήθελα να εξετάσω στη συνέχεια, η χρήση της εικονογράφησης για να σπάσει με την τεχνολογικά προσανατολισμένη αίσθηση των πραγμάτων. Μερικές φορές είναι απαραίτητο να αποσυνδεθείτε από τις τεχνολογικές βάσεις του διαδικτύου και να επιδείξετε μια πολύ οργανική αίσθηση. Η απεικόνιση είναι ένα από τα πιο ισχυρά εργαλεία για την επίτευξη μιας τέτοιας ιδέας.
Εφαρμογή αποστολής
Αυτή η απλή σελίδα έρχεται σύντομα δεν είναι τίποτα λιγότερο από έκτακτη. Και σαφώς πώς επιτυγχάνει την ομορφιά της είναι ριζικά απλή. Μια μοναδική τεράστια απεικόνιση με μοναδικό τρόπο μας αποσπά από το γεγονός ότι αυτή είναι μια ιστοσελίδα. Αισθάνεται περισσότερο σαν ένα έργο τέχνης που συμβαίνει να έχει ένα μικρό διαδραστικό στοιχείο, σίγουρα ένας πολύ καλός τρόπος για να έχει τεράστιο αντίκτυπο στους χρήστες και να δημιουργήσει μια αξέχαστη εικόνα.
Muziekpark
Παρόλο που ο ιστότοπος αυτός δεν χρησιμοποιεί μια τόσο ριζοσπαστική προσέγγιση, η εικόνα εξακολουθεί να είναι μεγάλη και εμφανής στη διάταξη. Εδώ η κινούμενη εικόνα αναπνέει τη ζωή στη σελίδα. Συνδυάστε αυτό με μια δημιουργική και ασυνήθιστη διάταξη και αισθάνεται πλήρως αποσπασμένη από την τεχνολογία που την οδηγεί. Ίσως το γεγονός ότι δεν μοιάζει με κανονικό ιστότοπο παίζει σημαντικό ρόλο και σε αυτό. Επίσης, θεωρήστε ότι η απεικόνιση σε αυτή την περίπτωση βοηθά πραγματικά να μας ενημερώσει για το θέμα του site.
Egopop
Σε μια ακόμα άτυπη διάταξη βλέπουμε ότι η απεικόνιση έχει τεθεί σε λειτουργία. Εδώ το έργο τέχνης όχι μόνο μας λέει για το άτομο που αντιπροσωπεύει ο ιστότοπος, αλλά μας εξαλείφουν επίσης από την κανονική ιδέα του ιστού που μπορεί να έχει ο επισκέπτης. Και πάλι, αισθάνεται περισσότερο σαν ένα διαδραστικό έργο τέχνης παρά μια ιστοσελίδα. Αν αυτό είναι ο στόχος και η ανάγκη σας, τότε αυτή είναι μια μεγάλη προσέγγιση που πρέπει να εξετάσετε.
Zaarly
Σε σύγκριση με τα προηγούμενα παραδείγματα, το Zaarly Το site βρίσκεται σε έντονη αντίθεση. Παρόλο που ο σχεδιασμός ελέγχεται από μία μεγάλη απεικόνιση, και αυτή η απεικόνιση χρησιμεύει για τον ορισμό ενός τόνος για την τοποθεσία, η υποκείμενη λειτουργία είναι πολύ πιο πολύπλοκη από αυτά τα άλλα δείγματα.
Αυτός ο ιστότοπος είναι μια εφαρμογή που προορίζεται να χρησιμοποιηθεί. Και η απεικόνιση συμβάλλει στη δημιουργία μιας σειράς προσδοκιών. Δίνει μια ελαφριά, ανθρωπιστική αίσθηση που είναι σαφώς πολύ οργανική και φυσική αίσθηση. Φανταστείτε αυτό σε αντίθεση με τις ημι-μινιμαλιστικές εφαρμογές χωρίς προσωπικότητα καθόλου. Ο σχεδιασμός δίνει στο site μια αίσθηση προσέγγισης και μετατοπίζει τις προσδοκίες μας.
συμπέρασμα
Η χρήση της απεικόνισης στο σχεδιασμό είναι μια παλιά πρακτική και η εφαρμογή της στον ιστό είναι ξεκάθαρη. Όπως και με οποιοδήποτε στοιχείο σχεδιασμού, απολαμβάνω τη διαδικασία επανεξέτασης του σκοπού και της χρήσης του. Μέσα από μια τέτοια προσπάθεια ανακαλύπτω αναπόφευκτα ότι καταλαβαίνω καλύτερα πώς λειτουργεί, τρόπους για να την αξιοποιήσει για έναν επιδιωκόμενο σκοπό και, τελικά, μερικές φρέσκες και εμπνευσμένες ιδέες.
Πώς χρησιμοποιείτε την απεικόνιση στο web design; Παρακαλώ μοιραστείτε τις δικές σας εμπειρίες παρακάτω ....