Blog Design 101: Din kompletta guide till att designa bloggelement som ger resultat
Om du försöker designa din blogglayout från början är ditt slutmål att skapa en design som bäst passar dina läsares behov och krav.
Det som kan fungera för en blogg kan vara helt värdelöst för en annan, så var inte för sugen på att kopiera någon annans designstil. Fokusera istället på de grundläggande principerna och riktlinjerna och låt dem hjälpa dig att utveckla en design som unikt representerar dig.
Att designa en blogg handlar om att sammanföra olika element och delar för att skapa en webbplats som effektivt levererar ditt budskap till dina läsare. Nedan analyserar vi de viktigaste av dessa element, och hur du kan inkludera dem i din egen design.
Komma igång
Många som startar en blogg har ingen aning om vart de vill ta den, vilket är ett stort problem när man försöker avgöra vilken riktning man ska ta. Men du kan trösta dig med denna enda sak: du kanske inte vet vad du vill ännu, men du kommer definitivt att veta när du får det. Att svara på dessa tre frågor kan hjälpa dig att kartlägga din designväg:
- Vad är din inspiration? Se dig omkring efter inspiration om design, färgval och tryck. Du kan hitta dessa var som helst, men Pinterest kan vara ett bra ställe att börja.
- Vilka är dina favoritbloggar? Hitta fem bloggar som du är galen i och bestäm exakt vad du gillar med dem, och om du kan extrapolera idén till din egen blogg. Skapa en Pinterest inspirationstavla som låter dig samla dina inspirerande element under ett tak.
- Vad skiljer dig åt? Din blogg ska vara en återspegling av vem du är. Utnyttja de aspekter du vill ta med dig som kommer att skilja dig från resten.
- Vilka färger gillar du? När du väljer ditt färgschema, tänk inte bara på de färger som gör dig glad, utan också på vilken betydelse ditt val har för vilken typ av blogg du driver. Eftersom du hoppas kunna locka andra människor till din blogg kan du inte bara fokusera på det du vill.
1 Rubriken
Rubriken är där du gör det första intrycket på dina tittare, och det sätter tonen för deras interaktion med din blogg. Ha seriösa rubriker för seriösa bloggar och roliga och kreativa rubriker för roliga bloggar. Välj dina ord medvetet och använd dem sedan kortfattat.
Nischbloggare (som pratar om något specifikt) kan ha lättare för detta, men alla kan hitta något – en sak – som deras blogg handlar om. Om du till exempel har en personlig blogg, så handlar bloggen om dig och du kan dela något om dig själv på ett kreativt sätt.
Gör din rubrik mellan 150 och 250 pixlar hög så att du kan maximera dina fastigheter ovanför mitten (utrymmet på en webbsida innan du rullar). Om du måste ha en rubrik över 250 pixlar bör du tänka på följande:
- Lägg till funktionella element – integrera några funktionella element som navigering, ikoner för sociala medier och RRS-flödesikoner i rubriken för att maximera utrymmet. Många premium WordPress-teman har redan rubrikwidgetdelar utlagda. På Blogger kan du behöva koda in en rubrikwidgetruta.
- Arbeta med grafiken – från illustrationer till fotografier, investera i grafik av hög kvalitet; du vill hellre ha bra grafik eller ingenting alls – det är så allvarligt. Du kan hitta många bilder och illustrationer på webben. Om du kan Photoshop, ännu bättre, kan du justera dina bilder för att göra dem mer… du. Om inte, är jag säker på att du har en vän som du kan muta. Att få sidhuvudet rätt kommer att göra alla andra aspekter mycket lättare att placera och designa.
2 Teckensnitt och typografi
Teckensnitt kan hjälpa till att sätta en ton för din webbplats och blogginlägg, och du kan få många sällan använda typsnitt gratis. Oavsett om du går efter chic, rolig, nyckfull, seriös, modern, gotisk och mer, finns det massor av val online som du kan använda. Innan du väljer ett visst typsnitt, tänk på följande:
- Bör vara lättläst och bokstäver ska fungera bra med andra element.
- Om du kombinerar typsnitt bör de komplettera varandra (använd max tre typsnitt).
- Håll huvudteckensnittet enkelt. Det ska vara rent och lätt för ögonen. Att ha ett krångligt, roligt huvudteckensnitt gör läsningen svår och tröttar ut hjärnan. Du kan använda roliga typsnitt på sidofält, signaturer, rubriker och inläggstitlar.
- Snälla, snälla, använd inte Papyrus eller Comic Sans, vi ber er.
- Den ska varken vara för liten eller för funkig; dina läsare kommer inte att drabbas av det.
När du väljer teckensnitt för din webbplatstext, överväg om det kommer att renderas på samma sätt på alla datorer. Vissa typsnitt ingår inte i andra datorer, till exempel Century Gothic, som är ett utmärkt lästypsnitt som inte ingår i Mac-datorer. Se till att du inkluderar ett reservteckensnitt som är lika bra om maskinen som används för att komma åt din blogg inte har ditt specifika teckensnitt.
Du bör också använda webbförberedda typsnitt som ser bra ut på alla enheter och visar alla dina skiljetecken. Vissa specialtecken finns inte i vissa typsnitts register, vilket innebär att en del av din information inte kommer att visas om du använder dem. Google har massor av gratis, lättanvända och webbklara typsnitt. Du kan också kolla in dafont eller Kevin och Amandas webbplats för fler typsnitt för ärter (handskriftsbaserade) och scrapbook-teckensnitt (vanliga typsnitt).
3 Sidfoten
Din sidfot bör ha mer än bara upphovsrättsförklaringen; t är faktiskt det näst viktigaste designelementet på dina webbsidor. Nu när du har fått din läsare hela vägen ner (bra gjort!), bör du ha en tydlig väg för att styra dem härnäst.
Om en läsare har kommit till botten av din webbsida är de förmodligen mycket imponerade av dig och kan vara intresserade av att kolla in dina andra kategorier. Efter att ha gått igenom din sida kan de nu vara villiga att prenumerera på ditt webbplatsflöde eller e-postlista eller följa/gilla dig på sociala medier. Ge dem alla funktioner de behöver för att få kontakt med dig utanför din webbplats, samt ett sätt att nå alla andra delar av din webbplats utan att behöva rulla tillbaka upp till navigeringen.
Du kan också inkludera tre eller fyra av dina mest populära inlägg i sidfoten för att få läsarna att interagera med några av dina bästa arbeten. Använd sidfoten för att markera vad mer som är intressant/häftigt med din webbplats.
Du bör göra det enkelt för läsarna att hitta och få kontakt med dig på andra ställen på Internet, vilket är bra eftersom det kommer att bygga en publik för dig även utanför din blogg. Sociala nätverk är avgörande för din bloggs framgång, varför det är viktigt att lägga till sociala ikoner. För att börja placera dina ikoner kan du göra följande:
- Sökikoner – börja min sökning efter sociala ikoner på Google, som kan leda dig hit. Om du är mer kreativ kan du skapa dina egna ikoner med Photoshop. Den idealiska storleken är 60 px runt om.
- Ladda upp ikon – du kan göra detta direkt till bloggen eller använda flikr, photobucket och andra fotosajter, och inkludera sedan en länk till bilden i din kod.
- Lägg till din HTML-kod – i Blogger ska följande kodrad läggas till i HTML-widgetområdet, medan det i WordPress går in i textwidgetområdet:
<a href="http://www.linkgoeshere.com" target="_blank"><img src="http://www.imageurlhere.com"></a>Denna enkla kodrad infogar vilken bild som helst på din blogg.
5 Bloggflöde
RSS-flödet är ett populärt sätt för bloggare att enkelt följa andra bloggar. De flesta bloggar är vanligtvis inställda för att ge ett automatiskt flöde, men detta kommer inte med automatiska alternativ för att följa viktig statistik, vilket kan vara mycket användbart för en kommande bloggare.
Så här ställer du in din feedburner:
- Gå till feedburner.google.com och ställ in ditt flöde genom att placera din flödesadress eller blogg i rutan.
- När webbadressen har verifierats kommer nästa sida att visas och du måste se till flödesadressen och bloggnamnet (mycket viktigt!). om du ändrar flödesadressen i framtiden MÅSTE du meddela läsarna, eftersom de inte kommer att uppdateras automatiskt.
Det är allt! Du har nu ett flöde. I Blogger kan du gå till Dashboard >> Inställningar >> Webbplatsflöde och du kommer att se en ruta med titeln "Post Feed Redirect URL" där du måste infoga din feedburner-feedadress. I WordPress kan du behöva ladda ner Feedburner Feedsmith-plugin, som du hittar här. Detta är den mest rekommenderade plugin för denna uppgift, eftersom den förblir konsekvent även med WordPress-uppdateringar.
Slutsats
Att designa en blogg är ingen enkel bedrift, särskilt om du inte har någon som helst designerfarenhet. Det finns många viktiga aspekter att ta hänsyn till, såväl som steg att ta. Som nybörjare kanske du inte kan designa en hel webbplats från marken, även om du har alla handledningar. Hitta istället ett bra tema som du kan anpassa och börja där. Det finns tusentals och åter tusentals både gratis- och premiumteman du kan få på både WordPress och Blogger. När du blir mer skicklig i kodning och design kan du sakta arbeta med att ytterligare anpassa olika delar av din blogg så att den inte ser ut som någon annans.
Det viktigaste att komma ihåg är att det kommer att ta mycket tid och ansträngning. Du kan behöva gå igenom tiotals tutorials innan du får det helt rätt. Men när du väl gör det kommer belöningen för en unik blogg att vara väl värt ansträngningen.
Med vänliga hälsningar!