4 Σημαντικές εκτιμήσεις Όταν σχεδιάζετε το μενού πλοήγησης του Blog σας - dummies

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

1Βελτιστοποίηση του μενού πλοήγησης # 1: χρώματα

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

Το blog Simply Vintagegirl χρησιμοποιεί ένα μονόχρωμο μενού πλοήγησης μαζί με τη γραμματοσειρά Times New Roman. Η κίτρινη γραμμή υποδηλώνει μια διαίρεση από την κεφαλίδα και το περιεχόμενο, ενώ η επιλογή της γραμματοσειράς καθιστά το μενού εύκολο στην ανάγνωση.

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

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

Σχεδιασμός του μενού πλοήγησης 2Βοήθεια # 2: γραμματοσειρές

Όταν επιλέγετε γραμματοσειρές, απλά λειτουργεί καλύτερα. Εδώ είναι δύο κοινά σφάλματα στις γραμματοσειρές μενού πλοήγησης:

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

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

Σχεδιασμός μενού πλοήγησης 3Blog Ανάλυση # 3: απόσταση

Εκτός από τη γραμματοσειρά και το χρώμα, προσέξτε ότι οι τίτλοι του μενού πλοήγησης δεν τρέχουν μαζί και συγχέουν τους επισκέπτες σας. Παρατηρήστε εδώ τη συγχέοντας απόσταση μεταξύ των λέξεων. Είναι Σχετικά με τις Φωτογραφίες μου ή Σχετικά με τις Φωτογραφίες μου;Ρυθμίστε την επένδυση μεταξύ των στοιχείων του μενού για να διορθώσετε αυτό το πρόβλημα.

Για να αλλάξετε τις γραμματοσειρές και τα χρώματα, μπορείτε συχνά να τροποποιήσετε τις ρυθμίσεις του θέματος ή του προτύπου σας. Εάν όχι, μπορείτε να κάνετε αυτές τις αλλαγές, καθώς και να ρυθμίσετε την επένδυση, στο στυλ σας. css αρχείο.

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

Σχεδιασμός μενού πλοήγησης 4Blog Ανάλυση # 4: Εικόνες μενού

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

Ωστόσο, οι εικόνες μπορούν επίσης να διαδραματίσουν έναν πιο λειτουργικό ρόλο προσθέτοντας περισσότερο περιβάλλον σε έναν τίτλο στοιχείου μενού. Για παράδειγμα, μια εικόνα ενός αεροπλάνου δίπλα σε μια καρτέλα "Πού να πάει" βοηθά τους αναγνώστες να καταλάβουν καλύτερα από πού συνδέονται αυτές οι συνδέσεις.