De fleste webdesignere og får flere og flere forespørsler fra klienter til å designe tilpassede blogttemaer .

Mens utformingen av et blogg tema ikke er helt forskjellig fra å designe noen annen type nettside, er det noen unike utfordringer som blog tema designere står overfor.

Det er mange kilder tilgjengelig for designere som søker inspirasjon fra blogger med høy kvalitet, men det er også viktig å forstå spesifikt hva som vil påvirke og bestemme suksessen til et blogg tema design . I denne artikkelen vil vi undersøke 13 egenskaper som skiller ut store bloggemner fra resten.

1. Lesbarhet

Siden blogging dreier seg om innhold, er lesbarhet en kritisk prioritet. Selv godt innhold med dårlig lesbarhet vil kjempe for å tiltrekke seg og beholde leserne. Mens et blogg tema er viktig, bør det ikke forringe innholdet selv. Når du designer et bloggtema, blir det ofte mye oppmerksomhet på områdene av designet som topptekst, navigasjon og sidebjelke, og det blir ofte oversett oversettelsen av innholdet i innlegget .

Det er en rekke faktorer som påvirker lesbarhet, som alle bør vurderes når du designer et blogg tema:

Padding - Padding eller margin som skiller innholdet i et innlegg fra kantene av innholdsområdet kan hjelpe leseren til å visuelt skille innholdet og fokusere på det uten å distrahere.

Freelance Switch bruker mye polstring for å holde innholdet lett å lese.

Kort avsnitt - Leserne får en lettere tid med korte avsnitt. Langa avsnitt på en skjerm kan være vanskelig og skremmende for leserne. Kort avsnitt trekker ofte lesere inn fordi de kan være leser raskere.

Lister - Bruk uordnede (punktliste) lister eller bestilte lister når det er aktuelt. I stedet for å bruke stykkeformat utelukkende, kan lister bidra til å bryte opp monotonyen til teksten og tillate enklere skanning. Poengene vil også skille seg ut som de tar tak i leserne.

Fet tekst - Å ha en skjerm full av tekst som har samme vekt og størrelse gjør det vanskeligere for leserne å raskt se hva som er viktig. Mange blogg besøkende kommer ikke til å lese innlegg ord for ord, så alternativene dine er for å gjøre det lettere for dem å skanne, eller se dem gå.

Line spacing - Spesielt for blogger som utgiver lenger, mer detaljerte innlegg, er det viktig å ha tilstrekkelig mellomrom mellom tekstlinjene. Ikke avstand linjene skaper ordentlig teksten.

Underoverskrifter - Blogginnlegg kan brytes opp av underoverskrifter (vanligvis h3 eller h4-koder). Når du designer og styler et tema, bør disse underoverskriftene få stor oppmerksomhet. Når de er gjort riktig, hjelper de med lesbarhet, skanning, og de vil hjelpe forfatteren til å lage poeng tydelig.

Mirificam Press stiler sine underoverskrifter for å få en visuell innvirkning.

2. Nyttige sidefelt

Sidebjelker er en viktig del av bloggdesign fordi de spiller en stor rolle i navigering for besøkende, og fordi de gir muligheten til å legge til litt kreativitet for designen. I tillegg gir de tema designer og blogger en sjanse til å bestemme hvilket innhold eller sider på bloggen får eksponering for alle sine besøkende. En god sidebar vil ha en attraktiv design, være enkel å bruke og navigere, ha riktig innhold, og oppmuntre et stort antall sidevisninger.

Noen vanlige elementer i sidebjergene i bloggen inkluderer:

  • Populære innlegg
  • Siste innlegg
  • Blogroll / vennelister
  • annonser
  • Kategori lenker
  • Datobaserte arkiver
  • Link til RSS-feed
  • Nylige kommentarer
  • Fremme av produkter / tjenester

For å ta sidefelt et skritt videre, oppretter noen blogdesignere flere sidebjelker eller bruker betingede tagger for å inkludere dynamisk innhold basert på siden / innlegget som besøkende ser på . Dette bidrar til å gjøre sidefeltene mer relevante og nyttige fordi informasjonen og koblingene som finnes i sidefeltet, er mer sannsynlig å være av interesse for de besøkende.

Et økende antall blogger er revamping sine sidebjelker for å oppmuntre til flere leserinteraksjoner. Noen bloggere legger inn koblinger til brukerinnleverte samfunnsnyheter. Andre er inkludert Flickr Fotostrømmer (Flickr-grupper er nå ganske vanlig for designblogger) eller muligens streaming av informasjon fra Last.fm . Ekstra sosiale medier integrasjon er en annen mulighet, fra nettsteder som Twitter , Nydelig eller Digg .

De PSDTUTS sidebar inneholder bilder fra sin egen Flickr-gruppe, samt brukerinnleverte fellesskapsnyheter.

3. Unikt

Med millioner av blogger og tusenvis av forskjellige bloggemner der ute, er det ganske enkelt for besøkende å ha en vanskelig tid å skille mellom hvilke blogger de har vært til før og hvilke de ikke har. Great blog design vil skille seg ut fra alle de gratis temaene og lignende design på en eller annen måte. Designeren kan ta en rekke forskjellige tilnærminger for å oppnå dette målet, men den viktige delen er at designet ikke bare vil bli minneverdig, men det bør også passe med meldingen og formålet med bloggen.

Mulige tilnærminger:

Kunstnerisk / Kreativt

En måte å gjøre designet ditt skiller seg ut, er å designe noe ekstremt kreativt som lett vil gi bloggen sin egen tydelig merke.

Web Designer Wall

GoMediaZine

Typografi-Based

Astheria

Jeg elsker typografi

Fargerik

Macalicious

Veerles blogg

Interessante Headers

Mest Lisa

Octwelve

Mørk

Evan Eckard

Nytt konsept

Selvfølgelig er disse bare noen få forskjellige stiler og alternativer for designere. Det finnes utallige måter du kan gå på å skape et unikt tema, men bloggen skal ha en slags tydelig utseende som bidrar til å merke nettstedet og holde det fra å blande inn med alle de andre bloggene .

4. Kommentar Design

Kommentarområdet er ofte en prioritet for temadesignere, men et godt utformet kommentarområde kan gi bloggen en helt annen følelse for leserne, spesielt de som kommenterer seg selv. Designere har muligheter for å inkludere avatarer for kommentatorer, styling forfatterkommentarer som skiller seg ut fra andre, vekslende kommentarer med forskjellige stiler, bruk av talebobler, etc.

Avatarer blir stadig vanligere på blogger, delvis på grunn av det enkle å gjøre det med WordPress og Gravatars . Avatars bidrar til å gi kommentarområdet et mer personlig preg og å gi hver kommentator mer av en egen personlighet.

Pro Blog Design gjør utmerket bruk av avatarer og farge i kommentarområdet.

Darren Hoyt bruker mindre avatarer og annen stil for forfatterkommentarer.

5. Integrasjon av annonser

De fleste blogger i dag (minst de som er profesjonelle og ikke personlige) bruker annonser av noe slag for å tjene penger på nettstedet. Dette kan inkludere AdSense, tilknyttede annonser eller direkte bannerannonser. Mens annonser er en nødvendighet i de fleste tilfeller for å holde bloggen i gang, kan de også ha en ugunstig effekt på design og brukeropplevelse hvis de ikke implementeres riktig inn i designet.

Noen bloggere og designere velger å plassere annonser på steder som vil trekke mye oppmerksomhet, som i sammenheng med blogginnleggene. Selv om dette kan bidra til å produsere flere annonseinntekter, vil det redusere det generelle utseendet til bloggen og avvise noen lesere. Dette er en avgjørelse som må gjøres av blogginnehaveren, men fra et designers perspektiv er det best å beholde annonsene på steder som er spesifikt utpekt for annonser.

Plasseringen av annonsene er viktig, men styling av annonsene, eller området rundt annonsene, er også et alternativ for designeren . Annonsene kan føles som om de er mer en del av temaet og mindre påtrengende hvis de blir behandlet som en del av designet.

CSS-triks bruker en kantlinje på bannere i sidefeltet som endrer seg til en rød farge på hover, og topptekstbanneret er plassert på en grungy bakgrunn som også har en sveveffekt.

6. Effektiv, brukbar navigasjon

Navigasjon er en av de viktigste faktorene ved å bestemme brukerens opplevelse på nettstedet. Ingenting er mer frustrerende enn å ikke kunne finne det du leter etter, og besøkende er bundet til å forlate hvis dette skjer med dem. På den annen side kan effektiv navigasjon føre til flere sidevisninger og en mer ressursfull blogg som utnytter innholdet som er tilgjengelig.

Utvikling og vedlikehold av effektiv navigering er en utfordring for bloggdesignere, fordi innholdet blir kontinuerlig lagt til bloggen, noe som gjør det lettere for innlegg å bli begravet i arkivene. På noen måter er opprettholdingen av navigasjonen opp til bloggeren, når det gjelder bruk av interne linker i innlegg og oppdatering av eldre innlegg med nye koblinger. Det er imidlertid noen skritt som designeren kan ta for å forbedre navigasjonen.

Først bør det være en primær navigasjonsmeny som tar besøkende til en hvilken som helst større side på nettstedet (for eksempel en Om side eller en kontaktside), og sekundære navigasjonsmenyer brukes ofte også.

For det andre bør sidebjelken brukes til å knuse leserne mot det viktigste innholdet på bloggen . Populære innlegg er en vanlig måte å gjøre dette på.

For det tredje skal sidebjelken også inneholde noen standardbloggnavigasjonselementer som besøkende vil forvente å finne, for eksempel kategorikoblinger eller en lenke til en arkivside.

For det fjerde kan bunnen av postområdet brukes til å inkludere koblinger til relaterte innlegg, eller dette kan gjøres manuelt av bloggeren når det er ønskelig på bestemte innlegg.

Overskriften til Noupe Inkluderer kategorilinker som den primære navigasjonen, som gjør det enkelt for besøkende å finne innhold som de vil ha, pluss det gjør navigasjonsfeltet mindre som en kjedelig kategoriliste.

7. Bilder i innlegg

En del av en bloggers innsats for å få innleggene sine lest og lagt merke til, er å bruke bilder i blogginnlegg . Selvfølgelig er bruken av bilder utenfor kontrollen av bloggdesigneren, men designeren kan ha innvirkning på dette aspektet ved å inkludere stiler for postbilder. Bilder kan være mye mer effektive og attraktive når de er utformet med CSS for å gi dem en finere berøring.

Designere ønsker kanskje å gi noen forskjellige klasser for bilder som kan brukes, eller for mange bloggere kan det være lettere å stilere alle bildene. Bruk av en kant og polstring er vanlig, noen ganger i forbindelse med bakgrunnsfarger.

Brenn din kreativitet bruker omtrent 10 piksler med polstring og en grå kant rundt bildene.

Spyre Mag bruker en lys grå bakgrunn og en litt mørkere kant.

8. Bunntekstdesign

Når du designer et blogg tema, eller et nettsted for den saks skyld, er bunnteksten et område av designet som vanligvis får svært lite oppmerksomhet. De fleste blogger inkluderer opphavsrett, en link til hjemmesiden, og kanskje noen andre lenker til sider på nettstedet (eller til tema designer og / eller til blogging plattformen). Mens mange besøkende ikke vil rulle hele veien ned for å se fotfoten, vil de som gjør det, kunne dra nytte av en godt utformet bunntekst.

Hva bør en bloggfooter inkludere? Det er ingen absolutter, men generelt bruker noen blogger dem hovedsakelig som en forlengelse av sidefeltet . Ved dette mener jeg at mange av de samme elementene du vil finne i gjennomsnittlig sidebjelke, også vises i noen bloggfootere. Sosial mediaintegrasjon, som for eksempel nyere innlegg til Twitter, er populære. I tillegg kobler noen blogger til populære innlegg, nylige kommentarer og til og med blogger fra venner fra bunnteksten.

I tillegg til å bare bruke bunnteksten til å være et hjem for mer informasjon og lenker, bruker designere også dette området for å bli kreativ med temaet. Bunnteksten er mye som toppteksten ved at den gir et stort lerret for en motivert designer for å eksperimentere.

Blog.SpoonGraphics bruker en bunntekst som peker på populært innhold med et stilig design.

Produktiv drømmer inneholder lenker til nyere innlegg og kommentarer, samt Twitter og Vi.sualize.us integrering.

9. Fargeskjema

Farge er selvsagt en av de viktigste faktorene i enhver form for design. Finne riktig fargevalg for et bloggtema er noe som vanligvis ikke skjer umiddelbart, men å få fargene riktig er avgjørende. Fargene vil noen ganger gjøre utseendet, og andre ganger kan de ødelegge designet. Heldigvis er det nok av verktøy og ressurser for å finne fargeskjemaer .

Fargeskjemaet til en blogg vil spille en betydelig rolle i merkevaren til bloggen, og dermed er det svært viktig for bloggenes langsiktige suksess. Noen blogger bruker en lys og levende farger, mens andre bruker færre farger, eller en monokromatisk skjema. Som de fleste ting når det gjelder design, er det ingen rett eller galt, bare forskjellige valg for forskjellige situasjoner.

Web Design Ledger har et attraktivt fargevalg med flere forskjellige nyanser av nøytrale farger med accent av oransje og blå.

Mr. Diggles bruker en veldig grunnleggende fargevalg som inneholder svært liten farge, men det fungerer veldig bra.

10. Ikoner

Ikoner kan brukes til å forbedre utseendet på et nettsted og for å forbedre brukervennligheten samtidig. Hele punktet med ikoner er å presentere en melding til besøkende uten å bruke tekst selv. For eksempel er et ikon for et hjem vanligvis forstått å være en lenke til hjemmesiden uten å si det, og en taleboble brukes ofte til å representere bloggkommentarer.

Når det brukes riktig, gir ikoner noe av en subtil forbedring av designet . Ikoner er sjelden høydepunktet for et hvilket som helst blogg tema, men alle blogger kan benytte seg av godt utformede ikoner. Blog tema designere kan enten designe egne ikoner, eller bruke et hvilket som helst antall gratis ikon sett som er tilgjengelige.

NETTUTS , og de andre nettstedene i tuts familien, bruk gratis ikoner fra funksjonen .

11. Høyt innhold

Fordi blogger er så avhengige av innhold, bør bloggetemautformingen tillate innholdet å starte over folden. Overordnede overskrifter tillater mer kreativitet i design, men for blogger fungerer det vanligvis best å fokusere på å få innholdet til syne raskt . Dette er min personlige preferanse, og det er noen godt utformede blogger som presser innhold ned, men som hovedregel er det best å holde innholdet høyt i oppsettet.

Temaet til Devlounge bruker et lite overskriftsområde som inneholder starten på innholdet svært høyt på siden.

12. Abonnementsområder

RSS og e-post abonnenter er livsnerven av blogger. Av denne grunn er det åpenbart viktig for blogger å kunne konvertere besøkende til abonnenter . Mange bloggjester vil være vant til standardbloggkonvensjonen for å inkludere koblinger til RSS-feeder og epostabonnementsmuligheter i sidefeltet. Vanligvis er disse områdene plassert på toppen av sidefeltene, men noen ganger er de litt lenger nede.

Fordelen med å holde med normen her er at det er lettere for folk å finne koblingene, og du vil ikke gjøre det vanskelig for folk å abonnere. De fleste blogger inkluderer også RSS-ikoner sammen med linken. Det finnes utallige RSS ikoner tilgjengelig for nedlasting i alle slags variasjoner.

Darren Rowse of ProbBogger Inkluderer RSS- og epost abonnementsalternativer øverst i høyre sidefelt, en ganske vanlig plassering.

Du Designer bruker høyre side av overskriften for abonnementskoblinger og et ikon.

13. Social Media Integration

Flere og flere blogger begynner å inkludere knapper, merker eller koblinger for å oppmuntre leserne til å stemme på innholdet sitt på sosiale medier. Når det gjelder disse elementene, kan overkill skade bloggenes utseende. For mange knapper kan få temaet til å se rotete og uorganiserte. Den beste metoden er å bruke et design som implementerer sosiale medier, for eksempel avstemningsknapper, subtilt uten å overvinne noe annet i designet.

Seks revisjoner inneholder en liten Digg-stemmeknapp, og tekstkoblinger til Stumble eller bokmerke øverst i hvert innlegg. Den mindre Digg-knappen er mer brukervennlig for design enn den større "Digg This" -knappen som mange blogger bruker . StumbleUpon og Delicious-koblingene er plassert under tittelen der de har svært liten forstyrrelse. I tillegg hjelper de små StumbleUpon- og Delicious-ikonene linkene til å bli funnet av leserne.

Hva er din mening?

Hvilke elementer har du den største innvirkning på suksessen til et blogg tema design?