Please enable JS

15 αρχές οπτικής επικοινωνίας που ενσωματώνονται στις ιστοσελίδες

15 αρχές οπτικής επικοινωνίας που ενσωματώνονται στις ιστοσελίδες

09 Ιαν 2016 /
15 αρχές οπτικής επικοινωνίας που ενσωματώνονται στις ιστοσελίδες

Μπορούμε να ενσωματώσουμε γενικές αρχές τις οπτικής επικοινωνίας στην κατασκευή ιστοσελίδων; Φυσικά και μπορούμε, μιας και οι ιστότοποι είναι η ψηφιακή οπτική επικοινωνία μιας επιχείρησης. Προσοχή όμως γιατί η χρήση τους στον σχεδιασμό δεν είναι τόσο απλή όσο φαίνεται!

Σημεία ενδιαφέροντος

Φροντίστε να επικεντρώνετε την προσοχή των επισκεπτών της ιστοσελίδας σας στα σημεία που επιθυμείτε μην αφήνοντας τους να περιπλανώνται άδικα.

Κίνηση

Κατασκευάστε την ιστοσελίδα σας με τέτοιο τρόπο όπου ο επισκέπτης της να μεταβαίνει ομαλά από το ένα στοιχείο στο άλλο με φυσική ροή σα να διαβάζει ένα κείμενο που έχει αρχή, μέση και τέλος.

Golden ratio

Η ομορφιά μιας ιστοσελίδας στο μεγαλείο της. Ο χρυσός κανόνας είναι το μόνο που θα χρειαστείτε. Μην βιαστείτε να τον εφαρμόσετε καθώς όσο απλός φαίνεται τόσο περίπλοκη εφαρμογή έχει.

Ισορροπία

Η ισορροπία περιεχομένου μιας ιστοσελίδας είναι κρίσιμο στοιχείο για την κατάταξή της στο Google. Δώστε έμφαση στο κείμενο και προσέξτε την αναλογία του με τα υπόλοιπα στοιχεία σχεδιασμού.

Επαναληψιμότητα

Φροντίστε να επαναλαμβάνεται το βασικό θέμα της ιστοσελίδας σας αλλά με τεράστια προσοχή και σύνεση. Το keyword stuffing είναι ένα από τα χειρότερα πράγματα που μπορείτε να κάνετε σε έναν ιστότοπο.

White space

Χρησιμοποιήστε «κενό χώρο» όπου μπορείτε και αν το χρησιμοποιήσατε, κάντε το ακόμα λίγο!!! Ναι, είναι το Α και το Ω για να περάσει κάποιος ξεκάθαρα το μήνυμα του. Μην πιέζετε τα σχεδιαστικά στοιχεία μεταξύ τους. Αφήστε τα να αναπνεύσουν.

Οπτικά τρίγωνα

Φανταστείτε ένα τρίγωνο. 3 γωνίες, 3 σημεία αναφοράς. Λειτουργεί βέλτιστα με περιορισμένης έκτασης δεδομένα. Απλά και γρήγορα.

Texture

Χρησιμοποιήστε textures σαν background στο site σας, για να επικεντρώσετε ακόμη περισσότερο στο περιεχόμενο αλλά και να «γεμίσετε» ομοιόμορφα τον «κενό χώρο» που δημιουργήσατε.

Τυπογραφία

Μην ξεγελιέστε. Το Internet έχει ξεπεράσει εδώ και πολύ καιρό τις web safe γραμματοσειρές. Τα Google fonts έχουν εξαιρετικές επιλογές και η τυπογραφία ήρθε για να μείνει στην κατασκευή ιστοσελίδων. Ας μην ξεχνάμε ότι ούτως ή άλλως στον σχεδιασμό παίζει τεράστιο ρόλο, σε όλα τα επίπεδα.

Ασυμμετρία

Όταν πάντα και όλα είναι συμμετρικά στον σχεδιασμό, τότε μιλάμε για ψυχαναγκασμό και όχι για οπτική επικοινωνία! Ανάλογα με την περίσταση, φροντίστε να έχετε ασύμμετρα κομμάτια στην ιστοσελίδα σας ακριβώς γιατί θα τραβήξουν την προσοχή.

Κανόνες

Παραμείνετε πιστοί στους κανόνες και μην συγχέετε τα δεδομένα της ιστοσελίδας σας. Αν το κάνετε, το ίδιο θα πάθουν και οι επισκέπτες της και αυτό δεν μπορεί να το θέλετε!!!

Alignment

Μπορεί να το έχετε παρατηρήσει και στο Microsoft Word, όταν γράφετε ένα κείμενο. Η ευθυγράμμιση των στοιχείων κάνει το κείμενο πιο καθαρό και συμμαζεμένο. Αυτό ακριβώς συμβαίνει και με τις ιστοσελίδες. Ευθυγραμμίστε όλα τα στοιχεία με τέτοιο τρόπο που να μην δείχνουν παραπεταμένα ή άναρχα τοποθετημένα.

Γραμμικοποίηση

Εάν το νόημα που προσπαθείτε να περάσετε από την ιστοσελίδα σας είναι απόλυτα σαφές και ευθύ τότε γραμμικοποιείστε τον σχεδιασμό της. «Ευθύς» σχεδιασμός για «ευθύ» νόημα.

Αντίθεση

Το contrast είναι ο καλύτερος τρόπος για να τραβήξετε την προσοχή. Ειδικά στα Call To Action κουμπιά σας, χρησιμοποιείστε ισχυρό, αλλά ομαλό, contrast με τον υπόλοιπο σχεδιασμό της ιστοσελίδας.

Rule of thirds

Εάν, τέλος, επιθυμείτε να δώσετε ισομερή βάση σε πάνω από 2 σχεδιαστικά στοιχεία, τότε ο νόμος των τρίτων είναι μονόδρομος.

 

Εμείς εδώ στο isotopon, προσπαθούμε σε κάθε περίπτωση να ενσωματώνουμε όσο το δυνατόν περισσότερα στοιχεία οπτικής επικοινωνίας στις ιστοσελίδες που κατασκευάζουμε.
Μην διστάσετε να μας καλέσετε στο 2441500500 για να συζητήσουμε και την δική σας περίπτωση. Θα εκπλαγείτε από το πόσα μπορείτε να κάνετε και τι όφελος θα έχουν αυτά στην ιστοσελίδα σας!

 

visual communication in web design