Ikon Design i 2020: The Key Trends
Ikoner kan være et av de viktigste - og undervurderte - eksemplene på design i porteføljen. Her er en titt på ikonutforming med noen inspirerende eksempler.
Ikonelementer vises nesten overalt, men blir noen ganger produsert som en ettertanke. Det burde ikke være tilfelle. Flott ikondesign kan være særegent og legge finesse og teft til et prosjekt.
La oss se på hva som er nytt og hva som er varmt i ikonedesign i 2020!
Utforsk Envato Elements
1. Linjeikoner med fargeformer
Linjeikoner er alltid et populært valg, takket være en allsidig stil som ser bra ut med nesten alle andre designelementer. Trenden tilfører bare litt mer visuell interesse med en pop av farger, ofte i form av en sirkel eller firkant, bak linjeikonet.
Fargeformen kan fylle en del av linjesymbolets utforming, men oftere flyter den bare i bakgrunnen. Denne lille visuelle interessen kan knytte et ikon som er satt sammen, understreke en merkefarge eller bare friske opp et eldre nettsted med linjeikoner.
Den vanskelige delen av ikonutformingen er plassering og størrelse på fargeformelementet. Hvis den er for stor eller for lys på fargen, kan den fjerne fra ikonet. Hvis formen er for liten, risikerer du at den ser ut som en feil.
Selv om det ikke er noen perfekt størrelse, holder de fleste ikonene som bruker denne trenden fargeformen til omtrent en fjerdedel av ikonets full størrelse.
2. Abstrakte ikonformer
Er du usikker på hvilket ikon som representerer innholdet ditt? En abstrakt ikonform kan være svaret.
Flere designere lager abstrakte stilikoner for bruk på nettsteder. Det fine med denne stilen - og trenden generelt - er at abstrakte stiler skaper en følelse av lunefull og rart som samsvarer med noen av de større generelle trender innen design.
Nøkkelen til å jobbe med abstrakte former er å sørge for at du ikke kopierer noe ved en feiltakelse, og at ikoner virkelig er abstrakte. (Ikke prøv å lage ikoner som ligner på logoen din, for eksempel kan de se ut som feil.) For noe som virkelig samsvarer, bruk den samme fargepaletten for ikoner og merkevaremateriell.
3. Primære farger
Primærfargepaletter er et dristig, lyst og engasjerende valg for små designelementer.
Denne ikondesigntrenden bruker rød, blå, grønn og gul (sammen med lilla og oransje) for å lage et grunnleggende sett med fargeregler. Det som får denne stilen til å fungere, er et fokus på farger for å trekke oppmerksomhet til små elementer på skjermen. Primærfarger skiller seg også ut fra alle de "materielle" lysene som har dominert paletter fra sent.
Myk opp designet med forløpninger (eller faux-ombre forløpninger, som eksempelet ovenfor) for å forhindre at fargepaletten ser for elementær ut. Ikke gå over bord når du jobber med primærfarger. De kan være en touch overveldende. Vurder en dempet primærpalett eller monokromatisk skjema.
4. Ikoner med bakgrunnsikoner
Noen trendikoner har egne ikoner. Alvor!
For mer utførlig bruk av ikoner - vi tar ikke bittesmå favoritter her - kan ikoner stables og legges i lag for å skape mer et kunstelement.
Denne trenden bruker ofte farge og skyggelegging for å skille mellom hovedfokusikonet og bakgrunnsikonene. Hovedikonet er ofte i full farge eller et fylt ikon. Bakgrunnsikonene er nesten alltid linjestil og kan ha lyse fargepaletter.
Du kan opprette denne effekten med mange forhåndsinnlagte ikonsett ved å blande og matche ikoner på forskjellige måter. Skap dybde og visuell interesse med ikoner av et lignende tema og hold deg til bare en håndfull elementer for å forhindre at scenen blir for opptatt. Ikke vær redd for å bruke og gjenbruke elementer og bruke de samme ikonene (vekslende linje og fylt) i bakgrunner og forgrunner.
5. Ikoner med to farger
En annen ikondesigntrend som bygger på populære linjeikonstiler, er å lage tofargede elementer.
To-farge ikoner kan bygge på din eksisterende fargepalett eller merkefarger eller kombinere nesten alle andre fargepar. Når du designer ikontrenden, ser du etter fargepar som skiller seg ut fra bakgrunnen du planlegger å bruke dem på.
Når det gjelder designen, velg en primærfarge for det meste av ikonet. Bruk en sekundærfarge for å fremheve et element på ikonet. (Tenk på å bruke primærfargen for 70% til 80% av designet og den sekundære fargen for resten.)
Dette skaper en aksent i ikonedesignet som vil hjelpe deg å trekke blikket inn i designelementet, og forhåpentligvis, omgivende innhold også.
6. Ikon “Shorthand”
Hvis du blar gjennom en hvilken som helst appbutikk, vil du se mange vanlige merker - konvolutter for e-post-apper, se etter produktivitetsapper, låser for sikkerhetsapper.
Dette ikonet med kortbilder gir en rask visuell melding som forteller brukerne hva appen gjør. Denne samme korthaven gjelder nesten universelt for alt ikonutforming. Mens designere eksperimenterer med ikoner i sin egen stil, er det en tendens til å bruke ikoner for en bestemt betydning.
Og dette er en god ting. Et ikon skal være lett å se og forstå på et øyeblikk. Et ikon skal hjelpe brukerne til å vite hva de skal gjøre og hvordan de skal samhandle med designet. Dette vanlige ikonet med korthet er en fin utvikling av hvordan du gjør nettopp det.
7. Lys farge
Lyse fargevalg har vært en stor avtale i alle aspekter av design. Det er ikke annerledes med ikoner. En lys farge er en lokkende måte å trekke blikket mot ikonet på.
Farge brukes på noen få forskjellige måter når det gjelder ikondesigntrenden:
- Som bakgrunn med et hvitt eller svart ikon i linjestil
- For ikoner med fullfargeikoner med et mer realistisk utseende
- For ikonelementer med en mer flat, gradient eller superlys design
Populære fargevalg i den lyse familien inkluderer gul, blå, greener og lilla. Disse fargene har en tendens til å være på den lyse siden, og det er populært å lage en fargepalett med tre til fem fargetoner.
Er du usikker på hvor du skal begynne? Materialpalett viser farger som er en stor del hvis fargeikonets designtrend.
8. Ikoner i logoer
Legg merke til hvor mange logoer som har ikoner. Når du begynner å tenke på det, vil det ikke være vanskelig å se alle de små ikonene i logodesign.
Det som er fint med et ikon i en logo er at det fungerer med merkenavnet, og med litt tid og merkevare kan stå alene. Tenk på eksemplet over, Spotify. Selv om musikkleverandøren ikke har eksistert så lenge (i merkevareomfanget), er sirkelen med tre linjer svært identifiserbar.
Ikonet fungerer i farger og uten - en nøkkel til et sterkt ikon - og kan stå alene eller med bokstaver. Denne allsidigheten gjør det enkelt å se hvorfor ikoner er et populært element i logodesign.
9. Sirkler
Sirkler er en av de mest harmoniske formene. Og når det gjelder ikondesign, er de ganske populære. Fra ikoner som er inne i en sfære til sirkler i objekter, kan det å skape et designmerke ved hjelp av sirkler skape akkurat den rette følelsen for brukere.
(Vil du vite mer om kretser i design? Det har vi her.)
En del av påvirkningen av sirkelen i ikondesign kan koble seg tilbake til noen av retningslinjene som er gitt av Google med Material Design. Alle de runde knappene er perfekte for å tappe på mobiltelefoner. Og den samme filosofien gjelder ikondesign. (Bare tenk hvor ofte et ikon er et berørbart eller klikkbart element.)
Den delen som kan være et lite triks om denne ikontrenden, er meshing sirkler på alle stedene der andre former brukes. Appikoner har en tendens til å være firkantede; Profiler på sosiale medier er sirkulære (og firkantede).
Når du lager et rundt ikon, må du sørge for at innholdet i ikonutformingen er lett å forstå i små størrelser, fordi du ofte må krympe det for å få plass andre steder.
10. Line Style Icon Design
Linestilikoner ser ut til å være trenden som aldri blir gammel.
En del av grunnen er at denne ikonstilen kan fungere praktisk talt hvor som helst på hvilken som helst bakgrunnstype. Mange av de populære, nedlastbare ikonpakkene inkluderer ofte en linjestil på grunn av denne allsidigheten.
Det er lett å se dette i eksemplet over. Hvert ikon er lett å se og forstå i praktisk talt alle størrelser.
11. Enkle elementer og representasjoner
Som med de fleste andre designtrender i 2020, er enkelhet også en del av ikondesign. Enkle former og geografi kombineres for å skape nesten over forenklede representasjoner for ikoner.
Resultatet er et ganske kunstig design som får brukerne til å se ut.
I eksemplet som bruker matikoner over, bruker hvert ikon den vanlige tråden i en sirkel på ikonet. Dette kan være den generelle formen på selve ikonet eller en del av ikonutformingen. Denne formen kobler hvert ikon til hverandre i prosjektet.
12. Ikoner med gradueringer
Gradientfargetrenden som har blitt et av de dominerende temaene i 2019 er også en faktor i ikonedesign. Fra enkle forløpninger i strekslag (som eksempelet ovenfor) til full gradientfarging til hvite ikoner på en gradientbakgrunn, er dette fargeskjemaet populært.
Det kan være det som er så tiltalende med bruken av gradueringer i ikoner (og samlet) - det er så mange forskjellige måter å bruke trenden på. Du kan legge til en gradient og fremdeles ikke ha et prosjekt som ser ut som noe annet.
13. Fokus på enkel fargelegging
Ikon-designere tar også den motsatte tilnærmingen med farger og holder seg til enkle, mer begrensede, mer grunnleggende fargepaletter for disse små designelementene.
Å bruke en begrenset palett er en god idé. Med et så lite design kan for mye farge eller detaljer overvelde plassen raskt og forårsake belastning på øyet.
Du vil ikke at brukere skal måtte tenke på hva ikonet er eller hva farge betyr. Å begrense mengden detalj - inkludert omfattende fargelegging - kan gjøre hvert enkelt ikon litt lettere å se og forstå. Dette er viktigst med ikoner som skal brukes i de minste størrelsene.
14. Alt App Style
En av grunnene til at ikoner har vokst i popularitet så mye, er at vi allerede designer dem for nesten alt. Fra appikoner til app-stilikoner for favoritter eller skrivebordsikoner, er denne stilen praktisk talt overalt.
App-stilikoner har en distinkt stil nesten hver for seg. Dette inkluderer:
- Firkantet i form
- Avrundede kanter
- Farget bakgrunn (vanligvis en farge)
- Enkel form inni ikonet
- God kontrast mellom ikon og bakgrunnsfarge
- Ingen tekst eller bokstaver
15. Tykke, enhetlige slag
Ikke bare er linestilikoner populære, men ikoner med tykke linjestrøk er spesielt populære.
Disse ikonene er ofte designet for enfargede applikasjoner, og brukes ofte i hvitt eller svart på toppen av farge- eller fotobakgrunner.
Ikoner med tykke, ensartede streker brukes hyppigst på egen hånd, for eksempel et vognikon eller kontaktikon. De brukes ikke ofte i en samling ikoner.
16. Flat ikoner Forbli populære
Mens mye av det harde fokuset på flat design har fordampet, er ikonutformingen fremdeles ganske flat (eller i det minste nesten flat).
Dette skyldes sannsynligvis den superenkle naturen til flat design og ideen om at dette utseendet kan integreres med en rekke andre stiler ganske enkelt.
Selv om du ser på noen av eksempler og trender på ikondesignet her, vil du se at mange av dem er flate. (Ikoner for linjestil er for eksempel nesten alltid flate.)
17. Emoji-ikoner
Emojis har nesten blitt sitt eget språk - en mer visuell form for kommunikasjon som blir mer godtatt hele tiden.
Ikoner design tar også på seg en emoji-esque stil. Disse ikonene kan identifiseres på grunn av fokus på hodeformen til en person eller skapning. (De Star Wars-inspirerte emoji-ikonene ovenfor er et flott eksempel på hvordan du kan ha det moro med ikondesign.)
Denne stilen på ikonet kan fungere utmerket for en kontaktside eller for å representere personer eller personligheter i et design.
Hvordan lage et bedre ikon
Å lage et godt ikon eller sett med ikoner er mer enn bare å hoppe videre til noen av de nyeste trendene innen ikondesign. På grunn av den lille størrelsen på ikoner, er oppmerksomhet på detaljer og presisjon en viktig del av designprosessen.
Enkle regler gjelder fortsatt for ikonutforming i 2019. Bruk disse retningslinjene til sammen med noen av de trendende ideene ovenfor for å lage noe du vil elske:
- Begynn med et rutenett
- Bygg med geometri
- Lag en unik form
- Gi ikoner god plass
- Hold deg til merkevarene dine
- Bruk konsistente divoter
- Design for den minste størrelsen du trenger
- Ikke dekor
Retningslinjer for ikondesign
En god måte å følge med på hva som er "i" er å se på grafikkstandarder og stilguider. Hver gang Apple eller Google endrer tilnærming gjør det også alle andre. Delvis fordi de må og delvis fordi den nye stilen ofte reflekterer tidene og trendene i ikonedesign.
Du kan finne retningslinjer her:
- Apple-appikoner
- Android-appikoner
- Produktikoner for materialdesign
- Systemikoner for materialdesign
Konklusjon
Ikoner er et nyttig designverktøy. Fra bruk som appikoner til nettstedemerker eller favoritter til divoter som kan brukes i en logo eller gjennom et designprosjekt, er ikonet et merke som er her for å bli.
Tilnærming av ikonutforming på samme måte som du nesten alle andre prosjekter, men tenk virkelig på enkelhet og størrelse. Ikoner er laget for å se på raskt og er ofte små. Dette kan ha stor innvirkning på designet.
