Johannes Holmberg » Design

Gurrametoden.se – en blogg på WordPress

Johannes Holmberg — Tue, 21 Dec 2010 20:56:49 +0000

Det känns som evigheter sedan jag gjorde den här sajten men det slog mig att jag inte presenterat den ännu. Gurrametoden.se är en blogg som behandlar träning, hälsa och kost. Jag fick förfrågan från en gammal vän som ville börja blogga. Jag gjorde designen och fixade ihop ett litet WordPress tema. I stort sett uppdateras bloggen varje dag och trafikeras flitigt av besökare. Det är kul att sajten går bra och jag önskar Gustaf fortsatt lycka till.

Kolla in gurrametoden.se

Version 4.0 – Redesign av sajten

Johannes Holmberg — Mon, 20 Dec 2010 18:12:11 +0000

Då var det dags för version nummer 4 av den här sajten. Efter en lång och hård helg har jag äntligen fått till det hela som jag vill ha det. Jag har skippat mycket av funktionerna och tanken var att köra det så enkelt och rent som möjligt med fokus på innehållet. Jag har skippat sidpanelen helt och har istället valt att köra på endast en kolumn i designen.

Sajten blev också väldigt smal eftersom jag inte bara hade de fullstora datorernas skärmar i åtanke, utan ville presentera innehållet så rent som möjligt även på telefoner och multimediaplattor. Sajten renderas perfekt och ser helt underbar ut i Google Chrome och strax efter kommer (hör och häpna!) Internet Explorer 9. De övriga läsarna har lite svårt att rendera typsnitten så där perfekt mjuka som jag vill ha dom, men det är egentligen en petitess.

Det är fortfarande en del saker som ska göras och kommentarerna är i stort sett oförändrad jämfört med tidigare version. Där har jag även planer på att byta ut WordPress standardkommentarer mot någon annan tjänst. Där har ni nog bättre koll än mig så jag tänkte höra med er vilken ni tycker jag ska använda. Vilken är enklast att implementera och mest användarvänlig?

Annars så tycker jag själv om det nya temat och administrationen har fått sig en rejäl uppfräschning som gör det enklare för mig att skriva inlägg vilket jag hoppas kommer att resultera i en ökad skrivlust. Jag tar gärna emot all typ av feedback.

Ja just det, den klassiska före/efter bilden serveras här.

Stilrena typsnitt för ditt nästa designprojekt

Johannes Holmberg — Thu, 14 Jan 2010 19:27:25 +0000

Typografi är alltid en viktig aspekt inom design. Här kommer ett gäng med stilrena typsnitt som du kan använda till ditt nästa designprojekt. Kom ihåg att läsa licensen för varje typsnitt ifall du har som avsikt att använda det kommersiellt.

Vegur

Anivers

Existence Light

Sansation

Walkway

Quicksand

Ett gäng med social media ikoner

Johannes Holmberg — Wed, 06 Jan 2010 18:05:23 +0000

När man skapar en ny bloggdesign behöver man oftast ikoner för att dela sina artiklar på facebook, twitter, youtube medmera. Här kommer ett helt gäng med ikoner som du kan använda till din nästa bloggdesign.

Web 2.0rigami

Free Hand Drawn Doodle Icon Set for Bloggers

6 Free New Social Icons

The Leaves Fall: A Social Icon Set For Bloggers

Dellifeed: A Free Icon Set

Heart: A Free Social Icon Set

Cute Tweeters Icon Set

Socialize Icons

Social Icons Made of Wood

Social Icons hand drawned

Social Media Mini Iconpack

Handycons

Recension – ”Att bli en grym webbdesigner”

Johannes Holmberg — Mon, 14 Dec 2009 17:49:40 +0000

Antonio Riveras, webbdesigner verksam i Malmö skickade mig en kopia av hans nya e-bok ”Att bli en grym webbdesigner”. Jag har läst igenom boken och är imponerad över hur pass enkelt den går igenom yrket webbdesigner och hur man går tillväga för att bli en riktigt grym sådan.

Boken ligger på 22 sidor för tillfället men enligt Antonio kan den komma att utökas i framtiden. Boken går bland annat igenom vad du bör lära dig, vilka verktyg som finns tillgängliga, lönestatistik, marknadsföringstekniker, reurser för att komma igång mm. Antonio har på ett enkelt och pedagogiskt sätt framställt en grundläggande e-bok för dig som vill börja med webbdesign. Här finns allt du behöver för att komma igång och det på bara 22 sidor.

Ifall du har planer på att läsa en högskoleutbildning inom området så listar boken både de traditionella högskolorna samt de KY-utbildningar som finns. Den går också igenom vilka för – och nackdelar som finns med de olika sätt utbildningarna utförs på.

Jag rekommenderar den här boken för alla som vill komma igång och designa moderna, användbara och funktionella webbsidor.

Här kan du läsa mer om e-boken ”Att bli en grym webbdesigner”

5 sajter för repeterande bakgrunder

Johannes Holmberg — Mon, 26 Oct 2009 12:32:52 +0000

Att använda mönster och repeterande bakgrunder kan vara ganska effektfullt i webbdesign. Här kommer 5 sajter där du hittar moderna bakgrunder.

Pattern 8

Pattern Head

Squidfingers

DinPattern

ava7 patterns

Ny bloggdesign!

Johannes Holmberg — Wed, 07 Oct 2009 22:56:35 +0000

Har som du märkt gjort en liten uppfräschning och omstrukturering här på bloggen. Jag tyckte att jag hade tappat tråden lite grann på min gamla design och hade en del nya tankar och ideér som jag ville genomföra, men framför allt ville jag ha bättre struktur på sajten. Så vad tycker ni? Respons tas mer än gärna emot.

Vad har gjorts?

Efter många långa sena kvällar släpps alltså en ny design här på bloggen. Det var egentligen tänkt att det skulle släppas vid 1-års firandet av bloggen (vid nyår) men kommer som sagt lite tidigare. Jag ville ha en tydligare struktur vilket har gjort att sajten fått en 2 kolumnig design istället för 3 som tidigare. Jag har försökt skilja på vad som är innehåll och vad som tillhör sidpanelen.

Jag har lagt till bilder från mitt Flickr konto (hoppas man orkar uppdatera det nu bara…). Jag har även lagt till mina favoritcitat och musiken som jag lyssnat på under veckan. De mest populära artiklarna har ärats med en egen rubrik i sidpanelen så att man enkelt kan hitta till artiklarna som läses mest. Har också taggat alla inlägg och lagt till ett taggmoln så att man kan lista inlägg efter ämnen.

Min gamle klasskamrat Andreas Eriksson inspirerade mig också till att lägga till ”Notiser” på sidan som är korta nyheter om vad som händer i webbvärlden.

Om du upptäcker något som är felaktigt eller har någon synpunkt får du mer än gärna skriva en kommentar så jag kan rätta till det.

Bjuder på en före och efter bild

Fler inspirerande blogg designer

Johannes Holmberg — Mon, 01 Jun 2009 08:05:02 +0000

Tidigare skrev jag artikeln 5 inspirerande bloggdesigner där jag listade intressanta och innovativa blogg designer. Det finns otroligt många vackra, smarta och ”Out of the box” designer för bloggar där ute så nu tänkte jag följa upp med ett gäng till.

AmourChaleur.Com

Abiblog 09

Madfrog Designs

Matt Mullenweg

HomeDesignFind

Boompa

Cult-foo

Deborah Cavenaugh

Medianotions

Octwelve

Design Log of Ayaka ito

Ilovecolors

Getting crazy on the waltzers

Design inspiration för favicons

Johannes Holmberg — Mon, 25 May 2009 08:43:18 +0000

Tidigare har jag skrivit inlägget Gör din egen favicon där jag gick igenom hur man går tillväga för att skapa en egen favicon för sin webbsajt. Kort och gott är en favicon den lilla ikonen som syns bredvid en webbadress i webbläsarens adressfält. Ikonen syns också ifall du skulle välja att bokmärka en sajt.

Detta är något som man bör utnyttja för att skapa ett visuellt samband mellan ikonen och webbsajten. Låt oss ta en titt på några kreativa och inspirerande lösningar för design av favicons.

http://microformats.org/

http://www.modulio.net/

http://www.sumagency.com/

http://www.illustrationclass.com/

http://www.akamai.com

http://www.imasters.com.br/

http://www.pixellogo.com/

http://www.kiva.org/

http://www.piqniq.jp/

http://www.tanyamerone.com/

http://reachgroupconsulting.com/

http://www.evozon.com/

http://www.elevenmedia.com/

http://www.thinkpinkstudio.com/

http://www.flexy.info/

Har du en favicon för din webbsajt, och vad brukar du tänka på när du designar din favicon?

5 inspirerande bloggdesigner

Johannes Holmberg — Fri, 15 May 2009 08:00:16 +0000

Idag finns hundratusentals bloggar på webben och det gäller att sticka ut för att besökaren ska stanna till vid din blogg. Dom flesta bloggar idag är strukturerade på ungefär samma sätt: Det brukar finnas en lista av artiklar, en sidpanel med länkar, kategorier, arkiv osv.

Så för att få besökaren att stanna till vid din blogg krävs något extra i din design som fångar besökarens intresse. Här är 5 bloggdesigner som är innovativa och sticker ut ur mängden, låt dig inspireras och fundera över hur du kan utveckla din nästa bloggdesign för att få ut just det där lilla extra.