10px ovanför, 10px undertill…eller?

När man designar för webben så finns där många faktorer att ta hänsyn till. Hur det ska se ut, och hur lätt information är att ta till sig är två av dem. I detta inlägg tänkte jag belysa något som jag funderar på ibland, något som jag inte riktigt ”bestämt” hur jag ska göra när jag designar. Vad det handlar om är marginaler och hur de ska sättas.

Strikta marginaler

Vad jag menar med strikta marginaler är när du sätter avståndet på objekt i förhållande till varandra, exempelvis rubriker och stycken med exakt samma avstånd. Om du exempelvis skriver en artikel och har samma utrymme från din sista paragraf till din nästa underrubrik.

När du kör med strikta marginaler så använder du alltså samma avstånd under, ovanför och sidan om ett objekt, i förhållande till de omringade objekten. Detta gör du för att hålla en strikt design som inte avviker när det gäller marginaler. Det är snyggt och fungerar bra för att lättare scanna igenom en text.

Större marginal ovanför

På Grafix Studio har jag gjort ett medvetet val och satt marginalerna ovanför min rubrik högre än marginalen under till textstycket. Detta tycker jag ser både bättre ut och gör det enklare att hoppa till nästa stycke. Det är inte lika lätt att scanna informationen, nej. Men du kan lättare urskilja var en ny rubrik börjar och förstår att du faktiskt börjar på en ny text.

På webben är standarden att köra med strikta marginaler, som jag kallar det. Jag antar väl att syftet uppfyller ändamålet och att varje projekt behöver hanteras på sitt sätt. Jag medger att ibland så föredrar jag att läsa en artikel som kör med strikta marginaler, för att informationen scannas lättare. Trots detta vill jag inte göra det på Grafix Studios artiklar.

Fler inlägg om design

http://cynatic.org/ Andreas Johansson

Problemet med strikta marginaler med typografiska element är att det strider mot all typografisk god sed som finns. En rubrik som har 10px ovan och 10px nedan ser ut att flyta från sin paragraf och hänga i luften. Att man sätter mindre marginal under rubriken är ett sätt att definiera vilken paragraf som rubriken hör till och därmed gör det enklare att läsa samt scanna av sidan.
http://cynatic.org Andreas Johansson

Problemet med strikta marginaler med typografiska element är att det strider mot all typografisk god sed som finns. En rubrik som har 10px ovan och 10px nedan ser ut att flyta från sin paragraf och hänga i luften. Att man sätter mindre marginal under rubriken är ett sätt att definiera vilken paragraf som rubriken hör till och därmed gör det enklare att läsa samt scanna av sidan.
http://www.grafixstudio.se/ Antonio Riveras

Det stämmer nog bra det du säger Andreas. För mig har det bara varit logiskt att inte köra med strikta marginaler i typografi.
http://www.grafixstudio.se Antonio Riveras

Det stämmer nog bra det du säger Andreas. För mig har det bara varit logiskt att inte köra med strikta marginaler i typografi.