Ένας ανταγωνιστής φαίνεται προσεγμένος σε κάθε οθόνη. Ένας άλλος φαίνεται στριμωγμένος και ξεπερασμένος, ακόμα κι αν πουλάνε παρόμοιες υπηρεσίες. Η διαφορά βγαίνει συνήθως από τα στοιχεία του σχεδιασμού και τις συνήθειες πίσω από αυτά. Τη διαφορά την καταλαβαίνεις αμέσως, ακόμα κι αν δεν μπορείς να ονομάσεις κάθε κανόνα.
Τα στοιχεία του σχεδιασμού είναι η γραμμή, το σχήμα, το χρώμα, η υφή, ο χώρος, η μορφή και η τονικότητα. Εδώ θα δεις τι σημαίνει αυτό με απλά λόγια, γιατί επηρεάζει την ιστοσελίδα και το μάρκετινγκ σου και πώς να το εφαρμόσεις χωρίς να χαθείς σε όρους. Θα δεις επίσης πώς τα στοιχεία και οι αρχές του σχεδιασμού ταιριάζουν στην ίδια εικόνα. Πάμε βήμα βήμα.
Οι βασικές ιδέες πίσω από τα στοιχεία του σχεδιασμού
Τα στοιχεία του σχεδιασμού είναι η γραμμή, το σχήμα, το χρώμα, η υφή, ο χώρος, η μορφή και η τονικότητα.
Όταν τα γνωρίζεις, μπορείς να περιγράψεις γιατί μια διάταξη φαίνεται ισορροπημένη ή χαοτική.
Οι αρχές οπτικού σχεδιασμού δείχνουν πώς τα στοιχεία συνδυάζονται σε συνθέσεις ευανάγνωστες και όμορφες.
Βάλ' το σε εφαρμογή
Διάλεξε μία σελίδα, σημείωσε ποια στοιχεία κυριαρχούν και άλλαξε ένα από αυτά για να γίνει πιο καθαρή.
Δες οι αρχές του σχεδιασμού και οι αρχές οπτικού σχεδιασμού και πώς να τις εφαρμόζεις, για να συνδέσεις αυτό το θέμα με την υπόλοιπη ενότητα.
Οι μικρές και σταθερές βελτιώσεις νικούν τις σπάνιες ολικές επανασχεδιάσεις όταν μαθαίνεις.
Πρακτική λίστα που μπορείς να χρησιμοποιήσεις σήμερα
Διάλεξε μία σελίδα, σημείωσε ποια στοιχεία κυριαρχούν και άλλαξε ένα από αυτά για να γίνει πιο καθαρή.
Όταν ελέγχεις μια σελίδα, ρώτα τον εαυτό σου αν τα στοιχεία του σχεδιασμού φαίνονται στην πρώτη κύλιση στο κινητό. Αν όχι, άλλαξε τη σειρά των ενοτήτων πριν γυαλίσεις τις λεπτομέρειες.
Κράτα στιγμιότυπα οθόνης πριν και μετά τις αλλαγές, ώστε να καταλαβαίνεις ποια στοιχεία έκαναν τη διαφορά στην ιστοσελίδα σου.
Μοιράσου αυτή τη λίστα με όποιον ενημερώνει την ιστοσελίδα σου, ώστε τα στοιχεία και οι αρχές του σχεδιασμού να μένουν σταθερά και στις νέες σελίδες.
Διάλεξε έναν δείκτη για να παρακολουθείς αυτόν τον μήνα, όπως τον χρόνο στη σελίδα ή τις φόρμες που ξεκίνησαν, ώστε οι αλλαγές στον σχεδιασμό να συνδέονται με αποτελέσματα και όχι μόνο με γούστο.
Πώς συνδέεται το θέμα με τη συνολική εικόνα της επιχείρησής σου
Οι οπτικές επιλογές σπάνια ζουν σε μία μόνο σελίδα. Οι αρχές οπτικού σχεδιασμού δείχνουν πώς τα στοιχεία συνδυάζονται σε συνθέσεις ευανάγνωστες και όμορφες.
Οι αναρτήσεις σου στα social, τα email και τα έντυπά σου πρέπει να επαναλαμβάνουν την ίδια ιεράρχηση, τα ίδια χρώματα και τους ίδιους κανόνες γραμματοσειράς με την ιστοσελίδα.
Όταν η οπτική ταυτότητα ξεφεύγει, οι πελάτες νιώθουν μια διακριτική αναντιστοιχία, ακόμα κι αν δεν μπορούν να την εξηγήσουν.
Δες στοιχεία και αρχές του σχεδιασμού μαζί, για να συγκρίνεις σημειώσεις με ένα συναφές κεφάλαιο αυτής της ενότητας.
Όταν γνωρίζεις τα στοιχεία του σχεδιασμού, μπορείς να περιγράψεις γιατί μια διάταξη φαίνεται ισορροπημένη ή χαοτική.
Συνήθεις ερωτήσεις που περνούν απαρατήρητες
Δευτερεύοντες όροι, όπως τα στοιχεία και οι αρχές του σχεδιασμού ή οι αρχές οπτικού σχεδιασμού, σε βοηθούν να ψάξεις βαθύτερα παραδείγματα και να συγκρίνεις τη δουλειά σου με τα συνηθισμένα πρότυπα.
Οι αρχές οπτικού σχεδιασμού δείχνουν πώς τα στοιχεία συνδυάζονται σε συνθέσεις ευανάγνωστες και όμορφες.
Γράψε μία αλλαγή «πριν και μετά» που θα δοκιμάσεις σε μια ζωντανή σελίδα αυτή την εβδομάδα. Οι μικρές αλλαγές που μετριούνται κερδίζουν τα αόριστα σχέδια.
Αν η ομάδα σου μάθει κοινό λεξιλόγιο για τα στοιχεία του σχεδιασμού, θα χρειάζονται λιγότεροι γύροι διορθώσεων με σχεδιαστές και εταιρείες.
Εργαλεία που κάνουν πιο εύκολες τις οπτικές αλλαγές
Δεν χρειάζεσαι δικό σου κώδικα για να διορθώσεις πολλά προβλήματα διάταξης και στυλ. Ένας οπτικός επεξεργαστής σε αφήνει να ρυθμίσεις αποστάσεις, χρώματα και γραμματοσειρές.
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων όταν είσαι έτοιμος να εφαρμόσεις όσα έμαθες.
Όταν δημοσιεύεις αλλαγές, ξαναδές οι αρχές του σχεδιασμού και οι αρχές οπτικού σχεδιασμού και πώς να τις εφαρμόζεις, ώστε η ενότητα να μένει συνδεδεμένη στο μυαλό σου.
Τώρα έχεις έναν πρακτικό φακό για τα στοιχεία του σχεδιασμού. Χρησιμοποίησέ τον όταν ελέγχεις την ιστοσελίδα σου, εγκρίνεις υλικό μάρκετινγκ ή δίνεις οδηγίες σε σχεδιαστή. Συνέχισε με οι αρχές οπτικού σχεδιασμού και πώς να τις εφαρμόζεις και στοιχεία και αρχές του σχεδιασμού μαζί, για να κρατήσεις τη δυναμική σε αυτή την ενότητα.
Συχνές ερωτήσεις
Πόσο χρόνο παίρνει να βελτιώσεις τη χρήση των στοιχείων του σχεδιασμού;
Οι περισσότερες μικρές επιχειρήσεις βλέπουν πιο καθαρές σελίδες μέσα σε λίγες συγκεντρωμένες συνεδρίες, μόλις εφαρμόσουν τα βασικά αυτού του κεφαλαίου. Ξεκίνα από την αρχική σελίδα και μετά πέρασε τους ίδιους κανόνες στις σελίδες υπηρεσιών και επικοινωνίας.
Χρειάζεσαι σχεδιαστή για τα στοιχεία του σχεδιασμού;
Ένας σχεδιαστής βοηθά σε σύνθετες αλλαγές ταυτότητας, αλλά πολλές διορθώσεις στα στοιχεία του σχεδιασμού γίνονται και μόνος σου, μόλις ξέρεις τι να προσέχεις. Διάβασε μαζί με αυτό το κεφάλαιο το άρθρο: οι αρχές του σχεδιασμού.
Μπορεί η WEMASY να σε βοηθήσει να εφαρμόσεις τα στοιχεία του σχεδιασμού στην ιστοσελίδα σου;
Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου. Άνοιξε τον δημιουργό ιστοσελίδων για να δεις τις δυνατότητες.
Ποιο είναι το πιο συνηθισμένο λάθος με τα στοιχεία του σχεδιασμού;
Οι άνθρωποι προσπαθούν να διορθώσουν τα πάντα μονομιάς, αντί για μία σελίδα τη φορά. Διάλεξε μία προτεραιότητα, όπως την αναγνωσιμότητα ή την αντίθεση, και μετά δες τις αρχές οπτικού σχεδιασμού και πώς να τις εφαρμόζεις για την επόμενη βελτίωση.
Πώς συνδέονται τα στοιχεία του σχεδιασμού με το SEO;
Η καθαρή οπτική ιεράρχηση και η ευανάγνωστη γραμματοσειρά κρατούν τους επισκέπτες περισσότερο στη σελίδα, κάτι που στηρίζει τα σήματα αλληλεπίδρασης που παρακολουθούν οι μηχανές αναζήτησης. Συνδύασε τις διορθώσεις σχεδιασμού με σωστή δομή περιεχομένου για τα καλύτερα αποτελέσματα.
Τι να μάθεις μετά τα στοιχεία του σχεδιασμού;
Συνέχισε με τις αρχές του σχεδιασμού και τις αρχές οπτικού σχεδιασμού και πώς να τις εφαρμόζεις σε αυτό το βιβλίο, για να χτίσεις ένα ολοκληρωμένο οπτικό σύστημα για την επιχείρησή σου στο διαδίκτυο.