Animation & Illustration

Hoppa till

Stiliserad illustration med stadsscener i överlappande cirklar med människor, bil och vardagsaktiviteter

Illustration – bygg din bildvärld

Illustrationer används för att bygga bildvärldar och visa saker som är svåra att beskriva med ord.

Ett illustrationsmanér kan vara en spännande expansion av en grafisk profil, som utvidgar paletten man har att jobba med. Rätt avvägda blir illustrationer en viktig del av den svårdefinierade "känslan" av ett varumärke eller en organisation. En egen bildvärld där varumärket lever.

Cirkelformad illustration av naturscen med stiliserade gröna träd, kullar och turkos himmel
Cirkelformad illustration av två stugor med staket, svampliknande träd och löv mot orange bakgrund
Cirkelformad illustration av mysig interiör med fåtöljer, böcker, golvlampa och växter i blålila toner

Hur visar man en känsla?

"Vi vill att den här sajten ska kännas som en lördagsmorgon i slutet av Juni. Man köper en glass på macken precis innan ACn har kommit igång ordentligt. Man kör mot havet."

Man kan använda illustrationer för att specificera och konkretisera det man också berättar med text, grafisk form och gränssnitt. Illustrationer kan hjälpa till att förstärka länken från känsla till pixlar och tillbaka igen.

Kontakta oss
3D-illustration med dansande figur, tealblå sfärer och flödande band mot ljus bakgrund
3D-illustration av teaterscen med lila kolonner, valvbåge och papper som flyger mot teal bakgrund
3D-illustration med två lila fåtöljer på gul scen och ett moln av blå sfärer mot gul bakgrund
3D-illustration med surrealistiska kroppsdelar som läppar, öra, ögon och händer mot ljusgrå bakgrund
3D-illustration med cirkusinspirerade geometriska former och balanserande objekt mot mörkblå bakgrund
3D-illustration av musikinstrument med pianotangenter, trummor och förstärkare mot rosa bakgrund

Karaktärer och berättelser

I Japan använder man yuru-kyara – maskotkaraktärer – för att representera nästan vad som helst, från städer och kommuner till företag och evenemang. De här figurerna kan väcka starka känslor när de visas upp: representerar den här karaktären verkligen vad platsen eller organisationen står för? Är den tillräckligt gullig? Ser man ens vad den ska föreställa?

Även om man inte går riktigt så långt i sitt arbete med karaktärer är det fortfarande möjligt att använda tecknade figurer för att berätta en historia och förmedla saker som fotografier och text inte kan. Man kan till exempel låta en karaktär visa hur man använder en produkt eller tjänst, eller personifiera en chattbot för att göra den mer inbjudande att använda.

Tre illustrerade karikatyrhuvuden med samma seriefigur i olika ansiktsuttryck: neutral, förvånad och skrattande

Animation

Hoy använder animationer för att blåsa liv i upplevelser och göra dem minnesvärda för användaren. Det går att använda animationer på många olika ställen, från stora animationer som fyller en hel sida till små mikroanimationer som bara påverkar en knapp, ikon eller meny.

Kontakta oss
Animerad laddningsindikator med prickar i cirkulärt mönster på ljus bakgrund
Animerad språkikon med jordglob mot mörk cirkulär bakgrund
Animerad bokmärkesikon mot mörk cirkulär bakgrund
Animerad menyikon med tre horisontella linjer mot mörk cirkulär bakgrund
Animerad sökikon med förstoringsglas mot mörk bakgrund

Mikroanimationer

En upplevelse som använder mikroanimationer på ett genomtänkt sätt kan kännas levande och mänsklig även om designen i övrigt är mycket stram. På samma sätt går det att använda animationer för att samla och fokusera en design som är väldigt livlig eller komplicerad.

Våra verktyg

Rive

Rive har förändrat hur vi arbetar med animationer på webben och i appar, med mycket små filstorlekar och ett välgenomtänkt workflow med utvecklarvänliga state machines.

Lottie

Lottie är ett väletablerat animationsformat som låter animatören arbeta i After Effects istället för i ett nytt verktyg. Båda verktygen har sina fördelar och nackdelar, och vi använder båda på Hoy i olika situationer.