Designprinciper – Linjering

Principen bakom linjering är en av de mest simpla. Ändå så missar folk detta relativt ofta. Man kan säga att principen är så simpel att den faktiskt behöver en genomgång, vilket jag tänkte göra här idag.

Vad är då grundtanken?
Grundtanken är att texter, rubriker och element på din hemsida ska vara linjerade med varandra, horisontellt och/eller vertikalt. Detta gör att det ser snyggare ut men underlättar även för din besökare att scanna igenom sidan utan onödiga avbrott. Linjeringen förser dig med en röd tråd genom informationen helt enkelt och skapar en skarp tydlighet. Om du stöter på en sida som du tycker ser jobbig ut så är det förmodligen för att linjering inte har skötts korrekt här.

Exempel – www.poccuo.com

En slumpmässigt vald sida som använder god linjering. Sidan är väldigt tung med avseende på hur mycket objekt som ska linjeras, men detta sköts väl.

Bilderna följer samma storlek och precis under ligger rubrik och stycke. Notera att stycke och text är inknuffat ett antal pixlar. Du tänker säkert att de borde vara linjerade med bilderna, men faktum rubriken och textstycket som är placerat längst till vänster är linjerade med texten ”Featured Work” som befinner sig ovanför bilden, som i sin tur är linjerade med den längre texten ”I’ts Tuesday morning at the….”

Du ska alltid linjera dina element men du måste inte följa det till 100%. Varje element måste inte linjeras med varandra. Du kan gruppera dina linjeringer som det här exemplet. Det är faktiskt bästa praxis att göra såhär, för då separerar man på bild och text på ett bra sätt.

Undertill så ligger en ny gruppering av linjerade element. Bilderna är relativt mindre och är inte linjerade med några andra element på hemsidan förutom sig själva. Här har de på ett smart sätt skapat en ny grupp med underliggande rubrik och text som följer en ny linjering.

Poängen är alltså att det är OK att skapa sina egna mönster och att ibland även bryta några så länge man håller sig inom ramarna och fortsätter linjera sina element efter de ”nya” placeringarna.

Fler inlägg om Design

• Från Photoshop till WordPress
• Plagiat vs Inspiration
• När du fastnat i din designstil
• Kvalitet i webbdesign
• Olika stilar i webbdesign
• Läsbarhet – en viktig faktor i design