4 Vigtige overvejelser, når du designer din blogs navigationsmenu - dummies

Navigationsmenuen er et vigtigt aspekt af din blogs overordnede design. En effektiv navigationsmenu til din blog forbedrer ikke kun oplevelsen af ​​besøgende, men det hjælper også med at illustrere, hvem du er, og hvad din blog handler om. Der er fire hovedhensyn, du bør undersøge, når du beslutter dig for et design til din blogs navigationsmenu.

1Blog navigationsmenu design overvejelse # 1: farver

Du har sikkert allerede valgt farver og skrifttyper til dit overordnede blogdesign. Når det kommer til din navigationsmenu, skal de farver og skrifttyper, du vælger, ikke hindre menuens evne til at hjælpe med at navigere en besøgende til andre steder i din blog.

Bloggen Simply Vintagegirl bruger en enkeltfarvet navigationsmenu sammen med Times New Roman skrifttype. Den gule bjælke angiver en opdeling fra overskriften og indholdet, mens skrifttypevalg gør menuen nem at læse.

Når du vælger en farve eller farver, der skal bruges til din menulinje, skal du vælge dem, der supplerer dit overordnede design. Dette kan betyde at bruge en farve, du brugte inden for et bestemt designelement eller gå med en neutral farve som grå. Selv ingen farve overhovedet kan arbejde, hvis du vil have et simpelt udseende.

For hvert menupunkt skal du sørge for, at teksten og baggrundskontrasten, så titlerne er læselige. For eksempel kan lysgrønne titler på en hvid baggrund ikke være nok i kontrast, men mørkegrønne titler på en lysegrøn baggrund kan måske se helt perfekt ud.

2Blog navigationsmenu design overvejelse # 2: skrifttyper

Når du vælger skrifttyper, fungerer det enklere. Her er to almindelige fejl i navigeringsmenu skrifttyper:

• For tynd : En rigtig tynd skrifttype gør ordene svært at læse, især fordi navigationsmenuer ofte bruger mindre skriftstørrelser. Vælg skrifttyper, der ikke forsvinder i din baggrund. Nogle gange kan en tynd skrifttype stadig fungere, hvis baggrundsfarven giver tilstrækkelig kontrast.

• For fancy : En stærkt skriptet skrifttype eller en skrifttype med masser af flair kan være overbærende på en navigationsmenu. Du vil have din menu til at være læselig, men tag ikke fokus på dit overskrift eller blogindhold. Uanset hvilken type skrifttype, skal du sørge for, at det er let at læse i mindre skriftstørrelser.

3Blog navigationsmenu design overvejelse # 3: mellemrum

Bortset fra skrifttype og farve, se, at dine navigeringsmenititler ikke løber sammen og forvirre dine besøgende. Bemærk her den forvirrende afstand mellem ordene. Er det om og mine billeder eller om mine billeder?Juster polstring mellem menupunkter for at løse dette problem.

Hvis du vil ændre dine skrifttyper og farver, kan du ofte ændre dit tema eller skabelonens indstillinger. Hvis ikke, kan du foretage disse ændringer, samt justere polstring, i din stil. css fil.

For at finde den nøjagtige kode for at justere din menu og kodeens placering, skal du bruge Firebug. Du kan også spille rundt med farve- og skrifttypeændringer, før du faktisk laver dem.

4Blog navigationsmenu design overvejelse # 4: menubilleder

Når du gør det effektivt, kan du tilføje billeder til din navigationsmenu, som kan tilføje flair til dit blog design. Nogle gange bliver det et andet sted at bruge et lille billede til venstre for hver menuflip til at binde i din samlede blog branding - med andre ord, bare for godt udseende!

Imidlertid kan billeder også spille en mere funktionel rolle ved at tilføje mere kontekst til en menupunkttitel. For eksempel hjælper et billede af et fly ved siden af ​​en Where to Go-fane læsere bedre, hvor dette link tager dem.