Använda designprinciper för att skapa exceptionella vektorgrafik

Att göra en bild är ganska enkel, men att göra en bild som sticker ut från mängden är mer vetenskap än det är lycka till. Med rätt kombination av estetik och design kan du göra en bra idé till en bra illustration. Idag tar vi en titt på nio olika designprinciper och hur man applicerar dem på illustrationens värld.

Under åren har jag undrat varför några av mina illustrationer är mer populära för andra, och exakt vad som gör en bra illustration. Det finns mer än ett fåtal svar på den här frågan, ibland är det ämnet, och andra gånger är det kampanj, men oftare än det kommer ner till designen.

Under de senaste dagarna har jag tittat på bokstavligen hundratals, om inte tusentals, illustrationer för att se exakt vad som krävs för att göra en vinnande bit av arbete. Den enda faktorn som jag höll på att komma tillbaka till var design. Nedan följer en lista över designprinciper och hur de kan användas för att förbättra dina illustrationer.


Anslutning

Närhet är arrangemanget av element som hänför sig till varandra för att göra en visuell gruppering. Genom att placera olika element i närhet är ett förhållande underförstått. Exemplet nedan visar hur olika symboler på musik, mat och aktiviteter har placerats i närheten av att göra en större bild. Genom att titta på arrangemanget ser du att varje artikel fungerar tillsammans för att berätta en visuell historia. Om du placerat elementen sida vid sida skulle meddelandet i bilden gå förlorat.

Terras Gauda Contest av L.E.GR?FICO


Visuell hierarki

Visuell hierarki uppnås genom att skapa en kontaktpunkt genom att arrangera element så att det starkaste konceptet ses först och sedan efterföljande element ses i storleksordning. Bilden nedan är ett bra exempel. En pyramidform används ofta för att visa hierarkin genom att placera det viktigaste föremålet högst och innebära ett förhållande till elementen nedan baserat på deras position. Ju närmare botten elementet är desto mindre viktigt blir det. "Överste" emblemet längst upp i pyramiden kan användas som en bild på egen hand, men även om användningen av hierarkin, konceptet och den visuella effekten betonas. Faktum är att bilden bara är Suisse med införandet av toppelementet och betydelsen av illustrationen skulle gå vilse om du bara skulle visa den nedre raden av element.

Högsta Rank av Glenn Jones


Symmetri / Asymmetri

Symmetri och Asymmetri placerar element i förhållande till varandra för att skapa enhet och balans. Det första exemplet nedan visar hur spegling av bilden vertikalt ger balans och en känsla av stabilitet för bilden. De geometriska formerna fungerar tillsammans och skapar ytterligare symmetrinsyften inom huvudfokuspunkten.

Det andra exemplet visar hur asymmetri fungerar. Figuren till vänster balanseras av de tre staplade figurerna till höger. Även om de kan vara annorlunda i utseende, skapar samma bredd och höjd på vänster och höger sida en visuell harmoni.

Gazelle affisch av Kronk

Jolly Cream av Henriquepl


Upprepning

Upprepning använder repeterande element för att förbättra betydelsen och ge visuellt intresse för en bild. Illustrationen på cykeln skulle inte vara lika intressant utan fåglarna. Genom att använda fågeln som ett repetitivt element tar cykeln en ny form och uppmanar tittaren att fundera över meningen.

Fågelcykel av Robert Lee


Enhet

Enhet beskrivs bäst av en kombination av element som skapar en visuell harmoni. Illustrationen nedan använder enighet som ett sätt att samla en samling av element på ett till synes hapfyllt sätt, men vid närmare inspektion kommer du märka att det är ett mönster. De upprepande elementen inom designen skapar balans och knyter samman objekten på ett visuellt tilltalande sätt.

Drycker av Konstantin Shalev


Kontrast

Kontrast används för att markera en viss del av en illustration eller design, men användandet av motsatta element, till exempel ljus och mörk eller stor och liten. I exemplet nedan uppnås kontrast genom att lägga färg till fokuspunkten på en svartvitt bild. Det röda betonar ansiktet på figuren och stöds av mindre element i ett något mörkare rött som rör betraktarens öga runt bilden.

Hiddenmoves x Machine56 av Rajaya Yogaswara & Rhys Owens


Dynamik

Dynamik används för att föreslå rörelse, flöde och riktning, det används också för att skapa känslor som vilsamhet, ilska eller lycka. Bilden nedan har ett starkt fokus på dynamik men användningen av linje och ljus för att ge en fri, spänd och energisk känsla till bilden av en dansare. Dynamiken i illustrationen gör det mycket enkelt att föreställa sig dansaren som sprider sig till liv och rör sig över sidan.

Dans av Tony Ariawan


Betoning

Betoning är användningen av en dominerande kontaktpunkt inom en komposition. Illustrationen nedan använder monsteret som är inställt mot grottans mörka bakgrund som huvudbrännpunkt, då används guld- och gruvarbetarna för att ge illustrationen mening. Båda elementen stöder varandra för att skapa en intressant sammansättning, med det viktiga elementet som hjälper till att förmedla bildens mening på ett sätt som är lätt att förstå.

Deadly Goldmine av Andreas Krapf


Bli involverad!

Som en förlängning till denna artikel uppmanar jag dig att skicka in dina egna exempel. Hitta en illustration som du beundrar och skriv ner varför du gillar det och vilken designprincip det skulle falla under, lämna det som ett meddelande i kommentarfältet nedan. Ha så kul!