Dizajn ikona 2020. godine: ključni trendovi
Ikone su možda jedan od najvažnijih - i podcijenjenih - primjera dizajna u vašem portfelju. Evo pregleda dizajna ikona s nekoliko nadahnjujućih primjera.
Elementi ikona prikazani su gotovo svugdje, ali ponekad se proizvode kao razmišljanja. To ne bi trebalo biti slučaj Izvrstan dizajn ikona može biti prepoznatljiv i dodati profinjenost i njuh projektu.
Pogledajmo što je novo i što je aktualno u dizajnu ikona 2020. godine!
Istražite elemente Envatoa
1. Linijske ikone s oblicima u boji
Ikone linija uvijek su popularan izbor, zahvaljujući svestranom stilu koji izgleda dobro s gotovo bilo kojim drugim dizajnerskim elementom. Trendu dodaje samo malo više vizualnog interesa s pop boji, često u obliku kruga ili kvadrata, iza ikone linije.
Oblik u boji mogao bi ispuniti dio dizajna ikona linije, ali češće nego ne samo da lebdi u pozadini. Ovaj sitni vizualni interes može povezati skup ikona, naglasiti boju marke ili samo osvježiti starije mjesto ikona linija.
Škakljiv dio dizajna ikona je postavljanje i veličina elementa oblika boje. Ako je prevelika ili previše svijetle boje, može se oduzeti od ikone. Ako je oblik premalen, riskirate da izgleda kao pogreška.
Iako nema savršene veličine, većina ikona koje koriste ovaj trend održavaju oblik boje otprilike jednu četvrtinu ikone u punoj veličini.
2. Sažetak oblika ikona
Niste sigurni koja ikona predstavlja vaš sadržaj? Apstraktni oblik ikone mogao bi biti odgovor.
Više dizajnera stvara ikone apstraktnog stila za upotrebu na web stranicama. Lijepa stvar ovog stila - i općenito trenda - je da apstraktni stilovi stvaraju osjećaj ćudljivosti i čuđenja koji odgovara nekim većim ukupnim trendovima u dizajnu.
Ključ za rad s apstraktnim oblicima jest provjera da ne ponavljate nešto pogreškom i da su ikone doista apstraktne. (Ne pokušavajte stvarati ikone slične vašem logotipu, na primjer, one mogu jednostavno izgledati kao pogreške.) Za nešto što stvarno odgovara, koristite istu paletu boja za ikone i materijale robne marke.
3. Primarne boje
Palete boja s primarnim bojama su podebljan, svijetao i privlačan izbor za male dizajnerske elemente.
Ovaj trend dizajna ikona koristi crvenu, plavu, zelenu i žutu (zajedno s ljubičastom i narančastom) kako bi stvorio osnovni skup pravila u boji. Ono što ovaj stil rada čini je fokusiranje na boju kako bi se skrenula pažnja na male elemente na zaslonu. Osnovne boje će se također isticati u svim "Materijalnim" bojama koje su dominirale u paleti od kasnog doba.
Ublažite dizajn gradijentima (ili nagibnim ombre gradijentima, kao što je primjer gore) kako paleta boja ne izgleda previše elementarno. Ne pretjerujte s radom s primarnim bojama. Mogu biti neodoljivi na dodir. Razmotrite prigušenu primarnu paletu ili jednobojnu shemu.
4. Ikone s pozadinskim ikonama
Neke trendove imaju vlastite ikone. Ozbiljno!
Za složenije korištenje ikona - ovdje ne uzimamo sitne šare - ikone se mogu složiti i slojevito stvoriti više umjetničkog elementa.
Ovaj se trend često koristi bojom i sjenkama kako bi se razlikovala glavna ikona žarišta od ikona pozadine. Primarna ikona je često pune boje ili ispunjena ikona. Ikone pozadine gotovo su uvijek linijski stil i mogu imati svijetlu paletu boja.
Ovaj efekt možete stvoriti pomoću mnogih unaprijed pripremljenih setova ikona miješanjem i podudaranjem ikona na različite načine. Stvorite dubinu i vizualni interes s ikonama slične teme i držite se samo nekoliko elemenata da scena ne bi postala previše zauzeta. Ne bojte se upotrebljavati i ponovno koristiti elemente i koristiti iste ikone (naizmjenična linija i ispunjene) u pozadini i prednjem planu.
5. Dvobojne ikone
Još jedan trend oblikovanja ikona koji se temelji na popularnim stilovima ikona linija je stvaranje dvobojnih elemenata.
Ikone u dvije boje mogu se nadograditi na vašoj postojećoj paleti boja ili marki boja ili kombinirati gotovo bilo koji drugi par boja. Prilikom dizajniranja koristeći trend ikona potražite parove boja koji će se isticati od pozadine na kojoj ih namjeravate koristiti.
Kad je u pitanju dizajn, za većinu ikona odaberite primarnu boju. Pomoću sekundarne boje naglasite element ikone. (Pomislite da koristite primarnu boju za 70% do 80% dizajna, a sekundarnu boju za ostatak.)
To stvara naglasak u dizajnu ikona koji će pomoći privući pogled u element dizajna, a nadamo se i oko njega.
6. Ikona "Skraćenica"
Ako pregledavate bilo koju trgovinu aplikacija, vidjet ćete puno uobičajenih oznaka - omotnice za aplikacije za poštu, provjere aplikacija za produktivnost, brave za sigurnosne aplikacije.
Ta kratica za ikone pruža brzu vizualnu poruku koja korisnicima govori što aplikacija čini. Ista skraćenica gotovo se univerzalno odnosi na cjelokupni dizajn ikona. Dok dizajneri eksperimentiraju sa ikonama u svom vlastitom stilu, postoji sklonost upotrebi ikona za točno određeno značenje.
I to je dobra stvar. Ikonu treba lako vidjeti i razumjeti na prvi pogled. Ikona bi trebala pomoći korisnicima da znaju što bi trebali raditi i kako bi trebali komunicirati s dizajnom. Ova zajednička kratica za ikone lijepa je evolucija kako to učiniti.
7. Svijetla boja
Svijetli izbor boja uvelike je utjecao na sve aspekte dizajna. To se ne razlikuje s ikonama. Svijetla boja je primamljiv način privlačenja očiju ikoni.
Boja se koristi na nekoliko različitih načina kada je u pitanju trend oblikovanja ikona:
- Kao pozadina s bijelom ili crnom ikonom u stilu
- Za elemente ikona u punoj boji, realnijeg izgleda
- Za elemente ikona s ravnijim, gradijentnim ili super svijetlim dizajnom
Popularni izbori boja u svijetloj obitelji uključuju žuta, plava, zelena i ljubičasta. Te boje imaju tendenciju da se nalaze na svijetloj strani, a izrada palete boja s tri do pet nijansi za set ikona je popularna.
Niste sigurni gdje započeti? Paleta materijala prikazuje boje koje su važan dio ako je trend dizajna ikona u boji.
8. Ikone u logotipu
Uzmite u obzir koliko logotipa sadrže ikone. Jednom kada počnete razmišljati o tome, nećete vidjeti sve male ikone u dizajnu logotipa.
Ono što je lijepo kod ikone na logotipu jest da ona radi s imenom marke, a s vremenom i pravičnost marke može stajati sama. Razmislite o gornjem primjeru, Spotify. Iako se pružatelj glazbe toliko dugo ne giba (u opsegu marki), krug s tri crte vrlo je prepoznatljiv.
Ikona djeluje u boji i bez - ključa jake ikone - i može stajati sama ili sa slovima. Ova svestranost olakšava razumijevanje zašto su ikone popularan element u dizajnu logotipa.
9. Krugovi
Krugovi su jedan od skladnih oblika. A kada je u pitanju dizajn ikona, oni su prilično popularni. Od ikona koje se nalaze unutar sfere do krugova unutar predmeta, stvaranje dizajnerske oznake pomoću krugova može uspostaviti pravi osjećaj za korisnike.
(Želite znati više o krugovima u dizajnu? To imamo ovdje.)
Dio utjecaja kruga na dizajn ikona mogao bi se povezati s nekim smjernicama koje je Google postavio putem Material Design-a. Svi ti kružni gumbi savršeni su za prisluškivanje na mobilnim telefonima. I ista se filozofija odnosi na dizajn ikona. (Zamislite samo koliko su često ikone element koji se može dodirnuti ili kliknuti.)
Dio koji može biti mali trik u vezi s ovim trendom ikona je umrežavanje krugova na svim mjestima na kojima se koriste drugi oblici. Ikone aplikacija obično su kvadratne; Profili na društvenim medijima su kružni (i kvadratni).
Prilikom izrade okrugle ikone vodite računa da je sadržaj dizajna ikona lako razumljiv na malim dimenzijama, jer ga morate često smanjiti kako bi se uklopio na druga mjesta.
10. Dizajn ikona stila linije
Čini se da su ikone stila linije trend koji nikad ne stari.
Dio razloga je taj što ovaj stil ikona može raditi praktički bilo gdje na bilo kojoj vrsti pozadine. Mnogi od popularnih paketa ikona za preuzimanje koje često uključuju dizajn stila linije zbog ove svestranosti.
To je lako vidjeti u gornjem primjeru. Svaku je ikonu lako vidjeti i razumjeti u bilo kojoj veličini.
11. Jednostavni elementi i prikazi
Kao i kod većine drugih trendova dizajna u 2020. godini, jednostavnost je također dio dizajna ikona. Jednostavni oblici i zemljopis kombiniraju se kako bi se stvorili gotovo preko pojednostavljenih prikaza ikona.
Rezultat je prilično vješt dizajn zbog kojeg korisnici izgledaju.
U primjeru koji koristi gornje ikone hrane, svaka ikona koristi zajedničku nit kruga u ikoni. To može biti cjelokupni oblik same ikone ili dio dizajna ikone. Ovaj oblik povezuje svaku ikonu jedna u drugu u projektu.
12. Ikone s gradijentima
Trend gradijentnih boja koji je postao jedna od dominantnih tema 2019. godine također je faktor u dizajnu ikona. Od jednostavnih gradijenata u potezima linija (poput gornjeg primjera) do punog bojenja gradijenta do bijelih ikona na pozadini gradijenta, ova je shema boja popularna.
Možda je to što privlači gradijente u ikonama (i općenito) toliko privlačno - postoji toliko različitih načina da se koristi trend. Možete dodati gradijent i još uvijek nemate projekt koji izgleda kao nešto drugo.
13. Usredotočite se na jednostavno bojanje
Dizajneri ikona također uzimaju suprotan pristup boji i drže se jednostavnih, ograničenijih, najosnovnijih paleta boja za ove male dizajnerske elemente.
Korištenje ograničene palete odlična je ideja. S tako malim dizajnom, previše boje ili detalja može brzo nadvladati prostor i uzrokovati naprezanje očiju.
Ne želite da korisnici moraju razmišljati o tome što je ikona ili šta znači boja. Ograničavanje količine detalja - uključujući složene boje - može svaku pojedinu ikonu malo lakše vidjeti i razumjeti. To je najvažnije kod ikona koje će se koristiti u najmanjim veličinama.
14. Sve stil aplikacije
Jedan od razloga što su ikone toliko porasle u popularnosti je taj što ih već dizajniramo za gotovo sve. Od ikona aplikacija do ikona u stilu aplikacija za ikone ili stolne ikone, ovaj je stil praktički posvuda.
Ikone u stilu aplikacija imaju različit stil, gotovo svoj. Ovo uključuje:
- Kvadratnog oblika
- Zaobljeni rubovi
- Obojena pozadina (obično jedna boja)
- Jednostavan oblik unutar ikone
- Mnogo kontrasta između ikone i boje pozadine
- Nema teksta ili slova
15. Debeli, ujednačeni potezi
Ne samo da su popularne ikone u stilu linije, već su posebno popularne ikone s debelim potezima.
Često dizajnirane za jednobojne aplikacije, ove se ikone često koriste u bijeloj ili crnoj boji na pozadini boja ili fotografija.
Ikone s gustim, jednoličnim potezima najčešće se upotrebljavaju samostalno, poput ikone kolica ili ikone kontakta. Ne koriste se često u zbirci ikona.
16. Ravne ikone ostaju popularne
Iako je velik dio tvrdog fokusa na ravnom dizajnu ispario, dizajn ikona je i dalje prilično ravan (ili barem gotovo ravan).
To je vjerojatno zbog super jednostavne prirode ravnog dizajna i ideje da se ovaj izgled prilično lako može integrirati s mnogim drugim stilovima.
Čak i ako pogledate neke primjere dizajna ikona prikazanih ovdje, vidjet ćete da su mnogi od njih ravni. (Na primjer, ikone stilova linije gotovo su uvijek ravne.)
17. Ekoji ikone
Emoji su gotovo postali vlastiti jezik - vizualniji oblik komunikacije koji je sve opće prihvaćen.
Dizajn ikona također poprima njuh emoji-esque. Te se ikone mogu prepoznati po fokusu na obliku glave osobe ili bića. (Gore prikazane ikone emojija Star Wars inspirisani su sjajan primjer kako se zabaviti dizajnom ikona.)
Ovaj stil ikone mogao bi biti izvrstan za kontaktnu stranicu ili za predstavljanje ljudi ili persona u dizajnu.
Kako dizajnirati bolju ikonu
Izrada dobre ikone ili niza ikona više je nego samo skok na neke od najnovijih trendova u dizajnu ikona. Zbog male veličine ikona pažnja na detalje i preciznost važan su dio procesa dizajna.
Jednostavna pravila i dalje vrijede za dizajn ikona 2019. Uparite ove smjernice s nekim gornjim trendovima da biste stvorili nešto što će vam se svidjeti:
- Počnite s rešetkom
- Gradi se geometrijom
- Stvorite jedinstveni oblik
- Dajte ikoni dovoljno prostora
- Držite se svojih boja marke
- Koristite dosljedne divote
- Dizajn za najmanju veličinu koja vam je potrebna
- Ne ukrašavajte
Smjernice za dizajn ikona
Dobar način da budete u toku s onim što je „in“ je gledanjem grafičkih standarda i vodiča za stil. Svaki put kad Apple ili Google promijene svoj pristup, to čine i svi ostali. Djelomično zato što moraju i djelomično zato što novi stil često odražava vremena i trendove u dizajnu ikona.
Ovdje možete pronaći smjernice:
- Apple ikone aplikacija
- Android ikone aplikacija
- Ikone proizvoda za dizajn materijala
- Ikone sustava dizajna materijala
Zaključak
Ikone su koristan alat za dizajn. Od ikona aplikacija do oznaka web mjesta ili odabira do divota koji se mogu koristiti u logotipu ili tijekom čitavog dizajnerskog projekta, ikona je oznaka koja ovdje ostaje.
Približite se dizajnu ikona na isti način kao i svakom drugom projektu, ali stvarno mislite na jednostavnost i veličinu. Ikone su napravljene za pregled i često su malene. To može imati veliki utjecaj na dizajn.
