4 Viktige hensyn når du designer bloggens navigasjonsmeny - dummies

Navigasjonsmenyen er et viktig aspekt av bloggens generelle design. En effektiv navigasjonsmeny for bloggen din forbedrer ikke bare besøkendeopplevelsen, men hjelper også med å illustrere hvem du er og hva bloggen din handler om. Det er fire hovedhensyn du bør undersøke når du bestemmer deg for et design for bloggens navigasjonsmeny.

1Blog navigasjonsmeny design vurdering # 1: farger

Du har sikkert allerede valgt farger og skrifter for din generelle bloggdesign. Når det gjelder navigasjonsmenyen, bør imidlertid farger og skrift du velger ikke hindre menyens evne til å hjelpe til med å navigere en besøkende til andre steder i bloggen din.

Bloggen Simply Vintagegirl bruker en enkeltfarget navigasjonsmeny sammen med Times New Roman skrifttype. Den gule linjen betyr en oppdeling fra toppteksten og innholdet, mens skrifttypevalg gjør at menyen er lett å lese.

Når du velger en farge eller farger som skal brukes til menylinjen, velger du de som utfyller din generelle design. Dette kan bety at du bruker en farge du brukte i et bestemt designelement eller har en nøytral farge som grå. Selv ingen farge i det hele tatt kan fungere hvis du vil ha et enkelt utseende.

For hvert menyelement må du kontrollere at teksten og bakgrunnskontrasten gjør at titlene er lesbare. For eksempel bruker lysgrønne titler på en hvit bakgrunn kanskje ikke kontrast nok, men mørkegrønne titler på en lysegrønn bakgrunn kan se helt perfekt ut.

2Blog navigasjonsmeny design vurdering # 2: fonter

Når du velger fonter, fungerer det enklere. Her er to vanlige feil i navigeringsmenyfonter:

• For tynn : En veldig tynn skrift gjør ordene vanskelige å lese, spesielt fordi navigasjonsmenyer ofte bruker mindre skriftstørrelser. Velg fonter som ikke forsvinner i bakgrunnen. Noen ganger kan en tynn skrifttype fortsatt fungere hvis bakgrunnsfargen gir nok kontrast.

• For fancy : En tung skriftlig skrifttype eller en skrift med mye teft kan være overbærende på en navigasjonsmeny. Du vil at menyen din skal kunne leses, men ikke ta bort fokuset på overskriften eller blogginnholdet. Uansett hvilken type skrift, sørg for at det er lett å lese i mindre skriftstørrelser.

3Blog navigeringsmeny design vurdering nr. 3: mellomrom

Bortsett fra font og farge, se på at navigeringsmenytitlene dine ikke løper sammen og forvirre de besøkende. Legg merke til den forvirrende avstanden mellom ordene. Er det om og mine bilder, eller om mine bilder?Juster polstringen mellom menyelementene for å fikse dette problemet.

Hvis du vil endre skrifttyper og farger, kan du ofte endre innstillingene for temaet eller malen. Hvis ikke, kan du gjøre disse endringene, samt justere polstring, i stilen din. css-fil.

For å finne den nøyaktige koden for å justere menyen og koden, bruk Firebug. Du kan også spille rundt med farge- og skrifttypeendringer før du faktisk lager dem.

4Blog navigasjonsmeny design overveielse # 4: menybilder

Når du gjør det effektivt, legger du til bilder i navigasjonsmenyen din, kan legge til flair til bloggen din. Noen ganger bruker et lite bilde til venstre for hver menyfan ganske enkelt et annet sted å knytte sammen den generelle bloggen din, med andre ord, bare for godt utseende!

Imidlertid kan bildene også spille en mer funksjonell rolle ved å legge til mer kontekst til en menyelementtittel. For eksempel hjelper et bilde av et fly ved siden av en hvor du skal gå-leseren bedre å forstå hvor den linken tar dem.