7 tips for effektiv bruk av ikoner i designprosjekter
Det kan være mye moro å designe ikoner. Men når du først har et godt sett, hva gjør du med dem?
Ikoner er ikke bare miniatyrkoblinger for Facebook eller Instagram - de kan være helt interaktive signaler som hjelper deg med å lede brukere gjennom et design og gi ekstra visuell gnist. Ikoner kan være små eller store, svart / hvite eller fargede, flate eller intrikate. Uansett hvilken stil som tiltaler deg, kan effektiv bruk av ikoner forbedre brukervennligheten og den estetiske verdien av nesten ethvert designprosjekt.
Utforsk Envato Elements
1. Legg til visuell interesse
Ikke alle bilder kommer til å bli et fantastisk landskap. Noen ganger kommer bilder bare til kort.
Morsom ikonografi kan bidra til å gi mer interesse for disse litt uinteressante bildene. Bruk ikoner for å forbedre innholdet på bildet, gi en ekstra bit av informasjon og gi en interaksjonskode.
Ta eksemplet over for en tannklinikk (riktignok ikke det mest interessante visuelle konseptet.) Designet er friskt, lyst og innbydende. Det enkle ikonet ved siden av ansiktet er et nytt inntrykk av "lyspæreideen" - merk de små tennene. Balansen mellom den lyse delen av skjermen til venstre og det lyse hvite ikonet hjelper deg også med å trekke øyet over designen. Resten av nettstedet bruker andre bittesmå ikoner i tillegg til navigering.
2. Opprett interaksjon
Ikoner trenger ikke å passe inn i spesifikke plasseringer for å oppmuntre til brukerinteraksjon. (For mange maler bruker tre-kolonneikonet / tekstkombinasjonen i rullen.
Ikoner kan faktisk være elementet som driver interaktivitet. Par ikonografi og parallaksrulling slik at elementer beveger seg over skjermen. Lagikoner med bilder eller annen bakgrunn for å lage et element som er litt uventet.
Boone Selections skaper en reisescene for vinene sine ved å bruke ikonografi på en måte som gjør at du vil bla. Flyikonet kjører på et fly etter pilene på skjermen (som reagerer på rulling). Hvert linjeikon gjengis som en tegning når brukeren blar til den delen av skjermen. Bevegelsene er enkle, klassiske og svært effektive.
3. Bruk animasjon
Ingen sa noen gang at ikoner må være statiske elementer. Animer dem!
Men ikke bli for gal. De beste ikonanimasjonene gjelder innholdet på selve ikonet. Bevegelser skal ikke gå for raskt fordi det kan være litt irriterende. Bevegelser skal ikke gå for sakte fordi brukerne kanskje savner dem. Det er en søt flekk i midten der ikonbevegelse gir litt glede.
Sweet Punk gjør dette strålende. Ikonet er den "samme gamle lyspæren" som blir brukt overalt, men med et stempel av personalisering. Legg merke til innsiden av pæren - det er en flamme. Så er det en morsom svevehandling når glødelampen spretter med en idévirvel. Videre beveger sirkelmønsteret rundt lyspæren seg forsiktig og ser ut til å svare på musemessige mønstre.
4. Lag ikonklynger
Klynger av interessante former, skisser eller på annen måte håndlagde ikoner kan gjøre et interessant visuelt. Konseptet vises ofte på nettsteder som distribuerer ikonpakker (som for eksempel ovenfor), men det har en bredere applikasjon.
Tenk på radene med ikoner - leketøy med å bruke dem under- eller store for å få større utslag - når du mangler et godt visuelt. Ikoner kan fungere som lenker eller bare bilder som står på egenhånd. Klynger kan inneholde bare to eller tre ikoner eller tre ganger så mange. La innholdet ditt styre den beslutningsprosessen.
Det som er fint med å bruke grupperte ikoner er at du virkelig kan tenke utenfor boksen og gjøre noe kreativt. Den andre bonusen? Du kan til og med starte med en ikonpakke hvis du vil og tilpasse ikoner for å gjøre dem til din egen. Enten av alternativene kan være mye moro og gi deg en måte å prøve noe helt annet på.
5. Kombiner med trendy elementer
Ikoner skal bare være en del av en designstrategi for et prosjekt. Tenk på innholdet og parikonografien med et annet trendy element for å skape en moderne estetikk.
Det fine med å bruke ikoner er stilfleksibilitet. Ikoner kommer i tilsynelatende alle former og former fra linjekunst, skissebaserte stiler til flate utskjærte design for å utdype miniatyrbilder. Når du har bestemt deg for en designstil for et prosjekt, lager du et sett med ikoner som samsvarer med den visuelle tonen.
Nettstedet for en historie med ikoner gjør dette vakkert. Nettstedet viser hvordan ikonstiler har utviklet seg gjennom årene - noe som er en kul casestudie i seg selv hvis du leter etter mer inspirasjon - men hvert ikon er plassert inne i et containerelement i et mønster med materialdesign, med ganske flate lag, taktil bevegelser, ren typografi og lys farge.
6. Sett en finurlig vri på den
For visse ikoner er det standardutførelser du vil bruke, slik at brukerne vet nøyaktig hva elementene gjør. Dette kan inkludere ikoner for koblinger til sosiale medier, søk, handlekurver og navigasjonspiler. Du bør aldri ofre brukervennlighet for en ny design.
Men du kan sette din egen finurlige vri på disse standardikonstilene. Endre farge, finpusse formen eller til og med tegne ikonene i stilen din. Trikset er å gjøre noe som føles unikt og samtidig opprettholde visuell gjenkjennelse, slik at brukerne ikke stiller spørsmål ved hva ikonet betyr.
Enkle endringer kan gå langt. Denne typen justeringer kan hjelpe vanlige elementer til å bli en del av design og visuell historie.
Little Puds & Co. gjør dette på en måte som er helt sjarmerende. De vanlige ikonene i øverste hjørne er identifiserbare, men tar på seg nettstedets merkevarefarge. Ikonene virker litt mykere enn de ville gjort i de vanlige Facebook- og Instagram-fargepalettene og ser ut til å matche den mer lunefulle, barnlignende stilen som ble brukt gjennom designen.
7. Lag egendefinerte skisser
Ikoner kan være miniatyrkunskap i seg selv. Mens ikonografitrendene lener seg mer mot superflate linjegjengivelser, kan detaljskissering gi et godt tilpasset alternativ som er ditt eget.
Hvert skisset sett vil være forskjellig. Det er ingen reell måte å kategorisere dem annet enn å finne noe du kan eie. Skissede ikoner er ofte en del av identiteten til merkevaren som bruker dem.
Infinity Foods bruker denne stilen fantastisk gjennom hele designen. (Du bør virkelig klikke deg rundt for å se på det fulle ikonoppsettet.) Skissestilen starter med logoen og den samme detaljerte blyantstilen brukes for hvert ikonelement i designen.
Konklusjon
Selv om ikoner kanskje er et av de minst tenkte på elementene i et designprosjekt, kan de være et av de mest interessante. God ikonografi kan trekke sammen et prosjekt på en måte som gir det den litt polering og finesse.
Det fine med å jobbe med ikoner er at et godt, vektorbasert sett kan brukes på flere måter og i forskjellige størrelser. Er du interessert i å ta tak i tusenvis av ikoner for en god pris? Creative VIP har du dekket!
