Ikoner er overalt. Fra appikoner på hjemmeskjermer til grafiske representasjoner som fører brukere gjennom et design, er ikondesign en stor avtale.

Det er en fin kunst til god ikondesign. Ikke bare må elementet gjenkjenne seg på den minste størrelsen, gode vektorbaserte ikoner kan skaleres til bruk i store størrelser også. Noen designere bruker til og med ikonstilstilte bilder for dominerende bilder.

Så hvor begynner du? Her er en veiledning for å designe et bedre ikon i åtte (litt) enkle trinn.

1) Start med et rutenett

God ikondesign begynner med et solid fundament. Et enkelt firkantet blokkgrid er alt du trenger for å begynne å tegne et ikon.

Nett

Bruk samme gridded papir du jobbet med i klasseskolen for å lage ikonskisser med blyant og papir eller starte med et kvadratisk pikselrutenett i designprogramvare. Du bør sannsynligvis designe på et firkantet lerret, ettersom de fleste ikoner ender med å trenge inn i firkantede rom. (Dette inkluderer alt fra ikoner for apper til ikoner i webdesign eller for sosiale medier.)

Når du har et rutenett, må du sørge for å gi deg et element av hvit plass rundt omkretsen. Dette gir deg akkurat nok fleksibilitet til å legge til en bakgrunn om nødvendig, og holder ikonet kuttet av i applikasjoner som kan ha avrundede kanter eller andre typer skråning.

Bare fordi rutenettet er firkantet betyr ikke at ikonet ditt må være. Det kan være rundt eller mer rektangulært. Husk: Når du designer noe som ikke er firkantet, bør det rette seg horisontalt og vertikalt sentrert i rutenettet for enkel bruk senere. Det vil også hjelpe deg med å opprettholde en konsistent skala for et ikonsett.

Gitteret er bare for å hjelpe deg med å lage et rammeverk der du kan utforme konsekvent. Som en bonus kan du også bruke rutenett til å trekke elementer av ikonet; bruk gridlines for å tegne rette vinkler eller bestemme plassering av streker i designet.

2) Bygg med geometri

Ikoner er ofte små, så det er viktig å bygge med elementer som brukerne gjenkjenner et øyeblikk. Derfor er så mange ikoner forankret i geometriske former.

Sirkler, firkanter og trekanter er de mest populære kombinasjonene av former. Brukerne trenger ikke å tenke på dem eller spørre hva de er. Hver form er enkel og identifiserbar. Deretter kan de slås sammen og kobles til for å skape andre elementer med samme geometriske styling.

dropbox

Se på ikonet for Dropbox, for eksempel. Det er ikke noe mer enn noen få firkanter knyttet sammen for å danne en boks. Konseptet er kreativt, enkelt og lett å lese i alle størrelser.

Et annet populært "geometrisk" alternativ er å bruke et enkelt blokkblokk som en del av ikonografi. Selv om dette ikke fungerer bra for utbredt søknad, kan det fungere som en funksjonell merkeidentifikator. Facebook er et primært eksempel på dette ikonet bruk i aksjon.

3) Lag en unik form

Mens du starter med sirkler og firkanter, er det nyttig, du vil lage en form som er din. Dette er viktigst hvis du jobber med et merkeidentifiseringsikon. Selv tilsynelatende kompliserte ikoner starter ofte med enkle former som er morphed til noe mer unikt.

Når det gjelder unikhet, er det noen designelementer å tenke på.

  • Hold deg unna bilder. De ser ikke bra ut små.
  • Hold deg unna tekst. Brukerne vil ikke kunne lese det.
  • Noen trender er verdt. Flat og nesten flatt ikon stiler gjør underverk.
  • Arbeid med rette linjer og vinkler forbundet med punkter på rutenettet. Kurver kan bli vanskelige raskt.
  • De beste ikonene fungerer i farger, men er også gjenkjennelige som svarte og hvite konturer.

4) Gi det rikelig med plass

Ikoner trenger rikelig med plass til å puste. Tenk på hvordan ikoner brukes. Spesielt hvis du designer et appikon som brukere vil se på toppen av galte bakgrunnsbilder på sine enheter, må designet settes inne i rammen litt for å gjøre det mer lesbart og skiller.

hagearbeid

Inne i rutenett, lag en jevn kant rundt kanten. Tenk på dette rommet, nesten som du ville, når du jobber med bløder i utskriftsdesign. Fargen må strekke seg til denne delen av lerretet, men det vil trolig være usett.

5) Hold deg til merkevarefarger

Ikke bli gal med ikonfargepaletter bare fordi du kan. Hvis du lager noe for merkevarearbeid, hold deg til fargepaletten din. Mens du kan avvike fra din normale merkelogotype for et ikon, bør farge forbli konsistent.

Hvis du jobber med et ikonsett for en webdesignpakke eller annen bruk, starter du først med svarte eller hvite ikoner. Deretter legger du til farge når du kommer nærmere ferdigstillelsen av designet. Ved å jobbe med enkle elementer med høy kontrast - svart på hvit eller hvit på svart - får du virkelig en følelse av hvordan hvert ikon ser ut i rommet. Hvis det fungerer uavhengig av farge, er sjansene større, så det vil fungere godt med farge også lagt til.

6. Bruk konsekvent divisjoner

Vær oppmerksom på hver eneste detalj i ikondesignen. Har du kuttet ut et vinklet hjørne i designet? Så vurder å gjøre det på alle hjørnene.

Selv om disse små detaljene ikke synes å være viktige, kan de ikke engang være helt synlige på de minste størrelsene. De kan legge til en klassisk stil på ikoner som brukes i flere grafiske skjermer.

mat-ikoner

Flere designere bruker ikoner som knapper i hele design og for å lede øynene mellom flere tekstige tungelementer. Nøye utformede ikoner kan bidra til å glede brukeren og oppmuntre nettstedskonverteringer.

7. Design for den minste størrelsen

Mens ikoner kan brukes i nesten hvilken som helst størrelse, vil du lage designet slik at det fungerer på den minste størrelsen. Vanligvis favicon ikoner lastes opp på bare 16 med 16 piksler. Er ditt ikon decipherable i denne størrelsen?

Hvis svaret er nei, har du to valg:

  1. Start med ikondesignet.
  2. Opprett et alternativt ikon for små mellomrom, for eksempel favikoner.

8) Ikke dekorere

Til slutt, hold det enkelt. Motstå trang til å dekorere ditt ikondesign. Noen av de beste appene lider fortsatt av vanskelige ikoner. (Wunderlist kommer umiddelbart i tankene. Tenk bare på hvor mye bedre det ville se uten skyggene og skissere.)

Dekorasjon ender opp med å se vanskelig i disse små mellomrommene. Det kan også overvelde designen. Tenk på ikoner som design aksent merker, de er ikke hovedfokus. Hvis en bruker lengter på et ikon for lenge fordi de prøver å finne ut meningen med det, kan de miste oversikten over hva de skal gjøre. Ikoner bør signalere raske interaksjoner.

Konklusjon

Ikondesign kan være mye moro hvis du har tid til å finpusse denne ferdigheten. Men hvis du ikke er en ekspert, ikke bekymre deg. Det er mange flotte butikker der ute som utgivelsesikonet inneholder for deg å bruke i prosjektene dine.

Hvis du bare begynner med ikondesign, er det verdt å laste ned et av disse settene. Kutt ikonene på et rutenett og velg dem fra hverandre. Du kan lære mye om hvordan du bedre kan lage dine egne enkle former fra denne øvelsen.