Έμφαση ως αρχή σχεδιασμού ιστοσελίδων

click fraud protection

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

Χρήση της έμφασης στο σχεδιασμό

Ένα από τα μεγαλύτερα λάθη που μπορούν να κάνουν οι σχεδιαστές ιστοσελίδων είναι να προσπαθήσουν να κάνουν τα πάντα στο σχεδιασμό να ξεχωρίζουν. Όταν όλα έχουν ίση έμφαση, ο σχεδιασμός φαίνεται απασχολημένος και μπερδεμένος ή χειρότερος - βαρετό και απαράδεκτο. Για να δημιουργήσετε ένα σημείο εστίασης σε έναν σχεδιασμό Ιστού, μην παραβλέπετε τη χρήση:

  • Γραμμές: Δημιουργήστε έμφαση με αντίθεση. Εάν πολλά στοιχεία είναι οριζόντια, ένα κάθετο στοιχείο γίνεται το σημείο εστίασης.
  • instagram viewer
  • Χρώμα: Εάν τα περισσότερα στοιχεία του σχεδιασμού είναι σκοτεινά ή σε σίγαση, οποιοδήποτε αντικείμενο με χρώμα προσελκύει το μάτι.
  • Σχήματα: Όταν τα περισσότερα σχήματα είναι ακανόνιστα, ξεχωρίζει ένα γεωμετρικό σχήμα.
  • Εγγύτητα: Όταν πολλά στοιχεία ομαδοποιούνται και ένα είναι ξεχωριστό από την ομάδα, το μάτι πηγαίνει στο μεμονωμένο στοιχείο.
  • Τοποθέτηση: Αν και υπάρχουν εξαιρέσεις, ένα στοιχείο που τοποθετείται στο κέντρο ενός σχεδίου συνήθως τραβάει το βλέμμα.
  • Βάρος: Ένα βαρύ στοιχείο προσελκύει την προσοχή του θεατή.
  • Επανάληψη: Όταν επαναλαμβάνεται ένα απλό γραφικό στοιχείο τύπου, το μάτι ακολουθεί το επαναλαμβανόμενο στοιχείο στο εστιακό σημείο.
  • Αντίθεση: Εκτός από τις αντιθέσεις που δημιουργούνται από το χρώμα και τις γραμμές, η αντίθεση μπορεί να δημιουργηθεί από το μέγεθος, την υφή ή τις αλλαγές γραμματοσειράς. Η αλλαγή αναγκάζει το εστιακό στοιχείο, ή την έμφαση, να ξεχωρίζει.
  • Λευκός χώρος: Ένα στοιχείο που περιβάλλεται από λευκό (ή κενό) χώρο γίνεται το σημείο εστίασης.

Ιεραρχία στα Σχέδια Ιστού

Η ιεραρχία είναι η οπτική διάταξη των σχεδιαστικών στοιχείων που δείχνουν τη σημασία κατά μέγεθος. Το μεγαλύτερο στοιχείο είναι το πιο σημαντικό. τα λιγότερο σημαντικά στοιχεία είναι μικρότερα. Επικεντρωθείτε στη δημιουργία μιας οπτικής ιεραρχίας στα διαδικτυακά σας σχέδια. Εάν έχετε εργαστεί για να δημιουργήσετε μια σημασιολογική ροή στο δικό σας HTML σήμανση, αυτό είναι εύκολο επειδή η ιστοσελίδα σας έχει ήδη μια ιεραρχία. Το μόνο που χρειάζεται να κάνετε είναι να τονίσετε το σωστό στοιχείο - όπως μια επικεφαλίδα H1 - για τη μεγαλύτερη έμφαση.

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

Τρόπος συμπερίληψης έμφασης στις Σχεδίαση Ιστού

Η έμφαση στο σχεδιασμό ιστοσελίδων μπορεί να εφαρμοστεί με πολλούς τρόπους:

  • Χρησιμοποιήστε σημασιολογική σήμανση για να δώσετε έμφαση ακόμη και χωρίς στυλ.
  • Αλλάξτε το μέγεθος των γραμματοσειρών ή των εικόνων για να τονίσετε ή να τις υπογραμμίσετε στο σχεδιασμό.
  • Χρήση αντίθετα χρώματα για να δώσουμε έμφαση.
  • Το μέγεθος μετράει. Μια τεράστια λέξη στη σελίδα ή την οθόνη παίρνει άμεση προσοχή.
  • Περιβάλλετε το εστιακό σημείο με κενό διάστημα.
  • Επαναλάβετε μια λέξη ή μια εικόνα για να τραβήξετε την προσοχή.

Πού ταιριάζει η υπαγωγή;

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

instagram story viewer