8 gyllene regler för komposition för grafiska designers

Komposition är mest känt inom foto- och konstbranschen, men det är lika viktigt inom grafisk design. Design måste se visuellt tilltalande ut för användare och tjäna ett större syfte, mer än att bara vara vacker, och att implementera reglerna för komposition gör just det.

För att göra din grafiska design mer informativ och funktionell för användarna samtidigt som den behåller sin estetik, följ dessa gyllene regler för komposition.

Vad är sammansättning och varför är det så viktigt?

Komposition är det övervägda resultatet av presenterade bilder. Detta kan gälla fotografering – det finns liknande kompositionsregler inom fotografering— och även traditionell konst. Även presentation av mat i matfotografering använder komposition för att framkalla specifika reaktioner.

I grafisk design handlar det om arrangemanget av elementen och innehållet. En väl avrundad bild av kompositionen kommer att överväga layout, färg, struktur och själva elementen.

Dessa principer är väsentliga i grafisk design, eftersom designen handlar om att visa information samtidigt som den är estetiskt tilltalande. Designers bör alltid överväga komposition för att vägleda publikens öga genom designen.

1. Designa till en rutnätslayout

Layout är en av de viktigaste aspekterna av designkomposition. Du kanske har hört talas om Fibonacci-spiralen och hur många element i naturen som följer den. Att använda Fibonacci Spiral som en layoutguide är bra för traditionella konstverk eller inklusive radiell balans i konst och design, men spiraler är inte den enda layouten som människor reagerar bra på.

Grafisk design – särskilt layoutdesign, webbdesign och UX/UI-design – fungerar bäst när den är inställd på ett rutnät. Webbdesign för stationära datorer använder vanligtvis ett rutnät med 12 kolumner, men det är inte en svår och snabb regel. Andra designtyper fungerar bättre med andra rutnätsstorlekar.

Rutnät ger konsekvens för dina mönster. Det mänskliga ögat gillar att veta vad man kan förvänta sig och var, särskilt när man läser viktig information. Att följa ett rutnät hjälper dina användare att absorbera din design, och det betyder också att varje sida överensstämmer med allmänna placeringsförväntningar.

2. Öva typografisk hierarki

Även om du är ny inom grafisk design, skulle du ha upplevt typografisk hierarki under hela ditt liv. En tidning är det perfekta exemplet på denna sammansättningsregel.

Huvudrubrikartikeln har alltid den största och fetaste texten. Detta följs kort av den näst viktigaste artikeln på förstasidan. Inom dessa hittar du mindre, men ändå fet, text under rubriken för att ge lite inblick i artikeln. Slutligen är textstorleken på artikelns brödtext den minsta, vilket ger all extra information.

Samma teknik bör tillämpas på alla designformer. Den viktigaste – men ofta den kortaste – informationen bör vara den största och tydligaste, följt av allt mindre text för mindre viktig men relevant information.

En sak att komma ihåg är att vara selektiv med antalet storlekar och typsnitt som används i varje design. Välj högst tre teckensnitt och tre eller fyra storlekar beroende på användningsfallet. Mindre är vanligtvis mer när det kommer till typografisk design.

3. Ge allt utrymme

För att absorbera information eller visuell design måste det finnas tillräckligt med utrymme. För många element tillsammans kommer att överväldiga din publik, vilket hindrar dem från att ta in någon av din design eller information alls.

Att ge negativt utrymme är en vanlig teknik inom grafisk design och traditionella konstformer; det är dock inte den enda tekniken för att ge lämpligt utrymme i din design.

Återigen, att arbeta med ett rutnät hjälper dig att placera din design på rätt sätt. Att veta att mindre är mer hjälper dig också att prioritera designelement, så att du bara kan placera det som behövs i din komposition.

4. Lagerelement

Även med gott om utrymme i en design kan du fortfarande lägga element ovanpå varandra. Stor fet text är fortfarande läsbar när den täcker delar av en bild. Den skiktade effekten spelar till den konstnärliga sidan av grafisk design, men det hindrar inte den från att vara hjälpsam och informativ.

Om du designar för UX/UI eller webbdesign, kan lagerelement hjälpa flödet av användarinteraktion. En titel kan animeras över en bild eller försvinna efter att ha valts för att avslöja andra element, till exempel.

Skiktning hjälper till att hålla sig till en hierarki och balanserar informationen du behöver människor att se med designelementen som lägger till dekoration eller sammanhang. Det är också vanligt att lagerelement i fotokompositioner för att guida publikens syn genom ett foto.

5. Lägg till texturer

I likhet med att lägga till lager är att lägga till textur ett utmärkt sätt att förbättra dina designkompositioner. Grafisk design behöver inte kännas platt.

Texturer kan inkludera gradienter, transparens, grunge-texturer, mönster, och även din text kan lägga till textur. Om du designar i Canva kan du hitta några fantastiska texturerade element med Canva-koder.

6. Lek med färgharmoni

Färg är en av de viktigaste aspekterna av design. Välj färger som inte bara fungerar för ditt varumärke och passar WCAG-förhållandet, men som också ser bra ut i hela din design.

Färgharmoni betyder inte bara färger som naturligt samverkar, det inkluderar även komplementfärger eller monokromer med en färgpop. Det bör alltid finnas en anledning att använda en icke-harmoniserande färg i din grafiska design, men när det görs rätt kommer det att göra din design pop.

7. Integrera kontaktpunkter

Även om din design är enbart för dekoration eller att vara vacker, kommer en kontaktpunkt att dra in folk. Detta är särskilt viktigt för informationsdesign, eftersom det kan vara det element som får folk att stanna och läsa din design till att börja med.

Fundera på var du vill eller behöver att din publik ska spendera mest tid i din design. Genom att använda ett rutsystem, färgisolering eller tillhandahålla lämpligt negativt utrymme kan du framhäva din fokuspunkt så att den inte går förlorad i bruset.

Om du följer de andra kompositionsreglerna bör en kontaktpunkt dyka upp naturligt i din design. Typografisk hierarki och bildskiktning kan driva ett element till förgrunden som det viktigaste designelementet.

8. Vet när du ska bryta mot reglerna

Som Pablo Picasso berömt sa: "Lär dig reglerna som ett proffs, så du kan bryta mot dem som en artist."

När du väl har koll på vad som gör grafisk design bra i traditionell mening är det dags att börja experimentera. Designa en perfekt komponerad affisch, följ varje regel till ett T, och ändra sedan saker och ting. Se hur det får dig att känna när du tittar på din nya design. Experimentera mer eller återgå till grunderna för kompositionen.

Det viktiga är att använda din designinstinkt. Grafisk design är mer strukturerad än traditionell konst, så det borde vanligtvis finnas en anledning till dina designval. Så länge dina designbeslut är vettiga och din design fortfarande fungerar som du tänkt dig, kan experiment med komposition hjälpa dig att skapa den bästa grafiska designen du någonsin har gjort.

Tillämpa alltid de gyllene reglerna på dina mönster... eller gör inte

Dessa regler är inte satta av några gudar för grafisk design, de är helt enkelt överens om av designers efter årtionden av framgångsrik design. Följ Picassos råd och lär dig reglerna först. När du väl förstår designsammansättningen har du erfarenheten att veta om du behöver följa den för varje aspekt av varje design.