allt
Företag
datavetenskap
design
utveckling
vår resa
Strategimönster
Tack! Din inlämning har mottagits!
Hoppsan! Något gick fel när du skickade in formuläret.
Tack! Din inlämning har mottagits!
Hoppsan! Något gick fel när du skickade in formuläret.
Maria Grilo

Juli 22, 2021

Min läsning

Bra illustration spelar roll

Illustration är förmodligen en av de äldsta formerna av kommunikation. Konceptuellt sett är det före alfabet och text, och det ersattes aldrig. Istället blev det ett komplement till komplexiteten och längden på skriven text, vilket till och med hjälpte människor att lära sig läsa, samtidigt som det gav visuella ledtrådar och sammanhang. I olika tillstånd av kognition kommer illustrationen att tjäna olika syften, eftersom det är ett så rikt kommunikationsmedel.

Enligt Merriam-Webster-ordboken är det ”att klargöra genom att ge eller genom att tjäna som exempel eller instans”,”att tillhandahålla visuella funktioner avsedda att förklara eller dekorera”och”för att visa tydligt”. Kyrkan, till exempel, gjorde detta i många århundraden genom teckningar i böcker, målningar, skulptur och till och med arkitektur.

Att illustrera är att klargöra.

EXAMPLE OF AN ILLUMINATED MANUSCRIPT

Människor fortsatte att illustrera inom flera typer av media, men mestadels tryck. Sedan dök nya medier, som film, upp och animering kom med. Så småningom nådde vi den punkt där vi är nu och illustrationen har successivt kommit tillbaka som en framträdande form av kommunikation. Det är inte bara tryck längre, inte bara tidskrifter eller utvalda typer av böcker. Det är webbplatser, det är branding, det är UI-design.

Med det sagt, kan du designa din produkt genom att bara använda typografi, navigeringselement, färger och stockfoton? Du kan definitivt, men Det är därför jag tycker att du ska gå den extra milen.

blå pil till vänster
Imaginary Cloud-logotyp

Fånga allas uppmärksamhet med illustration

Först och främst, Illustrationen är en uppmärksamhetsfångare. Och det finns flera anledningar till varför du vill ha denna uppmärksamhetsfångare. Det kan vara så att du bara introducerar din produkt för första gången till ditt mål via en målsida till exempel. Eller det kan vara så att du inom en informativ sidlayout måste rikta användarens syn någonstans specifikt.

HTTPS://DRIBBBLE.COM/SHOTS/4405446-RUBIK

https://dribbble.com/shots/3278766-Marketing-Page & https://dribbble.com/shots/3993210-Organic-Shapes

Bilder kommer ofta att väljas som ett uppmärksamhetsfokus framför text, så det finns flera sätt du kan använda detta till din fördel, vilket leder oss till nästa punkt: Illustrationen är informativ.

blå pil till vänster
Imaginary Cloud-logotyp

Gör en poäng

En bra illustration kommer att komplettera din kopia. Det kommer att vara ett stöd för de punkter du försöker ta fram, samtidigt som du förbättrar den information som är mest relevant. Det kommer också att göra användaren mer benägen att läsa din text eftersom de vill ha en förklaring till vad illustrationen har föreslagit men inte uttryckligen berättat.

https://dribbble.com/shots/3367317-Universitet-Modules

Förutom detta kommer illustrationen att lyckas kommunicera saker som knappast är omfattande genom kopiering, till exempel känslor och stämningar. Alla tröttnar på kopian som försöker vädja till dina känslor samtidigt som du informerar dig om vad de gör, genom en lista med vaga adjektiv följt av slagord och uppmaningar till handling.

Säg inte (bara) det, visa det. Visa dessa känslor och stämningar genom bilder, former och färger.

https://dribbble.com/shots/4811070-Tracker-Onboarding
blå pil till vänster
Imaginary Cloud-logotyp

Spela allt tillsammans

Låt din typografi och färger verkligen lysa genom bilder som bär tittaren till en annan plats, ett annat tankesätt, ett lyckligt utrymme där deras problem löses av din produkt.

https://dribbble.com/shots/4374127-Friends

Din Times New Roman kommer inte bara att vara ett enkelt serif-teckensnitt längre, det kommer att vara en del av något större som kan bära allvaret och tillförlitligheten hos en tidningsserif, samtidigt som du förmedlar alla idéer och identitet för din produkt.

https://theblog.adobe.com/introducing-spectrum-adobe-building-design-system-scale/ & https://dribbble.com/shots/3903997-Illustration-for-the-Everwill-part-2

Färger kommer att få ytterligare vikt och mening, och kommer inte att vara bara abstrakta och vaga längre. De kommer att tjäna ett syfte i ett scenario där användaren är nöjd.

blå pil till vänster
Imaginary Cloud-logotyp

Berätta en historia

Bra illustrationsarbete kommer att vägleda din tittare genom en berättelse, tankeprocess eller till och med handledning till exempel, samtidigt som sidan andas för att inte översvämma din användare med information.

Dessa illustrationer kan också representera själva produkten. Om du känner att en tryckskärm av din produkt kan innehålla för mycket information för en målsida, till exempel, var inte rädd för att visa en minimalistisk representation som förmedlar vad produkten gör. Det kommer säkert att undvika att överväldiga din användare.

https://dribbble.com/shots/3634954-Exploration

Detta är en teknik som effektivt kan användas för steg-för-steg-tutorials och on-boardings, till exempel. Fokusera på den funktion du vill presentera för din användare. Eller på vägen att funktionen kommer att användas i ett verkligt sammanhang - med andra ord att visa användaren interagerar med produkten. Du kan till och med gå så långt som att använda animation.

HTTPS://DRIBBBLE.COM/SHOTS/2851448-NOOKLYN-ONBOARDING

Visst, du kan bara ha en vanlig lastare med en snurrande animation, men vad sägs om att använda den tiden för att förmedla ett meddelande? Det kan vara ett tips om hur man använder vissa funktioner som ”Visste du att...?”, eller bara en underhållande animation som inte kommer att tråka ut livet av din användare. Det kan vara skapandet eller avbrottet av vissa interaktioner inom din produkt, eftersom människor inte tycker om att vänta.

https://dribbble.com/shots/4102925-Shopify-POS-Empty-state
blå pil till vänster
Imaginary Cloud-logotyp

Sluta bara använda stockfoton

Naturligtvis kommer inget av detta att bli billigt, eftersom bra illustration tar lite tid. Ett alternativ inom en illustrativ lösning skulle vara att använda lagermaterial, men det är där du kommer att missa specificitet och identitet. Dina illustrationer ska vara en spegel av dina principer och estetiska värden.

Ett annat alternativ skulle vara att använda målningar när man använder stockfotografering, med den extra fördelen att du grafiskt kan röra med dem och komma med några intressanta bilder som förstärker vad ditt varumärke handlar om. Det finns gott om bibliotek med fria målningar, från renässansen till modern konst.

HTTPS://WWW.BEHANCE.NET/GALLERY/13623643/MODERN-RENAISSANCE

Man kan säga att detta inte är illustrationsarbete, men jag skulle betrakta denna lösning som en blandning av fotografi med användning av konst för att förmedla idéer och stämningar. Det är möjligt att det inte kommer att vara lika specifikt när det gäller beskrivningen av dina tjänster eller funktioner, men det kan vara ett nytt alternativ.

https://www.behance.net/gallery/37096653/The-Fine-Wine-Embassy

Ett alternativ till samma gamla stockfoton av bärbara datorer och smartphones ovanpå designey-träbord som i stort sett inget vanligt folk har råd med. Det är inte trovärdigt längre, det är överdrivet.

För att inte säga att illustration är något nytt, men det finns definitivt mycket mer utrymme att utforska olika uttrycksfulla och informativa möjligheter, samtidigt som du förstärker ditt varumärkes identitet.

Hittade den här artikeln användbar? Du kanske gillar dessa också!

blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
blå pil till vänster
Imaginary Cloud-logotyp
Maria Grilo
Maria Grilo

Jag är UI & produktdesigner, illustrationskonstnär och målare. Känd för min kärlek till skräpiga strandhanddukar, musikproduktion, typografi och alla typer av pizza.

Läs fler inlägg av denna författare

Människor som läste det här inlägget tyckte också att dessa var intressanta:

pil vänster
pilen till höger
Dropdown caret icon