Inhoudsopgave:
- 1Blog navigatie menu ontwerp-overweging # 1: kleuren
- 2Blog navigatie menu ontwerp overweging # 2: fonts
- Let er naast lettertype en kleur op dat de titels van uw navigatiemenu niet samen lopen en uw bezoekers verwarren. Let hier op de verwarrende spatiëring tussen de woorden. Is het over en mijn foto's of over mijn foto's?Pas de opvulling tussen de menu-items aan om dit probleem op te lossen.
- Afbeeldingen kunnen echter ook een meer functionele rol spelen door meer context toe te voegen aan de titel van een menu-item. Een afbeelding van een vlak naast een Where to Go-tabblad helpt lezers bijvoorbeeld beter te begrijpen waar die link naartoe leidt.
Video: How to Apply to Google AdSense and Actually Get Approved 2024
Het navigatiemenu is een belangrijk aspect van het algehele ontwerp van uw blog. Een effectief navigatiemenu voor je blog verbetert niet alleen de bezoekerservaring, maar het helpt ook te illustreren wie je bent en waar je blog over gaat. Er zijn vier belangrijke overwegingen die u moet onderzoeken bij het kiezen van een ontwerp voor het navigatiemenu van uw blog.
1Blog navigatie menu ontwerp-overweging # 1: kleuren
U hebt waarschijnlijk al de kleuren en lettertypen gekozen voor uw algehele blogontwerp. Als het echter om uw navigatiemenu gaat, zouden de kleuren en het lettertype die u selecteert, de mogelijkheid van het menu om te helpen bij het navigeren door een bezoeker naar elders in uw blog, niet hinderen.
De blog Simply Vintagegirl gebruikt een eenkleurig navigatiemenu samen met Times New Roman-lettertype. De gele balk betekent een verdeling uit de koptekst en de inhoud, terwijl de lettertype-optie het menu gemakkelijk leesbaar maakt.
Kies een kleur of kleuren voor uw menubalk en kies degene die uw algehele ontwerp aanvullen. Dit kan betekenen dat u een kleur gebruikt die u in een bepaald ontwerpelement hebt gebruikt of met een neutrale kleur zoals grijs. Zelfs geen enkele kleur zou kunnen werken als je een eenvoudige look wilt.
Zorg er voor elk menu-item voor dat de tekst en achtergrondcontrast zo zijn dat de titels leesbaar zijn. Het gebruik van lichtgroene titels op een witte achtergrond kan bijvoorbeeld onvoldoende contrast opleveren, maar donkergroene titels op een lichtgroene achtergrond zien er misschien perfect uit.
2Blog navigatie menu ontwerp overweging # 2: fonts
Bij het selecteren van lettertypen werkt simple beter. Hier zijn twee veelvoorkomende fouten in navigatiemenu-lettertypen:
-
Te dun : een heel dun lettertype maakt de woorden moeilijk te lezen, vooral omdat navigatiemenu's vaak kleinere lettergrootten gebruiken. Kies lettertypen die niet in uw achtergrond verdwijnen. Soms kan een dun lettertype nog steeds werken als de achtergrondkleur voldoende contrast biedt.
-
Te chique : een sterk gescript lettertype of een lettertype met veel flair kan overheersend zijn in een navigatiemenu. U wilt dat uw menu leesbaar is maar niet de aandacht wegneemt van uw kop- of blogcontent. Ongeacht het type lettertype, zorg ervoor dat het gemakkelijk leesbaar is in kleinere lettergroottes. <399> 3Blog-navigatie-ontwerpoverweging # 3: spatie
Let er naast lettertype en kleur op dat de titels van uw navigatiemenu niet samen lopen en uw bezoekers verwarren. Let hier op de verwarrende spatiëring tussen de woorden. Is het over en mijn foto's of over mijn foto's?Pas de opvulling tussen de menu-items aan om dit probleem op te lossen.
Als u uw lettertypen en kleuren wilt wijzigen, kunt u de instellingen van uw thema of sjabloon vaak wijzigen. Als dat niet het geval is, kunt u deze wijzigingen aanbrengen en de opvulling aanpassen aan uw stijl. CSS-bestand.
Gebruik Firebug om de exacte code te vinden om uw menu en de locatie van de code aan te passen. Je kunt ook met kleur- en lettertypewijzigingen spelen voordat je ze daadwerkelijk maakt. <499> 4Blog-navigatie menu-ontwerpoverweging # 4: menubeelden
Als afbeeldingen goed worden toegevoegd aan uw navigatiemenu, kunt u flair toevoegen aan uw blogontwerp. Soms wordt het gebruik van een kleine afbeelding aan de linkerkant van elk menutab gewoon een andere plek om uw algehele blogbranding te binden - met andere woorden, gewoon voor een goed uiterlijk!