15 ιστότοποι που αγκαλιάζουν την εικόνα-βαρύ τάση σχεδιασμού
Όταν σχεδιάζουμε πολλούς ιστότοπους, έχουμε την τάση να εστιάζουμε στο πώς να χρησιμοποιούμε καλύτερα το κείμενο για πράγματα όπως η πλοήγηση. Οι εικόνες θεωρούνται κατά κύριο λόγο ως υποστήριξη για το κείμενο (με εξαίρεση τα πράγματα όπως οι τοποθεσίες χαρτοφυλακίου και τα παρόμοια).
Πέρα από τους ιστότοπους που χρησιμοποιούν εικόνες ως κύριο περιεχόμενο, υπάρχουν επίσης ιστότοποι που αποφεύγουν την πλοήγηση κειμένου προς όφελος των εικονιδίων. Αυτή είναι μια τεχνική που, όταν γίνει καλά, μπορεί πραγματικά να ενισχύσει την αισθητική ενός χώρου χωρίς να βλάψει τη χρηστικότητα. Και υπάρχουν μερικοί διαφορετικοί τρόποι που μπορείτε να διατηρήσετε τη χρηστικότητα και να προσφέρετε μια μεγάλη εμπειρία χρήστη σε αυτό που μπορεί να είναι ένα ύφος γεμάτο με πιθανές παγίδες.
Πότε να ελαχιστοποιήσετε το κείμενο
Οι ιστότοποι που χρησιμοποιούν αυτό το στυλ σχεδόν όλα έχουν μερικά κοινά πράγματα. Είναι όλα οπτικά οδηγημένα, αλλά το πιο σημαντικό είναι τα sites όπου ο οπτικός οδηγός έχει νόημα (όπως οι φωτογράφοι, οι σχεδιαστές και οι εικονογράφοι).
Είναι επίσης λογικό να χρησιμοποιήσετε αυτόν τον τύπο ιστότοπου όταν η περιέργεια του επισκέπτη είναι μια καλή ιδέα. Όσο περισσότερο μπορείτε να πάρετε έναν χρήστη να αλληλεπιδράσει με τον ιστότοπό σας, τόσο περισσότερο μένουν εκεί. Αυτό εξελίσσεται σε μεγάλο βαθμό προς την ενίσχυση της μάρκας σας στο μυαλό του επισκέπτη.
Βεβαιωθείτε ότι οι εικόνες έχουν νόημα για το περιεχόμενο και τον σκοπό του ιστότοπού σας. Αυτό είναι προφανές όταν μιλάτε για κάτι σαν ένα site χαρτοφυλακίου, αλλά γίνεται λίγο πιο περίπλοκο όταν μιλάτε για έναν ιστότοπο με κάτι σαν πλοήγηση μόνο για εικόνα.
Όταν δεν εστιάζετε στις εικόνες
Υπάρχουν και άλλες φορές όταν μια περιοχή με μεγάλη εικόνα δεν έχει νόημα. Για παράδειγμα, εάν οι επισκέπτες σας είναι πιθανό να βιάζονται, τότε πρόκειται να θέλουν έναν ιστότοπο που είναι αυτονόητος. Αν υπάρχει κάποια ερώτηση σχετικά με το τι θα πρέπει να κάνουν για να έχουν πρόσβαση στις πληροφορίες που αναζητούν, είναι πιθανότερο να εγκαταλείψουν τον ιστότοπο και να αναζητήσουν τις πληροφορίες αλλού.
Και προφανώς, εάν το περιεχόμενο του ιστότοπού σας βασίζεται σε κείμενο, τότε η ρίψη εικόνων μόνο για χάρη της ρίψης εικόνων δεν σας κάνει (ή τους επισκέπτες σας) ευνοεί. Χρησιμοποιήστε εικόνες για να υποστηρίξετε το κείμενο, αντί να κάνετε την εστίαση των εικόνων.
Βέλτιστες πρακτικές
Υπάρχουν μερικά πράγματα που μπορείτε να κάνετε για να βεβαιωθείτε ότι οι ιστοτόποι σας με μεγάλη εικόνα είναι ευπρόσδεκτοι από τους επισκέπτες σας.
Χρησιμοποιήστε κείμενο όταν έχει νόημα. Αυτό σημαίνει ότι χρησιμοποιείτε πράγματα όπως τα εφέ κίνησης και τα εργαλεία με τις εικόνες σας, ώστε οι επισκέπτες να μπορούν γρήγορα να διακρίνουν τι είναι μια εικόνα ή τι να κάνει.
Αυτό είναι ιδιαίτερα σημαντικό με τις εικόνες που χρησιμεύουν ως πλοήγηση. Ο τρόπος με τον οποίο οι περισσότεροι ιστότοποι χειρίζονται αυτό είναι να αποκαλύψουν κείμενο όταν τα εικονίδια ή οι εικόνες μετακινούνται. Παρόλο που δεν κάθε τοποθεσία το κάνει αυτό, εκείνοι που δεν είναι γενικά πολύ αυτονόητοι.
Χρησιμοποιήστε τις εικόνες για να ωθήσετε την περιέργεια στους χρήστες σας. Σκεφτείτε πώς να κάνετε τους χρήστες σας να αναρωτιούνται τι είναι κάτι χωρίς να τους απογοητεύει. Είναι μια δύσκολη γραμμή για να περπατήσετε, επειδή είναι εύκολο να βγάλεις τους χρήστες αν τους συγχέεται από τον ιστότοπό σου. Δώστε ιδιαίτερη προσοχή στις αναλύσεις σας και πόσο γρήγορα οι επισκέπτες φεύγουν από τον ιστότοπό σας.
RVLT
ο RVLT ο ιστότοπος χρησιμοποιεί ένα πλέγμα στην αρχική σελίδα με ένα μείγμα εικόνων και κειμένου. Το κείμενο είναι αυτονόητο, ενώ οι εικόνες σάς μεταφέρουν σε μεμονωμένες σελίδες προϊόντων. Το κείμενο και οι εικόνες αναπροσαρμόζονται κάθε φορά που ανανεώνεται η σελίδα, καθιστώντας την περιοχή πιο ενδιαφέρουσα.
Είναι απλό, διατηρώντας πολύ μεγάλο οπτικό ενδιαφέρον.
Φωτογραφία Αντρέα Σμετάνα
Ένα βαρύ σχέδιο εικόνας είναι μια προφανής επιλογή για ένα φωτογραφικό χαρτοφυλάκιο. Αλλά Φωτογραφία Αντρέα Σμετάνα Ο ιστότοπός του εξακολουθεί να είναι μοναδικός και ενδιαφέρουσα. Το πλέγμα εικόνας στην αριστερή πλευρά της αρχικής σελίδας χρησιμεύει ως πλοήγηση σε όλο το χαρτοφυλάκιο. Κάντε κλικ σε οποιαδήποτε εικόνα και θα μεταφερθείτε σε μια μεγαλύτερη έκδοση (μετά από κάποιες κινούμενες κινήσεις).
Μια λεπτή χρήση ενός εικονιδίου παρά ενός κειμένου σε αυτόν τον ιστότοπο είναι τα βέλη πλοήγησης στο χαρτοφυλάκιο. Είναι προφανές για τι είναι, ενώ παραμένουν απλοί και μετριοπαθείς, αφήνοντας το επίκεντρο της εργασίας.
Martina Sperl
Martina Sperl ο ιστότοπος χρησιμοποιεί μεγάλες, τολμηρές εικόνες σε όλο το κείμενο, με ελάχιστο κείμενο. Ανατρέξτε στο βιβλίο για τις εικόνες που, όταν κάνετε κλικ, αποκαλύπτουν περισσότερες πληροφορίες σχετικά με τα προϊόντα σε αυτά. Τα βέλη για την πλοήγηση μέσα από τα βλέμματα εμφανίζονται στο κάτω μέρος των εικόνων και είναι αυτονόητα.
Το ηλεκτρονικό κατάστημα είναι επίσης βαρύ, με εικόνες προϊόντων σε ένα χαλαρό πλέγμα που είναι το επίκεντρο, το οποίο αποκαλύπτει πληροφορίες για το προϊόν όταν μεταφερθεί.
Συνολικά, είναι ένα απλό σχέδιο όπου οι εικόνες είναι το επίκεντρο και δημιουργούν πολύ αντίκτυπο.
Moving Things Design Company
ο Moving Things Design Company έχει ένα πιο ισορροπημένο συνδυασμό κειμένου και εικόνων, αλλά εξακολουθεί να χρησιμοποιεί πολλές εικόνες στην περιοχή για να ενισχύσει και να απεικονίσει σημεία. Η ενότητα "Η δουλειά μας" χρησιμοποιεί ιδιαίτερα τις εικόνες που συνδέονται με τα μεμονωμένα κομμάτια χαρτοφυλακίου.
Andi Mayr
Andi Mayr το φωτογραφικό χαρτοφυλάκιο προσφέρει πολλές εικόνες σε ένα πλέγμα, με το καθένα να συνδέει με μια μεγαλύτερη έκδοση της εικόνας, η οποία ανοίγει σε ένα lightbox. Το μόνο κείμενο στον ιστότοπο βρίσκεται στην πλαϊνή γραμμή για πλοήγηση και στη σελίδα επαφών.
DIY
ο DIY η ιστοσελίδα, επίσης από τον Andi Mayr, χρησιμοποιεί ακόμα λιγότερο κείμενο. Πρόκειται για ένα πολύ ενδιαφέρον έργο που επιτρέπει στους συνεισφέροντες να παίρνουν εαυτούς σε διάστημα πέντε λεπτών και στη συνέχεια να επιλέγουν μια φωτογραφία που θεωρούν ότι τους αντιπροσωπεύει καλύτερα.
Ο ίδιος ο ιστότοπος αποτελείται από ένα πλέγμα φωτογραφιών (κάθε φωτογραφία στη συνέχεια συνδέεται σε μια σελίδα που δείχνει όλες τις φωτογραφίες που πήρε το άτομο κατά τη διάρκεια της περιόδου των πέντε λεπτών), καθώς και λίγο για τον συμμετέχοντα.
Τα εικονίδια (με συμβουλές για περαιτέρω επεξηγήσεις) χρησιμοποιούνται για φιλτράρισμα και πλοήγηση στον ιστότοπο, κάτι που είναι ωραίο. Τα εργαλεία, ιδιαίτερα, είναι χρήσιμα.
Νομίζω ότι θα μπορούσα
Νομίζω ότι θα μπορούσα είναι ένα ομαδικό πρόγραμμα φωτογραφιών που επικεντρώνεται σε όμορφες εικόνες. Ο ίδιος ο ιστότοπος δεν είναι παρά εικόνες. Η πλοήγηση βρίσκεται στην επάνω δεξιά γωνία και αποτελείται μόνο από εικονίδια.
Υπάρχει επίσης μια προβολή χάρτη των εικόνων στον ιστότοπο (κάντε κλικ στο εικονίδιο δείκτη του χάρτη για πρόσβαση σε αυτό), η οποία είναι μια άλλη μεγάλη επιλογή για εξερεύνηση.
Εκατοντάδες
Εκατοντάδες είναι ένα κινητό παιχνίδι παζλ με μια ενδιαφέρουσα ιστοσελίδα που είναι βαριά στις εικόνες. Υπάρχει πολύ κείμενο στο site, επίσης, αλλά είναι όλα δεμένα μαζί μέσω εικόνας, η οποία θυμίζει το ίδιο το παιχνίδι.
Αμπνι Πούτινσκι
Αμπνι Πούτινσκι είναι εικονογράφος και σχεδιαστής γραφικών, οπότε έχει νόημα ότι η ιστοσελίδα της είναι πολύ βαρύ. Μετά το κλείσιμο του αρχικού lightbox, οι επισκέπτες βλέπουν έναν χάρτη που καλύπτεται από εικονίδια και ορόσημα. Είναι ένας τρόπος διασκέδασης για να ελέγξετε τη δουλειά της, προκαλώντας την περιέργεια του χρήστη. Κάντε κλικ σε οποιοδήποτε από τα επισημασμένα ορόσημα και ρίξτε μια ματιά σε μια φοβερή κινούμενη εικόνα.
Κάντε κλικ σε οποιοδήποτε από τα εικονίδια στο πάνω μέρος της σελίδας και μπορείτε να έχετε πρόσβαση στο χαρτοφυλάκιό της, να συνεχίσετε, πληροφορίες επικοινωνίας, προφίλ Dribbble ή Etsy. Είναι ένα πραγματικά διασκεδαστικό σχέδιο.
Marius Roosendaal
Marius Roosendaal ο ιστότοπος μετακινείται οριζόντια και αποτελείται σχεδόν εξ ολοκλήρου από εικόνες σε λευκό φόντο (συν ένα σύνδεσμο κειμένου στη σελίδα "περίπου"). Κάντε κλικ σε μια εικόνα για περισσότερες λεπτομέρειες και μια σύντομη περιγραφή της συγκεκριμένης εργασίας.
Radoslav Holan
Radoslav Holan Το website αποτελείται από μια μεγάλη εικόνα φόντου, με εικονίδια σύνδεσης που σας μεταφέρουν στο έργο του σχεδιαστή. Υπάρχει επίσης ένα εικονίδιο κοινής χρήσης στο κάτω μέρος της σελίδας, με πρόσθετα εικονίδια για κάθε ένα από τα σημαντικότερα κοινωνικά δίκτυα. Και μπορείτε να απενεργοποιήσετε τα εικονίδια εξ ολοκλήρου κάνοντας κλικ στο "x" στο κάτω μέρος της οθόνης (το οποίο στη συνέχεια μετατρέπεται σε "+", το οποίο μπορείτε να κάνετε ξανά κλικ για να πάρετε τα εικονίδια πίσω).
Mint Digital
Mint Digital προσφέρει επάνω πλοήγηση με το εικονίδιο στην αριστερή πλευρά της σελίδας, η οποία επεκτείνεται για να εμφανίζει επεξηγηματικό κείμενο όταν μετακινηθεί. Η ίδια η αρχική σελίδα αποτελείται κυρίως από φωτογραφίες, με λίγο επιπλέον κείμενο.
Κουζίνες Brindisa Tapas
ο Κουζίνες Brindisa Tapas ο ιστότοπος χρησιμοποιεί εικονίδια πλοήγησης για την κύρια πλοήγηση, τα οποία επεκτείνονται για να εμφανίζουν κείμενο όταν μετακινούνται. Ορισμένα από τα εικονίδια είναι αρκετά αυτονόητα (όπως ένα μενού για τη σελίδα του μενού ή ένα πιάτο και μαχαιροπήρουνα για τη σύνδεση για να κλείσετε ένα τραπέζι), ενώ άλλα επωφελούνται πραγματικά από το κείμενο.
Υπάρχουν επίσης βέλη για να περιηγηθείτε στο μεγάλο ρυθμιστικό της αρχικής σελίδας. Είναι ένα εύκολο στη χρήση και πραγματικά αισθητικά ευχάριστο σχέδιο.
Blocklevel
ο Blocklevel site χρησιμοποιεί ένα πολύχρωμο πλέγμα μπλοκ γεμάτο με εικονίδια και ελάχιστο κείμενο για το κύριο μέρος της αρχικής τους σελίδας. Τα περισσότερα από αυτά αποκαλύπτουν πληροφορίες σχετικά με την εταιρεία όταν μετακινούνται. Αυτό το είδος αποκαλύψεων προκαλεί πραγματικά την περιέργεια του επισκέπτη και καθιστά τους ανθρώπους πιο πιθανό να αλληλεπιδράσουν με τον ιστότοπο.
Camellie
ο Camellie η ιστοσελίδα είναι εξαιρετική για έναν εικονογράφο, με την αρχική σελίδα να αποτελείται εξ ολοκλήρου από τις εικονογραφήσεις του καλλιτέχνη. Τοποθετώντας το δείκτη πάνω από το καθένα αποκαλύπτει πληροφορίες σχετικά με την εικόνα και κάνοντας κλικ σε μεταφέρει σε μια μεγαλύτερη έκδοση. Σε αυτές τις σελίδες λεπτομερειών, έχετε επίσης μια σειρά από πολύχρωμες κουκίδες στην αριστερή πλευρά της σελίδας που σας φέρνουν σε πρόσθετα έργα τέχνης.
Είναι απλό, με την εστίαση ακριβώς στην τέχνη, όπως θα έπρεπε να είναι με αυτό το είδος του site.
συμπέρασμα
Όταν γίνει καλά, οι ιστότοποι που επικεντρώνονται στις εικόνες και ελαχιστοποιούν τη χρήση του κειμένου μπορούν να έχουν μεγάλο αντίκτυπο στους επισκέπτες και να αυξήσουν τη δέσμευση. Ενώ υπάρχουν μειονεκτήματα και το στυλ δεν είναι κατάλληλο για κάθε τοποθεσία, υπάρχουν ξεκάθαρα πλεονεκτήματα για τη χρήση αυτού του στυλ σε χώρους όπου η καλλιέργεια της περιέργειας του χρήστη είναι ευνοϊκή.