4 Viktiga överväganden när du utformar din blogs navigationsmeny - dummies

Navigationsmenyn är en viktig aspekt av din bloggs övergripande design. En effektiv navigeringsmeny för din blogg förbättrar inte bara besökarens upplevelse, men det hjälper också att illustrera vem du är och vad din blogg handlar om. Det finns fyra huvudsakliga överväganden som du bör undersöka när du bestämmer dig för en design för din blogg navigationsmeny.

1Blog navigeringsmeny design övervägande # 1: färger

Du har nog redan valt färger och teckensnitt för din övergripande bloggdesign. När det gäller din navigationsmeny, bör de färger och teckensnitt du väljer inte hindra menyns förmåga att hjälpa till att navigera en besökare till någon annanstans i din blogg.

Bloggen Simply Vintagegirl använder en enfärgad navigationsmeny tillsammans med Times New Roman-teckensnitt. Den gula linjen innebär en uppdelning från rubriken och innehållet, medan teckensnittet gör menyn lätt att läsa.

När du väljer en färg eller färger som ska användas för menyraden väljer du de som kompletterar din övergripande design. Det här kan innebära att du använder en färg som du använde inom ett visst designelement eller har en neutral färg som grå. Även ingen färg alls kan fungera om du vill ha en enkel utseende.

Kontrollera för varje menyalternativ att texten och bakgrundskontrasten så att titlarna är läsbara. Till exempel kan ljusgröna titlar på en vit bakgrund inte vara tillräckligt kontrast, men mörkgröna titlar på en ljusgrön bakgrund kan bara se perfekt ut.

2Blog navigeringsmeny design övervägande # 2: teckensnitt

När du väljer typsnitt fungerar det enklare. Här är två vanliga misstag i navigeringsmenyens teckensnitt:

• För tunn : En riktigt tunn typsnitt gör orden svårt att läsa, särskilt för att navigationsmenyerna ofta använder mindre teckenstorlekar. Välj teckensnitt som inte försvinner i din bakgrund. Ibland kan en tunn typsnitt fortfarande fungera om bakgrundsfärgen ger tillräckligt med kontrast.

• För snygging : En kraftigt skriptad typsnitt eller ett teckensnitt med mycket känsla kan vara överförande på en navigeringsmeny. Du vill att din meny ska kunna läsas men inte ta bort fokusen på din rubrik eller blogginnehåll. Oavsett typ av typsnitt, se till att det är lätt att läsa i mindre teckensnittstorlekar.

3Blog navigeringsmeny design övervägning # 3: mellanslag

Bortsett från typsnitt och färg, se till att dina navigeringsmenytitlar inte går ihop och förvirra dina besökare. Lägg märke till det förvirrande avståndet mellan orden. Är det om och Mina foton, eller om mina foton?Justera vaddering mellan menyalternativ för att åtgärda detta problem.

För att ändra teckensnitt och färger kan du ofta ändra inställningarna för ditt tema eller mall. Om inte, kan du göra dessa ändringar, samt justera vadderingen, i din stil. css-fil.

För att hitta den exakta koden för att justera din meny och kodens plats, använd Firebug. Du kan också spela runt med färg och teckensnitt ändras innan du faktiskt gör dem.

4Blog navigeringsmeny design övervägning # 4: menybilder

När du gör det effektivt kan du lägga till bilder på din navigeringsmeny för att skapa känsla för din bloggdesign. Ibland används en liten bild till vänster om varje menyflikt helt enkelt till en annan plats för att knyta samman din bloggbransch - med andra ord, helt enkelt för gott utseende!

Bilder kan dock också spela en mer funktionell roll genom att lägga till mer kontext till en menyobjektstitel. Till exempel kan en bild av ett plan bredvid en flik där du kan gå läsare bättre förstå var den länken tar dem.