Όλο και περισσότερες ιστοσελίδες χρησιμοποιούν μεγάλες φωτογραφίες ή όπως ονομάζονται στην ορολογία του webdesign Hero Images. Τις βλέπουμε συχνά να χρησιμοποιούνται ως header ή ως background ενός div δηλώνοντας σημαντικά χαρακτηριστικά που πρέπει ένας χρήστης να προσέξει σε μια ιστοσελίδα.
Τι πρέπει να προσέχουμε όμως ώστε να χρησιμοποιούμε σωστά τα Hero Images σε μια ιστοσελίδα;
1. Think responsive!
2. Να μην αποσπά την προσοχή του χρήστη σε βαθμό που να μην μπορεί να διακρίνει το μήνυμα ή το link που προβάλουμε.
3. Ανάλυση εικόνας κατάλληλη για μικρές και μεγάλες οθόνες.
4. Μέγεθος εικόνας. Σε καμία περίπτωση δεν πρέπει να καθυστερεί το loading της ιστοσελίδας.
5. Μέγεθος γραμματοσειράς. Δεν θα πρέπει το κείμενο να χάνεται στην εικόνα αλλά ούτε να την κρύβει.
6. Χρώμα γραμματοσειράς. Χρησιμοποιήστε το κατάλληλο χρώμα στο κείμενό σας ώστε να μην χάνεται στην εικόνα.
7 Τοποθετήστε το κείμενο, κουμπιά και άλλα σχεδιαστικά στοιχεία με τέτοιο τρόπο που να μην καλύπτουν σημαντικά τμήματα της φωτογραφίας, όπως ανθρώπινα πρόσωπα ή επώνυμα προϊόντα.