Aldri undervurder verdien av en godt designet blogg! Det handler ikke om å imponere. Det handler om å kommunisere, og en viktig faktor som spiller inn er designet. Her er 5 tips til en bedre designet blogg!
Typografi
Behandling og utforming av skrift kaller man typografi. Gjennom stilark (CSS) og semantisk kode kan man bestemme stil og struktur på skriften, og på den måten fremheve viktig tekst, og dempe ned på mindre viktig tekst. Overskrifter er naturlig nok viktig så de bør fremheves, mens feks datovisning, kategori, tags osv er mindre viktig så det kan gjøres mindre markant. Sørg for at leseren ikke blir forvirret på dette.
I love Typography; Det er ikke tilfeldig at du lett kan skille meny, overskrifter, datovisning, avsnitt og lister fra hverandre her. God typografi!
Bruk effekter som størrelse, tykkelse, farge, font, og skriftkarakter (serif, sans-serif) for å lede an leserne dit du vil de skal gå. Tenk også at det skal være leservennlig! Gi leserne klar beskjed om hva som er overskrifter, avsnitt, lister, lenker mm. Tenk hele tiden hva man er vant til på nett!
Eksempler på god typografi; Jason Santa Maria , Don’t trust this guy, A List Apart, SimpleBits.
Les mer om typografi; A guide to typography (I Love Typography) , Typographic Contrast and Flow (Web Designer Wall) .
Luft
Mange tenker på hvordan de skal fylle ut bloggen med innhold, men glemmer ofte å tenke på luft mellom elementer! Luft gir ro til leseren.
Tenk deg du sitter og ser på tv, og noen fører en samtale. Hvis de prater veldig fort og mye over lengre tid ønsker du nesten å puste for dem. Du blir stressa, og merker du trenger å fordøye det budskapet de kommer med. Dette gjelder også når du leser tekst og vil tilsvare luft mellom feks avsnitt. Hvis du leverer leseren alt på en gang blir han eller hun fort lei. Ta en kunstpause innimellom og tillatt tomrom!
Noen steder du burde tenke over om det er nok luft;
- Avstand mellom avsnitt og lister
- Linjavstand i avsnitt og lister
- Luft mellom kolonner, altså horisontalt
- Luft mellom elementer vertikalt
Eksempler på god bruk av luft; 31Three, Shaun Inman, Designsensory.
Les mer om bruk av luft (whitespace); Whitespace ( A List Apart)
Kontraster
Ikke la alt være like viktig eller uviktig. Fremhev viktige ting, demp mindre viktige ting. Det gir dynamikk til siden, og er med på å skille ut viktige elementer fra mindre viktige. Det er feks vanlig å legge trykk på visse ord for å vise leseren at dette er viktig!
Her brukes kontrast gjennom farge, dybde (mørke og lyse deler), mønster og typografi! Gir øynene dine en lett inndeling av bloggen ikke sant?
Eksempler på hvor/hvordan du kan bruke kontraster;
- Størrelse
- Tykkelse
- Farge
- Grafikk
- Font
Eksempler på god bruk av kontraster; Jeff Sarmiento, AppStorm.
Les mer om bruk av kontraster; Contrast and Meaning (A List Apart).
Ryddig struktur
Veien til en ryddig blogg ligger i god planlegging, og en måte å strukture innholdet på er å sette opp et såkalt grid (rutenett). Et kjent gridoppsett heter 960 Grid System, og kan lastes ned gratis. Men det vikigste er at du velger deg et oppsett som fungerer for deg.
Når du har valgt deg et oppsett, tenk deg at leserne dine legger ut på en tur i det de entrer bloggen din. Hvor vil du de skal begynne? Tittel og navigasjon fungerer best øverst, og la deretter lesere finne første artikkel kjapt! De viktigste tingene går øverst, mindre viktige ting kan plasseres lenger ned i sidekolonner, i bunnmenyen, eller til og med på andre sider. Husk at du kun har noen sekunder, kanskje bare ett, på å fange oppmerksomheten til den som besøker siden din for første gang! Men hvis strukturen er ryddig og fin, er sjansen større for at folk blir værende.
Eksempler på ryddig og god struktur; Rockatee, Jesus Christ, The Son of God, Jason Santa Maria, Mezzoblue.
Mer om struktur: Grid systems in Web Design (Tutorial Blog).
Kontinuitet!
Kontinuitet syns jeg er viktig i en blogg, når det gjelder de fleste elementer. Husk at du bygger opp en sfære for leserne dine.
Rød tråd er viktig i alle aspekter av en blogg, både innhold og design. Ikke skift design eller emne annenhver uke! Bestem deg for en stil og kjør den fullt ut! Hvis du endrer domene, logo, navn, stil, innhold og struktur hele tiden vil det bare forvirre leserne. Ikke alle husker deg for navnet ditt. Andre igjen husker deg kun for navnet. Jeg har for vane å huske blogger etter design, eller profilbilde eller lignende. Folk er vanedyr og søker det kjente, så gi de det! La de huske hvem de har kommet til når de snubler over bloggen din!
Men kontinuitet er også viktig i selve designet. Bestem deg for en fargepalett, en typografi som går igjen i hele bloggen, og et oppsett som kan fungere over tid. Mangler du en visjon og visse retningslinjer kan fort bloggen din virke rotete. Og en rotete blogg er ingen tjent med.
Eksempel på kontinuitet på blogger; Webdesigner Matt Brett har så lenge jeg kan huske kjørt sin stil på bloggen sin! Etter 3 sekunder der inne skjønner du hva slags type han er, hva han liker, og hva han står for! Han er kjent for å lage nettsider i grungestil! Han blogger om de samme tingene som han hele tiden har gjort, og bygd opp en ramme rundt bloggen sin som fungerer bra for han og oss lesere. Da han redesignet bloggen sin for en tid tilbake kunne du likevel med en gang se hvilken blogg du hadde kommet til!
Les mer om kontinuitet i webdesign; Good Designers Redesign, Great Designers Realign (A List Apart)
Konklusjon
Det jeg egentlig prøver å si er; Rydd opp i bloggen din! Sørg for en klar inndeling av elementer gjennom typografi, luft, kontrast og struktur! Og husk at designet ikke er der for å imponere, det er der for at leserne dine skal slippe å tenke! For godt design er usynlig!
Ønsker du å lese mer om webdesign kan du besøke bloggen til Mia Holte! Mia driver også firmaet Holte Design.
