Oprettelse af en retningslinje for illustration

En illustration er som enhver anden form for design. Det er vigtigt, at det er konsistent. Den bedste måde at gøre dette på er ved at oprette retningslinjer på tværs af vores illustrationer.

Hvorfor er det nødvendigt?

Identificering af kerneværdierne og en begrundelse på højt niveau for, hvorfor du har brug for illustrationer, er nøglen til at skitsere din stil. At have en konsistent stil vil naturligvis skabe en overordnet stil, der skaber harmoni på tværs af dine illustrationer. Det vil betyde, at forskellige illustratører kan tackle illustrationer på den samme platform sikkert i den viden, at deres arbejde vil se ud som en del af familien.

Fremhævelse af nøgleområder, såsom en farvepalet eller slagvægten, er åbenlyst afgørende for at skabe solidaritet på tværs af en stil. Men det er lige så vigtigt at skitsere oplysninger som de værdier, der tilskrives for illustrationsstilen, eller hvad du vil opnå ved at have dem på din platform.

En prøve af nogle sonderende stilarter

Gå ikke bare ind ...

Før du starter et projekt, er det vigtigt, at du forstår nøjagtigt, hvad du eller interessenten ønsker at opnå med projektet.

Jeg deler det generelt ned på de følgende få spørgsmål for at give både mig selv og interessenten en bedre forståelse af, hvad vi prøver på at komme ud af projektet.

1) Mål
Hvorfor vil du introducere illustrationer til platformen? Hvordan ville du betragte projektet som en succes?

2) Eksisterende Styleguide
Hvis der allerede findes eksisterende styleguider, hjælper det åbenlyst meget. Det behøver ikke at være illustrationsbaseret. Grundlæggende designretningslinjer, brand retningslinjer, alt, der fodrer ind i platformens samlede brandidentitet vil hjælpe med at skabe fokus.

Særligt eksisterende farvepaletter, og hvor stærkt du ville forvente, at illustrationer vil læne sig til specifikke tilgængelige farver. Selv hvis virksomheden har en eksisterende farvepalet, betyder det ikke specifikt, at illustrationstilen skal følge denne. Du er muligvis nødt til at skille sig ud fra grænsefladen, og brug af mærkefarver kan muligvis virke imod sig selv i et vist omfang.

3) Værdier
Hvordan ser du illustrationer, der passer ind i platformen. Hvordan synes du, at illustrationer skal forme din brandidentitet. Vil de være sjove, finurlige, bløde, passive, detaljerede, elegante, skarpe osv. Det er dybest set en generel synopsis af stilen. Selv før du starter, skal du have en generel idé om, hvordan du ønsker, at illustrationer skal fungere inden for grænsefladen, eller hvordan du vil bruge dem, til at uddanne brugeren, til grundlæggende tomme tilstande, eller måske bare for at sprøjte en personlighed ind i dit projekt.

4) Moodboards
Opret et moodboard af stilarter, som du føler, ville være en retning, som du føler kan være en god pasform til dit produkt. Dette er altid en rigtig god måde at komme til det punkt, hvor interessenten bogstaveligt talt kan pege på en stil og sige ”Jeg vil have den”…. Det er klart, de kan ikke have 'den ene', men det vil give illustratøren en rigtig god idé om, hvad interessenten ønsker.

Når du opretter et moodboard, behøver de ikke at være helt konsistente. Det er mere bare at give et overblik over, hvilken retning du tror kan arbejde. Der er forskellige afsætningsmuligheder, der kan undersøge, specifikt Behance, Dribbble, Pinterest, iStock eller endda gode gamle Google Images kan arbejde. Det handler om at samle så meget information som muligt, før du nogensinde kommer i nærheden af ​​et tegnebræt.

Gå ikke bare ind. Du skal finde ud af, hvorfor du gør det først

Tid til at trække ærmerne op

Heldigvis er her en, jeg har forberedt tidligere. Da jeg for nylig var blevet medlem af Globoforce, fik jeg til opgave at skabe en illustrativ stil, der ville blive brugt på tværs af vores hvidmærkede platform.

Vores vigtigste mål for vores illustrationer er at sprøjte en vis personlighed ind i områder på platformen, der føltes ufin. Eller på et meget højt niveau: At skabe en overordnet illustrativ stil, der vil introducere konsistens på tværs af vores platform.

Udforsk, Udforsk, Udforsk

Ingen sagde, at det ville være en nem, hurtig proces. Vi udforskede forskellige stilarter, der endte i skraldespanden. Det handler om at udforske ideer. Intet er virkelig spildt, det hele spiller nogen rolle i at finde den endelige løsning. Det er bare endnu en hindring, du hopper inden du kommer til målstregen.

Nogle stilarter fungerer, andre gør det ikke, så du bliver nødt til at være villig til at dumpe ideerne, det kan være godt, men bare ikke arbejde for det, du prøver at opnå til netop dette projekt.

Vores sprog til illustrationer

Det er vigtigt, at alle er på samme ark, når det kommer til terminologi. Du skal oprette et sprog af udtryk, som alle er tilpas med. Vilkår, som folk forstår. Det behøver ikke at være for detaljeret, bare et specifikt sæt ord, der giver interessenter og designere mulighed for at tale om illustrationer uden at blive forvirrede.

Vores ikoner
Vi bruger ikoner på tværs af webstedet for at give fremtrædelse og for at forbedre anvendeligheden af ​​specifikke elementer på tværs af grænsefladen. De kan bruges fra 12px op til 64px. Vi har flere regler for, hvordan man bruger ikonografi i vores UI-styleguide.

Ikonografi

Vores spotillustrationer
En spotillustration bruges til at hjælpe med at fremvise en lille funktion eller forklare en oplevelse. De er lette, ikke for travle, men er der for at hjælpe med at forbedre strømmen ved at bringe grænsefladen til live og glæde brugeren.

Spotillustrationer

Vores tomme tilstandsillustrationer
En tom tilstandsillustration bruges til at forklare en funktion, men bør aldrig være det primære fokus for komponenten. Det bruges til at fungere som en måde at imødekomme behovet for at udfylde et tomt område, men det giver os også en måde at give energi til et muligt livløst område.

Tomme tilstandsillustrationer

Vores sceneillustrationer
En sceneillustration fungerer på et større rum og giver brugeren mulighed for at forklare en funktion eller et scenarie med en mere detaljeret drevet tilgang.

Scenillustrationer

Vores tilgang

Illustrationer kan bruges til at bringe vores interface til live. De er vant til at uddanne brugeren og hjælpe med at henlede opmærksomheden på specifikke funktioner på tværs af en platform.

“Brugt til at glæde brugeren i et ellers livløst område”

Hold det simpelt
Da vores produkt er et hvidt etiketprodukt, vil illustrationerne blive brugt på tværs af en lang række forskellige klienter. Af denne grund prøver vi at holde stilen og konceptet så enkelt og så passivt som muligt.

Brug af tegn
Vi afholder os fra at bruge tegn, hvor det er muligt. Brug af en karakter åbner spørgsmål vedrørende race og køn, og på grund af vores store udbud af klienter er det bedst at forenkle så meget som muligt.

Farvepalet
Vores farvepalet blev valgt omhyggeligt med forretningen i tankerne. Det var passiv karakter, der blev valgt til at supplere vores brede vifte af klienter. Vores mål er, at vores illustrationer skal glæde brugeren uden at træde på noget tøj fra brandteamet.

Farvebalance
Vi afholder normalt ikke at bruge for meget farve i vores illustrationer. Vi prøver så meget som muligt på vores 'Ghost White', og introducerer kun resten af ​​farvepaletten for at give illustrationen balance.

Spøgelseshvid er vores hyppigste farvevalg. Prøv at bruge det til nøgleelementerne på illustrationen

Grunde:
Farven skal ikke bruges som et subjektivt valg. Illustrationen skal være passiv og ikke for mærkbar. Farver kan bruges, men vi skal være selektive, når de bruges. Vores stil er passiv og ikke farverig.

Farvepalet til tomme tilstandsillustrationer
Vi fjerner mulighederne for illustrationer i tom tilstand. Vi bruger kun 'Ghost White' sammen med indstillingen Solid Stroke. Vi tillader skygge, men bruger aldrig andre farver. Vi har en 50% opacitet på alle illustrationer for at reducere vægten.

En oversigt over vores tomme tilstand illustrationer

Slagsammenbrud
Vi bruger en jævn standard glat børste med et 6px slag. Vi tillader også 3x slagtilfælde, hvis der er behov for mindre detaljer i et trangt rum. Vi bruger en afrundet hætte til enhver tid for at arbejde sammen med vores afrundede hjørne tilgang.

* Bemærk: Vi afviger aldrig fra at bruge # 8A8EA0 som vores slagfarve.

Slagkapper
Vi bruger en afrundet hætte til enhver tid for at arbejde sammen med vores afrundede hjørne tilgang.

I sidste ende…
Det er temmelig enkelt, når du nedbryder det. Hovedformålet med en illustrationsstil er, at du opretter en stil, der er konsistent, genkendelig og giver værdi til platformen. Der er generelt tre trin, du skal gøre for at levere:

  1. Identificer, hvorfor du har brug for illustrationer
  2. Opret en stil, der fungerer for dig og din virksomhed
  3. Dokumenter din stil, så du fremover har en solid stil, der let klones på tværs af andre koncepter.

Du kan se det fulde case study her: https://www.behance.net/gallery/46062029/Illustration-Guideline

Hvis du har spørgsmål eller har fundet dette nyttigt, er du velkommen til at vælge min hjerne (eller hvad der er tilbage af det) til:

// Twitter // Dribbble // Behance // Portfolio site //