Μια συλλογή από υπέροχες εικονογραφημένες ιστοσελίδες
Οι εικονογραφημένες προσθήκες σε ιστότοπους μπορούν να προσδώσουν ακόμη και το πιο απλό θέμα ένα επιπλέον επίπεδο οπτικού ενδιαφέροντος και πολυπλοκότητας.
Τα εικονογραφήματα ποικίλλουν ευρέως από τη μία τοποθεσία στην άλλη. Κάποιοι βλέπουν το χέρι (ανεξάρτητα από το αν είναι ή όχι) ενώ άλλοι είναι προφανώς ψηφιακά τεκμηριωμένοι.
Παρακάτω υπάρχουν περισσότερα από τριάντα μεγάλα σχέδια ιστοσελίδων που φέρουν εικονογραφήσεις.
Τα πιο συνηθισμένα είναι οι εικονογραφήσεις σε κεφαλίδες και υπόβαθρα, συχνά σε μασκότ ή χαρακτήρες ιστοτόπων.
Αλλά οι εικόνες χρησιμοποιούνται και με άλλους τρόπους. Εάν έχετε έναν αγαπημένο εικονογραφημένο ιστότοπο που δεν αναφέρεται εδώ, ενημερώστε μας στα σχόλια.
Ιστότοποι με ψηφιακές εικονογραφήσεις
Αυτές οι τοποθεσίες έχουν εικόνες που είναι προφανώς ψηφιακές. Οι λεπτές γραμμές και τα φωτεινά χρώματα είναι σφραγίδες αυτού του στυλ, αν και δεν είναι όλα τα παρακάτω που είναι σύμφωνα με αυτά τα πρότυπα.
F5
Ο ιστότοπος F5 χρησιμοποιεί μια καταπληκτική ψηφιακή απεικόνιση για το φόντο του. Τα φωτεινά χρώματα και οι χαρακτήρες γελοιογραφίας είναι χαρακτηριστικές της ψηφιακής απεικόνισης. Αυτό που δεν είναι ορατό εδώ είναι ότι η απεικόνιση συνεχίζεται στη σελίδα, αποκαλύπτοντας διαφορετικά στρώματα.
Wireframe Plus
Το Wireframe Plus χρησιμοποιεί μια μονοχρωματική εικόνα φόντου για τον ιστότοπό του. Είναι λεπτή, αλλά προσθέτει πραγματικά κάποια επιπλέον οπτική oomph και κάνει το site να ξεχωρίζει ακόμα κι αν το χρώμα και η τυπογραφία είναι αρκετά πρότυπο.
Tom Bradshaw Design
Το Tom Bradshaw Design χρησιμοποιεί τυπογραφική απεικόνιση σε ολόκληρο τον ιστό, καθώς και μια μασκότ χαρακτήρων κινουμένων σχεδίων, που εμφανίζεται σε κάθε τμήμα της σελίδας (είναι ένας ιστότοπος μιας σελίδας).
Mediocore
Γυαλιστές ψηφιακές εικόνες όπως αυτή δεν εμφανίζονται πολύ συχνά και ξεχωρίζουν από άλλες τοποθεσίες. Αυτό ξεχωρίζει ακόμα περισσότερο, αφού τοποθετείται σε μαύρο φόντο και χρησιμοποιεί μόνο τα φωτεινά χρώματα στη σελίδα.
htmlMafia
Οι εικονογραφήσεις εδώ είναι ένα είδος μίξης μεταξύ ψηφιακών και χεριών στυλ, αν και οι κλίσεις που χρησιμοποιήθηκαν τις έβαλαν πιο σταθερά στην ψηφιακή κατηγορία. Αυτό είναι ένα εξαιρετικό παράδειγμα του πώς οι εικόνες απεικονίζουν ένα χώρο και δίνουν μια πιο δραματική εντύπωση.
CreativeSwitch
Το ρομπότ που απεικονίζεται εδώ είναι πραγματικά κινούμενο στην ίδια την ιστοσελίδα, αν και λεπτή. Περισσότερες εικόνες χρησιμοποιούνται σε ολόκληρο τον ιστότοπο.
690 Σχεδιασμός
Η σύνδεση των εικονογραφήσεων στο αντίγραφο μιας ιστοσελίδας είναι μια φανταστική στρατηγική. Εδώ, το κείμενο περιγράφει την αρμονία και για την απεικόνιση χρησιμοποιείται ένας αγωγός ορχήστρας.
Kipu
Οι απλές εικόνες σε μορφή φορέα κάνουν πολύ τολμηρή εμφάνιση. Χρησιμοποιώντας μια πιο αθόρυβη χρωματική παλέτα γι 'αυτούς, όπως παραπάνω, τα κάνει να μπερδεύονται πιο άνετα στο υπόλοιπο της περιοχής.
Siringa 1
Αυτοί οι χαρακτήρες είναι ένα άλλο παράδειγμα ψηφιακών εικονογραφημάτων που έχουν ένα χέρι-συναισθήματα σε τους. Σε συνδυασμό με το συνδυασμό χρωμάτων, αυτές οι εικόνες δίνουν στον ιστότοπο ένα χαλαρό, φιλικό συναίσθημα.
PixelBaecker
Υπάρχουν πολλά πράγματα σε αυτή την εικονογράφηση σε μορφή φορέα, από τους τύπους που εργάζονται στην υπόγεια τρύπα στο πουλί στο δέντρο. Στυλιστικά, είναι μια αρκετά τυπική εικονογράφηση διάνυσμα, αν και η εκτέλεση είναι υπέροχη.
Pieoneers
Η χρήση εικόνων για να μιλήσουμε για οφέλη ή για να προσφέρουμε άλλες πληροφορίες, χωρίς να την μετατρέψουμε σε γραφικό πληροφοριών, είναι μια μεγάλη στρατηγική. Είναι ένας διασκεδαστικός και ενδιαφέρον τρόπος για να μεταφέρετε πληροφορίες που είναι πιο πιθανό να εμπλέξουν τους επισκέπτες σας. Επιπλέον, ο συνδυασμός μιας πίτας και ενός ιπτάμενου πιαταριού είναι απλά εξαιρετικός!
Jacob Lee
Ο πιγκουίνος που απεικονίζεται εδώ φαίνεται σχεδόν χέρι, αλλά είναι λίγο πολύ γυαλισμένος και λεία. Ο έντονος λευκός χρωματισμός (ή η έλλειψή του) ξεχωρίζει πραγματικά από το πολύχρωμο φόντο.
Επεξεργασία δενδροφυτείας
Το εικονογραφημένο υπόβαθρο εδώ αλλάζει από σελίδα σε σελίδα και έχει λεπτές κινούμενες εικόνες. Αλλά είναι ένα όμορφο έργο τέχνης, άξια μιας δεύτερης ματιά.
Κρουστών Κώδικα
Οι πιο συνηθισμένες ψηφιακές απεικονίσεις είναι απλοί χαρακτήρες ή τέρατα όπως αυτό. Και ως μασκότ, λειτουργεί τέλεια με το όνομα του site.
Forrst
Εικονογραφημένα υπόβαθρα όπως αυτή γίνονται όλο και πιο συνηθισμένα. Η πλήρης ενσωμάτωση μεταξύ του περιεχομένου και του φόντου είναι αυτό που πραγματικά κάνει αυτό ξεχωρίζει.
Coo / Coo Core
Πιο αφηρημένες εικονογραφήσεις όπως αυτό δίνουν σε έναν χώρο ένα πιο σύγχρονο συναίσθημα. Αυτό είναι αρκετά αφηρημένο για να το κάνει, ενώ είναι ακόμα αναγνωρίσιμο ως δέντρο.
Joystick Generals
Η επανάληψη του βασικού χαρακτήρα στο φόντο της επικεφαλίδας προσθέτει ένα επιπλέον επίπεδο οπτικού ενδιαφέροντος σε μια σχετικά απλή εικόνα. Το χρωματικό σχέδιο που χρησιμοποιείται εδώ είναι απλό, αλλά όταν συνδυάζεται με το grungy φόντο, φαίνεται φανταστικό.
Κάντε ταινία εργασίας
Οι εικονογραφήσεις παρατηρούνται λιγότερο συχνά σε χώρους με στυλ grunge, πιθανώς επειδή διατρέχουν τον κίνδυνο δημιουργίας οπτικής ακαταστασίας. Αλλά η απλή απεικόνιση εδώ, με το σιωπηλό συνδυασμό χρωμάτων και την λεπτή υφή, δουλεύουν τέλεια σε ένα πιο μινιμαλιστικό σχέδιο grunge.
Τα στερεά Studios
Ένα άλλο μεγάλο παράδειγμα απλών ψηφιακών τέρατα που χρησιμοποιούνται σε ένα σχέδιο. Αυτοί οι τύποι είναι περιστασιακοί και διασκεδαστικοί και κάνουν την ιστοσελίδα να αισθάνεται ίδια.
Συντριβή ελιάς
Οι επικεφαλίδες είναι μία από τις πιο ανόητες περιοχές που χρησιμοποιούν εικονογραφήσεις. Μέσω της δημιουργικής χρήσης σκιάς σταγόνων, αυτή η εικόνα κεφαλίδας φαίνεται σχεδόν τρισδιάστατη.
Σάρα Τουσάρ
Ένα άλλο μεγάλο παράδειγμα τέρατα, αυτή τη φορά σε ένα σχέδιο κεφαλίδας. Είναι λεπτές, επαναλαμβάνοντας χρώματα από τον υπόλοιπο ιστότοπο, αλλά προσδίδουν μια πιο προσωπική επαφή.
Arbel-Designs
Ο ιστότοπος Arbel-Designs χρησιμοποιεί ένα εικονογραφημένο υπόβαθρο πολλαπλών επιπέδων, ξεκινώντας από το διάστημα στο πάνω μέρος της σελίδας και προχωρώντας βαθιά στο νερό. Αυτό το στυλ εικονογραφημένου φόντου λειτουργεί εξαιρετικά σε ιστότοπους μιας σελίδας.
Monsters Minding
Αυτοί είναι μερικοί από τους απλούστερους χαρακτήρες διάνυσμα σε αυτό το post. Είναι πολύ χαριτωμένα, όμως, και ενσωματώνονται πλήρως στο σχεδιασμό του site. Στην πραγματικότητα, είναι όλο το σημείο της ιστοσελίδας.
Ιστοσελίδες με εικονογραφημένες εικόνες
Οι εικόνες που σχεδιάζονται με το χέρι είναι λιγότερο συνηθισμένες στον σχεδιασμό ιστοσελίδων, αλλά υπάρχουν ακόμα κάποια φανταστικά παραδείγματα εκεί έξω. Αυτά κυμαίνονται από σχέδια εξαιρετικής τέχνης μέχρι dudles, και τα πάντα στο μεταξύ.
Steve Schoger
Απλά σκίτσα, όπως αυτή, είναι τέλεια για κάθε τοποθεσία, αλλά ειδικά όταν αντικαθιστούν μια τυπική σχεδιαστή (ή οποιαδήποτε επαγγελματική) φωτογραφία. Είναι επίσης μια μεγάλη εναλλακτική λύση για όσους είναι ντροπαλός! Η αφήνοντας την υφή του φόντου να δείχνει μέσω του για να δώσει ένα τόνο του δέρματος είναι μια ωραία πινελιά.
Kenny Meyers
Μια απεικόνιση ενός υπερήρωα σε ό, τι είναι διαφορετικά ένας ελάχιστα ιστότοπος μπορεί να συμβάλει στην εμπιστοσύνη των επισκεπτών σας χωρίς να στραφεί σε ένα "εταιρικό" σχεδιασμό τοποθεσίας. Αντικατοπτρίζοντας τα χρώματα από αλλού στο χώρο, βεβαιωθείτε ότι η απεικόνιση συνδυάζεται άψογα.
Andy Ward
Έχει νόημα μόνο ένας εικονογράφος να συμπεριλάβει εικόνες στην τοποθεσία του. Ο Andy Ward χρησιμοποιεί μια παρουσίαση των εικονογραφήσεων του στην επικεφαλίδα του, αλλά είναι ενσωματωμένη με τέτοιο τρόπο ώστε να γίνει μέρος του ίδιου του σχεδίου.
Kilian Muster
Μια πιο τυπική, λεπτή τέχνη σχεδίασης γραμμών όπως αυτή προσφέρει ένα νεύμα στην παράδοση? στην περίπτωση αυτή: παραδοσιακές μεθόδους στοιχειοθεσίας. Είναι απλό αλλά τολμηρό για να κάνει πραγματικά ένα αντίκτυπο.
DNA στον Δαρβίνο
Ένα άλλο μεγάλο παράδειγμα ενός ιστότοπου που χρησιμοποιεί επίσημα σχέδια για να δημιουργήσει μια αίσθηση ιστορίας. Οι πολυεπίπεδες απεικονίσεις το καθιστούν ακόμα πιο ενδιαφέρον.
Παπιγιό
Μια πιο απλή χειροποίητη τοποθεσία, γεμάτη με τραβηγμένα από το χέρι τέρατα (ή είναι ένας αλλοδαπός;). Ο ιστότοπος χρησιμοποιεί μια εικόνα φόντου πολλαπλών επιπέδων, ξεκινώντας από το διάστημα και καταλήγοντας στη θάλασσα.
xhtmlCafe
Μια απεικόνιση που σχεδιάστηκε με το χέρι σε συνδυασμό με υδατογραφίες δημιουργεί μια φανταστική και ενημερωτική κεφαλίδα στον ιστότοπο xhtmlCafe. Τα σκιαγραφημένα στοιχεία μέσα στη ζωγραφική δίνουν μια πιο στυλιζαρισμένη αίσθηση απ 'ότι μια ευθεία ακουαρέλα θα είχε.
Επίθεση του Ιστού
Τι θα μπορούσε να έχει μια ανάρτηση σε εικονογραφημένους ιστότοπους χωρίς παράδειγμα κωμικού βιβλίου; Τα πάντα, από το πάχος των γραμμών μέχρι το χρωματισμό με υφή, θυμίζουν το αγαπημένο σας κωμικό ή γραφικό μυθιστόρημα.
Janko στην ταχύτητα Warp
Μια απλή απεικόνιση στην επικεφαλίδα εδώ είναι λεπτή και μετριοπαθής αλλά προσθέτει ένα τεράστιο ποσό αισθητικής έκφρασης στο σχεδιασμό της ιστοσελίδας.
Γράφτηκε αποκλειστικά για WDD από Κάμερον Τσάπμαν .
Εάν έχετε άλλους αγαπημένους εικονογραφημένους ιστότοπους, παρακαλούμε να τις μοιραστείτε στα σχόλια!