1. No category

design & layout
Distansskolan
1
Grundelementen
Varje komposition är summan av dess
grundelement. Om du tittar på en annons
eller broschyr kommer du hitta både enkla
och komplexa kompositioner. En del
kompositioner ser så komplexa ut att det
kan vara svårt att förstå hur skaparen har
tänkt, men när du lärt dig att se samman
ställningen som en uppsättning av
grundläggande element, blir det enklare att
analysera en komposition och att bygga en
egen.
Inom grafisk komposition kan helheten
begränsas till ett par huvudsakliga
grundelement. De fyra
grundformerna är:




Kvadraten
Rektangeln
Cirkeln
Ovalen
förstasidan, är en
av de frågor du
måste ha klart för
dig innan du
börjar.
Du har säkert lagt
märke till att
mittpunkten
bilder som ramas in (passepartout) alltid
placeras närmare överkanten än
underkanten av ramen. Det ger intrycket att
bilden placerats harmoniskt i ramen. Om
bilden istället hade varit placerat i ramens
geometriska mittpunkt hade det känts som
om motivet glidit ner, och placerats
obehagligt lågt. Därför talar man om
formatets optiska mittpunkt. Denna
ligger lite över den geometriska
mittpunkten. Om du tar hänsyn till
den optiska mittpunkten slipper du att
dina kompositioner känns sid och
bottentunga.
Formatets delning
Ett vanligt nybörjarfel är
att man ger sig i kast med
små detaljer i kompositionen istället för att
tänka igenom helheten. Det bästa är att
reducera detaljerna till linjer, mörka
rektanglar, mellangrå ovaler o.s.v. Sedan
gör du ett par alternativa skisser där du
placerar grundelementen på olika sätt för
att nå fram till den effekt du vill få med din
komposition.
Exempel på skisser
Formatet
Oftast måste en grafisk designer använda
sig av ett givet format. Du måste tänka på
att den webbplats du designar ska passa en
bildskärm och de upplösningar på skärmen
som önskas. Tillåts scrolling på
Distansskolan
Formatet påverkar uppfattningen om
hur helheten ser ut, men det finns medel
för att motverka detta. Tänk på hur en smal
person bör undvika kläder med lodräta
ränder. Detsamma gäller dina
kompositioner. Du kan framhäva eller
dölja formatets intryck genom det sätt du
delar upp det.
Genom att bestämma kompositionens
huvudlinjer kommer du automatiskt
fördela de visuella krafterna i delmängder.
Dessa linjer kan vara skapade av
bildkanter, ytor i olika färgtoner eller
färger som skär sig mot varandra. Linjerna
kan också bestå av textradernas och
textblockens begränsningar. Det kan t.o.m
vara osynliga linjer som skapar den balans
vi vill se.
Ett format kan delas upp på olika sätt och
det kan avgöra hur effekten kommer att bli,
spännande, tråkig, viktig, ordnad eller
kaotisk. Därför är det viktigt att känna till
2
några grundläggande regler kring formatets
delning.
Fördelning av mörkt och ljust – Mörkt
uppfattas oftast som tungt och ljust som
lätt. När ett mörkt parti placeras nedtill
kommer det kännas som en solid grund att
stå på . Placeras det mörka överst, över en
ljus yta kan det mörka partiet framstå som
mer dynamiskt, men också dystert och
opålitligt. En god tumregel är annars att
placera de tunga formerna överst för att
undgå ett nedtyngande intryck. Tänk också
på hur du placerar den yta som inte
innehåller någonting. Den kan ofta ha ett
avgörande värde för den komposition.
Balans och harmoni
Formatets delning
Riktning – Delar man ett format
horisontellt blir verkan en upplevelse av
lugn. Går linjen i
mitten kan det kännas
kraftlöst eller tråkigt.
Delas formatet med
ett vertikalt streck
upplever man nog
Horisontell delning
mer kraft.
Kompositionen blir mer aktiv, även om
man placerar linjen i mitten. En diagonal
gör krafterna ännu
starkare. Går den
nerifrån vänster mot
höger upplevs den
som fallande, motsatt
stigande. Det beror på
att vi är vana att läsa från vänster till höger.
Ännu större spänningar skapas om
kompositionen delas på ett annat ställe än
mitten, eller av flera linjer.
Korsande linjer – En kombination av
stående och liggande linje ökar spänningen
förutsatt att linjerna skär varann utanför
formatets centrum. Korsande linjer sätter
starkare krafter i rörelse och trekanten som
uppstår kan ge en upplevelse av dynamik
och oro.
Distansskolan
Att åstadkomma en lyckad komposition
kan liknas vid att väga upp föremål i en
vågskål. Du kan lägga en vikt i varje skål
och på så sätt uppnå balans. Om vikterna är
jämnt fördelade blir intrycket lugnt och
harmoniskt. Vikterna du arbetar med i
grafisk komposition kan vara ytor av olika
nyanser och färger, som delats in i skilda
format med hjälp av linjer i olika
riktningar.
Symmetri innebär att elementen fördelas
lika runt en axel. Det är ett tryggt och
rofyllt kompositionssätt, men behöver inte
vara tråkigt för det. Tvärtom är symmetri
ett bra sätt för att skapa seriositet och
allvar kring en komposition. Motsatsen är
assymetrisk som ibland kan kännas mer
spännande och levande än den
symmetriska.
Även här är det en bra metod att klippa ut
grundformer och element för att flytta runt
dessa till dess att man uppnår perfekt
balans.
3
Helheten
skapa en helhetsform, även om de inte rör
varann, kan vi lätt uppfatta denna helhet.
Komposition kan sammanfattas som ett
försök att skapa en helhet. En grön skog är
på avstånd bara en skog, men ju närmare
man kommer, desto mer blir man varse alla
små detaljer. Så uppfattar man en lyckad
komposition också.
Tyska psykologer kom i början på 1900talet fram till en uppsättning lagar som
man kan använda vid framställning av
visuell form. De s.k gestaltlagarna är bra
att känna till när du arrangerar din
komposition.
Helhet genom närhet – Element med ett
väldigt litet avstånd emellan sig uppfattar
vi som om de hör ihop. Vi tycks uppfatta
en osynlig
förbindelse
mellan element
som är nära
varandra.
Kvadraterna känns som
två enheter-linjer
Helhet genom likhet – Former som är lika
varandra uppfattar vi gärna som element i
en helhet. Genom
att t.ex använda två
olika typsnitt i en
text skiljer vi
texterna från
varandra.
Kvadraterna känns som
om de hör ihop
Helhet genom god form – Enskilda element
som ser ut att ingå i en sammanhängande
enkel och välkänd form kan framstå som
en sammanhängande enhet. Placera olika
bokstäver tillsammans i en ring och du ser
genast siffran noll eller bokstaven O.
Helhet genom summering – Om de
enskilda delarna ser ut att tillsammans
Distansskolan
Helhet genom utfyllnad –
Våra erfarenheter hjälper
oss att komplettera en
ofullständig form .
Genom att lägga
till en kvadrat
bildas bokstaven F
Helhet genom rörelse – En komposition
där delarna har samma riktning kan lätt
uppfattas som en helhet.
Placera inte elementen slumpmässigt över
ytan, utan använd ”osynliga linjer” för att
skapa känslan av ordning och reda.
Kontraster
Du har tidigare lärt dig vikten av harmoni
och balans, men i en värld av tusentals
intryck varje timme krävs det starka
verkningsmedel för att tränga igenom
”bruset”. Kontraster skapar
uppmärksamhet. Tänk dig en låda med
hundratals vid paket och ett enda rött.
Vilket paket kommer att dra till sig din
uppmärksamhet?
Kontrast genom avvikande form – Tänk att
du på din webbplats enbart använder dig av
fyrkantiga objekt. Vilken effekt skulle en
rund ring ha på sidan?
Kontrast genom avvikande storlek – Om
alla objekt är lika stora dras
uppmärksamheten genast till en avvikande
storlek, vare sig den är större eller mindre
än de andra.
Kontrast genom avvikande mängd – Tänk
dig en katalog med 10 produktbilder på
varje sida. Om du vill få uppmärksamhet
på en speciell produkt, spräng in en ensam
produkt på en egen sida.
4
Kontrast genom avvikande nyans –
Använd t.ex olika nyanser för olika typer
av rubriker för att hjälpa läsaren runt i
texten.
ordning eller genom att visa mönster på ett
speciellt sätt
Kontrast genom avvikande färger –
Givetvis kan du använda färger för att
skapa kontrast i din komposition.
Tänk på att det du nyss läst är sånt som kan
vara bra att ha med sig i bagaget när man
skapar en grafisk komposition, men
ingenting är heligt. I slutändan är det din
egen smak och tycke som förhoppningsvis
baserats på erfarenhet och gott omdöme,
som avgör hur din komposition kommer att
se ut.
Kontrast genom avvikande textur –
Använd också olika mönster i bakgrunden
för att framhäva element.
Gyllene regel: Inga regler är heliga
Kontrast genom avvikande riktning –
Rader och rubriker har ofta en horisontell
riktning. Använd dig av en diagonal så kan
du vara säker på att uppnå uppmärksamhet.
Kontrast genom avvikande avstånd – En
saknad tennisboll i en rad av tennisbollar är
ett bra exempel på vad som ger god
uppmärksamhet.
Kontrast genom avvikande
skärpa/tydlighet – En glasklar produkt i en
diffus miljö bidrar till att framhäva ett
objekt på bekostnad av ett annat.
Den skarpa punkten syns mycket
tydligt tillsammans med de oskarpa
Huvudroll och biroll – En god regel är att
låta intressepunkten i en layout spela en
klar huvudroll. De övriga elementen bör
dämpas så att de inte hamnar i konflikt
med huvudrollsinnehavaren.
Rörelse och rytm
Om inget speciellt fångar vår
uppmärksamhet börjar vi oftast att
undersöka en form från vänster till höger.
Om du understryker diagonaler ökar
rörelsens intensitet och kompositionen blir
mer dynamisk. Linjer, pilar och axlar följer
vi gärna med ögonen. Perspektiv kan också
skapa rörelse. Det klassiska exemplet är
vägen som omgiven av träd sträcker sig
bort mot horisonten. Rytmen i en
komposition kan vara avgörande för hur
spännande vi tycker den är. Rytm skapar
du genom att låta element visas i en viss
Distansskolan
5