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 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å 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 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 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 mittpunkten Distansskolan 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 mer kraft. Horisontell delning 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. 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. Distansskolan 3
Helheten 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å 1900- talet 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. 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 Kvadraterna känns som två enheter-linjer 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 skapa en helhetsform, även om de inte rör varann, kan vi lätt uppfatta denna helhet. Helhet genom utfyllnad Våra erfarenheter hjälper oss att komplettera en ofullständig form. 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 Genom att lägga till en kvadrat bildas bokstaven F 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. Distansskolan 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. Kontrast genom avvikande färger Givetvis kan du använda färger för att skapa kontrast i din komposition. Kontrast genom avvikande textur Använd också olika mönster i bakgrunden för att framhäva element. 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. ordning eller genom att visa mönster på ett speciellt sätt Gyllene regel: Inga regler är heliga 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 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