Μικρά γκρι γράμματα πάνω σε φορτωμένο φόντο. Τα μάτια σου κουράζονται πριν τελειώσεις την πρώτη πρόταση. Γι αυτό μετράνε οι εικόνες φόντου για την επωνυμία σου. Όταν η διάταξη και το χρώμα παλεύουν με το μήνυμα, ο κόσμος φεύγει χωρίς να σου πει γιατί.
Οι εικόνες φόντου μιας ιστοσελίδας πρέπει να έχουν χαμηλή αντίθεση πίσω από το κείμενο ή να καλύπτονται με ένα έντονο επίστρωμα. Εδώ εξηγούμε τι σημαίνει αυτό με απλά λόγια, γιατί επηρεάζει το site και το μάρκετινγκ σου και πώς να το εφαρμόσεις χωρίς να χαθείς στην ορολογία. Θα δεις και πού χωράει η hero εικόνα σε όλο αυτό. Ας το πάρουμε βήμα βήμα.
Πώς σχεδιάζεις γύρω από τις εικόνες φόντου
Οι εικόνες φόντου μιας ιστοσελίδας πρέπει να έχουν χαμηλή αντίθεση πίσω από το κείμενο ή να καλύπτονται με ένα έντονο επίστρωμα.
Τα φορτωμένα φόντα κάνουν το κείμενο δυσανάγνωστο στα κινητά.
Η hero εικόνα συνήθως αντιμετωπίζεται αλλιώς από τις υφές φόντου που επαναλαμβάνονται.
Έξυπνοι τρόποι να βάλεις προϋπολογισμό και προτεραιότητες
Πρόσθεσε ένα σκούρο ή ανοιχτό επίστρωμα, ώστε το κείμενο να περνά τους ελέγχους αντίθεσης.
Γράψε πρώτα τις σελίδες που πρέπει να υπάρχουν και μετά τις προαιρετικές εξειδικευμένες λειτουργίες. Έτσι οι προσφορές μένουν συγκρίσιμες όταν μιλάς με σχεδιαστές ή πρακτορεία.
Όταν το εύρος είναι ξεκάθαρο, ξαναδές τις φωτογραφίες stock για ιστοσελίδες, για να ταιριάξεις τους οπτικούς στόχους με το κόστος.
Μια πρακτική λίστα ελέγχου για σήμερα
Πρόσθεσε ένα σκούρο ή ανοιχτό επίστρωμα, ώστε το κείμενο να περνά τους ελέγχους αντίθεσης.
Όταν ελέγχεις μια σελίδα, ρώτα αν οι εικόνες φόντου φαίνονται καθαρά στο πρώτο scroll στο κινητό. Αν όχι, άλλαξε τη σειρά των ενοτήτων πριν γυαλίσεις τις λεπτομέρειες.
Κράτα screenshots πριν και μετά τις αλλαγές, για να δεις τι έκανε τη διαφορά στις εικόνες φόντου του site σου.
Μοιράσου αυτή τη λίστα με όποιον ενημερώνει το site σου, ώστε η hero εικόνα να μένει συνεπής στις νέες σελίδες.
Διάλεξε ένα μέγεθος που θα παρακολουθείς αυτόν τον μήνα, όπως ο χρόνος στη σελίδα ή οι έναρξες φόρμας. Έτσι οι αλλαγές στον σχεδιασμό συνδέονται με επιχειρηματικά αποτελέσματα και όχι μόνο με γούστο.
Πώς συνδέεται το θέμα με την υπόλοιπη επωνυμία σου
Οι οπτικές επιλογές σπάνια μένουν σε μία σελίδα. Η hero εικόνα συνήθως αντιμετωπίζεται αλλιώς από τις υφές φόντου που επαναλαμβάνονται.
Οι αναρτήσεις σου στα social, τα email και τα έντυπα πρέπει να επαναλαμβάνουν την ίδια ιεραρχία, τα ίδια χρώματα και τους ίδιους κανόνες γραμματοσειράς που χρησιμοποιείς στο web.
Όταν τα οπτικά της επωνυμίας ξεφεύγουν, οι πελάτες νιώθουν μια λεπτή ασυμφωνία, ακόμη κι αν δεν μπορούν να την εξηγήσουν.
Δες το εναλλακτικό κείμενο για εικόνες για να συγκρίνεις σημειώσεις με ένα συγγενικό κεφάλαιο αυτής της ενότητας.
Τα φορτωμένα φόντα κάνουν το κείμενο δυσανάγνωστο στα κινητά.
Ερωτήσεις που συχνά ξεχνάς
Δευτερεύοντες όροι όπως hero εικόνα και εικόνες για ιστοσελίδα σε βοηθούν να ψάξεις πιο βαθιά παραδείγματα και να συγκρίνεις τη δουλειά σου με τα κοινά πρότυπα.
Η hero εικόνα συνήθως αντιμετωπίζεται αλλιώς από τις υφές φόντου που επαναλαμβάνονται.
Σημείωσε μία αλλαγή, πριν και μετά, που θα δοκιμάσεις αυτή την εβδομάδα σε μια ζωντανή σελίδα. Οι μικρές αλλαγές με μέτρηση κερδίζουν τα αόριστα σχέδια.
Αν η ομάδα σου μάθει κοινό λεξιλόγιο για τις εικόνες φόντου, οι γύροι διορθώσεων με σχεδιαστές και πρακτορεία λιγοστεύουν.
Εργαλεία που κάνουν πιο εύκολες τις οπτικές αλλαγές
Δεν χρειάζεσαι custom κώδικα για να διορθώσεις πολλά προβλήματα διάταξης και στυλ. Ένας οπτικός επεξεργαστής σου επιτρέπει να ρυθμίσεις αποστάσεις, χρώματα και γραμματοσειρές, ενώ βλέπεις προεπισκόπηση σε κινητό και σε υπολογιστή.
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων όταν είσαι έτοιμος να εφαρμόσεις όσα έμαθες.
Όταν δημοσιεύεις αλλαγές, ξαναδές τις φωτογραφίες stock για ιστοσελίδες και τα μεγέθη εικόνων για social media, ώστε η ενότητα να μένει συνδεδεμένη στο μυαλό σου.
Τώρα έχεις έναν πρακτικό φακό για τις εικόνες φόντου. Χρησιμοποίησέ τον όταν ελέγχεις το site σου, εγκρίνεις υλικό μάρκετινγκ ή δίνεις οδηγίες σε σχεδιαστή. Συνέχισε με τα μεγέθη εικόνων για social media και το εναλλακτικό κείμενο για εικόνες, για να κρατήσεις τον ρυθμό σε αυτή την ενότητα.
Οι εικόνες φόντου είναι δεξιότητα που χτίζεται σταδιακά. Γύρνα σε αυτό το κεφάλαιο αφού κάνεις μία βελτίωση, ώστε οι ιδέες να περάσουν από το διάβασμα στη συνήθεια. Οι μικροί, επαναλαμβανόμενοι έλεγχοι κερδίζουν το να στριμώξεις όλους τους κανόνες μονομιάς. Κράτα σημειώσεις για το τι δούλεψε στο κοινό σου, ώστε η επόμενη αλλαγή να γίνει πιο γρήγορα.
Συχνές ερωτήσεις
Πόσο χρόνο παίρνει να βελτιώσεις τις εικόνες φόντου;
Οι περισσότερες μικρές επιχειρήσεις βλέπουν πιο καθαρές σελίδες μέσα σε λίγες συγκεντρωμένες συνεδρίες, μόλις εφαρμόσουν τα βασικά αυτού του κεφαλαίου. Ξεκίνα από την αρχική σελίδα και μετά πέρασε τους ίδιους κανόνες στις σελίδες υπηρεσιών και επικοινωνίας.
Χρειάζεσαι σχεδιαστή για τις εικόνες φόντου;
Ένας σχεδιαστής βοηθά σε σύνθετα rebranding, αλλά πολλές διορθώσεις στις εικόνες φόντου τις κάνεις και μόνος σου, μόλις ξέρεις τι να κοιτάξεις. Διάβασε μαζί με αυτό το κεφάλαιο τις φωτογραφίες stock για ιστοσελίδες για συγγενική καθοδήγηση.
Μπορεί η WEMASY να σε βοηθήσει με τις εικόνες φόντου στην ιστοσελίδα σου;
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων για να ξεκινήσεις.
Ποιο είναι το πιο συνηθισμένο λάθος με τις εικόνες φόντου;
Ο κόσμος προσπαθεί να διορθώσει τα πάντα μονομιάς, αντί για μία σελίδα τη φορά. Διάλεξε μία προτεραιότητα, όπως την αναγνωσιμότητα ή την αντίθεση, και μετά δες τα μεγέθη εικόνων για social media για την επόμενη βελτίωση.
Πώς σχετίζονται οι εικόνες φόντου με το SEO;
Μια καθαρή οπτική ιεραρχία και μια ευανάγνωστη γραμματοσειρά κρατούν τους επισκέπτες περισσότερο στη σελίδα, κάτι που στηρίζει τα σήματα αλληλεπίδρασης που παρακολουθούν οι μηχανές αναζήτησης. Για το καλύτερο αποτέλεσμα, συνδύασε τις διορθώσεις σχεδιασμού με σωστή δομή περιεχομένου.
Τι να μάθεις μετά τις εικόνες φόντου;
Συνέχισε με τις φωτογραφίες stock για ιστοσελίδες και τα μεγέθη εικόνων για social media σε αυτό το βιβλίο, για να χτίσεις ένα πλήρες οπτικό σύστημα για την επωνυμία σου στο διαδίκτυο.