Ikoonikujundus aastal 2020: peamised trendid
Ikoonid võivad olla teie portfelli üks olulisemaid ja alahinnatud näiteid kujunduse kohta. Siin on ikoonikujunduse ülevaade koos mõne inspireeriva näitega.
Ikoonelemente näidatakse peaaegu kõikjal, kuid mõnikord toodetakse neid järelmõtetena. See ei tohiks nii olla. Suurepärane ikoonikujundus võib olla eristatav ja lisada projektile peensust ja elegantsi.
Vaatame, mis on uut ja mis on ikoonikujunduses kuum 2020. aastal!
Uurige Envato elemente
1. Jooneikoonid värvikujudega
Joonikoonid on alati populaarne valik tänu mitmekülgsele stiilile, mis näeb hea välja peaaegu kõigi muude kujunduselementidega. See suundumus lisab rea ikooni taha vaid pisut visuaalset huvi, sageli värvi või ruudu kujul olevat poppi.
Värvikuju võib täita osa jooneikooni kujundusest, kuid enamasti hõljub see lihtsalt taustal. See pisike visuaalne huvi võib siduda ikoonikomplekti, rõhutada brändivärvi või lihtsalt värskendada vanemat jooneikooni.
Ikoonikujunduse keeruline osa on värvi kuju elemendi paigutus ja suurus. Kui see on liiga suur või liiga hele värv, võib see ikooni ära võtta. Kui kuju on liiga väike, riskite sellega, et see näib viga.
Ehkki täiuslikku suurust pole, hoiab enamik seda suundumust kasutavatest ikoonidest värvi kuju umbes veerandi ikooni täissuurusest.
2. Abstraktsed ikoonikujud
Kas pole kindel, milline ikoon tähistab teie sisu? Abstraktse ikooni kuju võib olla vastus.
Veel disainerid loovad abstraktse stiili ikoone kasutamiseks kõigil veebisaitidel. Tore selle stiili - ja üldise suundumuse - juures on see, et abstraktsed stiilid tekitavad tujukuse ja imestuse tunde, mis sobib mõne suurema disaini üldisema suundumusega.
Abstraktsete kujunditega töötamise võti on kindel, et te ei kopeeri midagi kogemata ja et ikoonid on tõepoolest abstraktsed. (Ärge proovige luua näiteks teie logoga sarnaseid ikoone, need võivad lihtsalt välja nägema vead.) Tõeliselt sobiva asja jaoks kasutage ikoonide ja brändimaterjalide jaoks sama värvipaletti.
3. Põhivärvid
Põhivärvipaletid on väikeste kujunduselementide jaoks julge, ere ja kaasakiskuv valik.
See ikoonikujunduse suund kasutab punast, sinist, rohelist ja kollast (koos lilla ja oranži) põhireeglite komplekti loomiseks. See stiil toimib keskendudes värvile, et juhtida tähelepanu ekraanil olevatele väikestele elementidele. Põhivärvid eristuvad ka kõigist heledatest materjalidest, mis on hilisest ajast domineerinud palettides.
Pehmendage disaini kalletega (või faux-ombre gradientidega, nagu näiteks ülaltoodud näites), et värvipalett ei näeks liiga elementaarsena. Põhivärvidega töötades ärge minge üle parda. Need võivad olla puudutusest ületamatud. Mõelge vaigistatud primaarsele paletile või monokromaatilisele skeemile.
4. Taustaikoonidega ikoonid
Mõnel populaarsel ikoonil on oma ikoon. Tõsiselt!
Ikoonide keerukamaks kasutamiseks - me ei võta siin pisikesi fiktsioone - saab ikoone virnastada ja kihistada, et luua rohkem kunstielementi.
See suundumus kasutab põhifookuse ikooni ja taustaikoonide eristamiseks sageli värve ja varjutust. Peamine ikoon on sageli täisvärviline või täidetud ikoon. Taustaikoonid on peaaegu alati joonistiilis ja neil võivad olla heledad värvipaletid.
Selle efekti saate luua paljude eelvalmis ikoonikomplektide abil, segades ja sobitades ikoone erineval viisil. Looge sügavus ja visuaalne huvi sarnase teema ikoonidega ja pidage kinni vaid käputäis elemente, et stseen liiga hõivatud ei oleks. Ärge kartke elementide kasutamist ja taaskasutamist ning kasutage taustal ja esiplaanil samu ikoone (vahelduva joonega ja täidetud).
5. Kahevärvilised ikoonid
Veel üks populaarsetele reaikoonide stiilidele toetuv ikooni kujundamise trend on kahevärviliste elementide loomine.
Kahevärvilised ikoonid saavad tugineda teie olemasolevale värvipaletile või brändivärvidele või kombineerida peaaegu kõiki muid värvipaare. Ikoonitrendi kujundamisel otsige värvipaare, mis eristuvad taustast, millel kavatsete neid kasutada.
Kujunduse valimisel vali enamuse ikooni jaoks põhivärv. Ikooni elemendi rõhutamiseks kasutage sekundaarset värvi. (Mõelge põhivärvi kasutamisest 70–80% kujundusest ja teisese värvi kasutamisel ülejäänud osas.)
See loob ikoonikujunduses aktsendi, mis aitab pilgu tõmmata kujunduselementi ja loodetavasti ka ümbritsevasse sisusse.
6. Ikoon “Shorthand”
Kui sirvite mõnda rakenduste poodi, näete palju ühiseid märke - postirakenduste ümbrikud, produktiivsusrakenduste kontrollid, turvarakenduste lukud.
See ikooni otsetee annab kiire visuaalse sõnumi, mis annab kasutajatele teada, mida rakendus teeb. Sama lühend on peaaegu universaalne kõigi ikoonikujunduste puhul. Kuigi disainerid katsetavad ikoone omas stiilis, on kalduvus kasutada ikoone kindla tähenduse jaoks.
Ja see on hea asi. Ikoon peaks olema hõlpsalt nähtav ja arusaadav. Ikoon peaks aitama kasutajatel teada saada, mida nad peaksid tegema ja kuidas kujundusega suhelda. See tavaline ikooni lühend on kena areng, kuidas just seda teha.
7. Erksavärviline
Erksavärvilised värvid on disaini kõigis aspektides palju kaasa aidanud. Ikoonidega pole see teisiti. Erk värv on köitev viis ikoonile silma tõmmata.
Ikooni kujunduse suundumuse kasutamisel kasutatakse värvi mitmel erineval viisil:
- Taustaks valge või musta joone stiilis ikoon
- Realistlikuma ilmega värviliste ikoonielementide jaoks
- Tasasema, gradiendilise või ülikerge kujundusega ikoonielementide jaoks
Heledas perekonnas populaarsete värvivalikute hulka kuuluvad kollased, sinised, rohelised ja lillad. Need värvid asuvad tavaliselt heledal küljel ja populaarseks on ikoonikomplekti jaoks kolme kuni viie tooniga värvipaleti meisterdamine.
Kas pole kindel, kust alustada? Materjalipalett näitab värve, millel on suur osa värvilise ikooni kujundamisel.
8. Ikoonid logos
Pange tähele, kui palju logos on ikoone. Kui mõtlema hakkate, on kõigi väikeste ikoonide nägemine logodisainis keeruline.
Logo ikooni juures on kena see, et see töötab brändinimega ning mõne aja ja brändi omakapitali korral on võimalik üksi olla. Mõelge ülaltoodud näitele Spotify. Kuigi muusikapakkuja pole nii kaua ringi liikunud (kaubamärkide ulatuses), on kolme joonega ring hästi tuvastatav.
Ikoon töötab värviliselt ja ilma - tugeva ikooni võti - ja võib olla eraldi või kirjaga. Selle mitmekülgsuse abil on lihtne mõista, miks ikoonid on logo kujundamisel populaarsed elemendid.
9. ringid
Ringid on üks harmoonilisemaid kujundeid. Ja kui rääkida ikoonikujundusest, siis on need üsna populaarsed. Kujundusmärgi loomine ringide abil võib sfääris sisalduvatest ikoonidest objektide ringideni luua kasutajatele just õige tunde.
(Kas soovite rohkem teada saada disaineriringide kohta? See on meil siin olemas.)
Osa ringi mõjust ikooni kujundamisel võib olla seotud mõne Google'i poolt materjali kujundamisega seotud juhisega. Kõik need ümmargused nupud sobivad suurepäraselt mobiiltelefonide koputamiseks. Ja sama filosoofia kehtib ka ikoonide kujundamise kohta. (Mõelge vaid, kui sageli on ikoon puudutatav või klõpsatav element.)
Selle ikooni suundumuse osas võib olla pisut trikki: ringide sidumine kõikides kohtades, kus kasutatakse muid kujundeid. Rakenduseikoonid kipuvad olema ruudukujulised; sotsiaalmeedia profiilid on ümmargused (ja ruudukujulised).
Ümmarguse ikooni loomisel veenduge, et ikooni kujunduse sisu oleks väikestes suurustes hõlpsasti mõistetav, kuna peate seda muudes kohtades kasutamiseks sageli vähendama.
10. Line Style ikooni kujundus
Näib, et joone stiili ikoonid on trend, mis kunagi ei vanane.
Osaliselt on põhjuseks see, et see ikoonistiil võib töötada praktiliselt kõikjal, igat tüüpi taustal. Selle mitmekülgsuse tõttu sisaldavad paljud populaarsed allalaaditavad ikoonipakid sageli joonistiili kujundust.
Ülaltoodud näites on seda lihtne näha. Ikoone on praktiliselt igas suuruses lihtne näha ja mõista.
11. Lihtsad elemendid ja representatsioonid
Nagu enamiku teiste 2020. aasta disainisuundade puhul, on ka lihtsus ikoonikujunduse osa. Lihtsad kujundid ja geograafia loovad ikoonide jaoks peaaegu lihtsustatud esindused.
Tulemuseks on üsna kunstiline kujundus, mis paneb kasutajad pilgu vaatama.
Ülaltoodud näites, kus kasutatakse toiduikoone, kasutab iga ikoon ikooni ringi ühist niiti. See võib olla ikooni enda üldine kuju või osa ikooni kujundusest. See kuju ühendab iga ikooni projektis üksteisega.
12. Gradientidega ikoonid
Gradientide värvitrend, millest on saanud 2019. aasta üks domineerivaid teemasid, on teguriks ka ikooni kujundamisel. See värviskeem on populaarne alates lihtsatest kaldenurkadest joonte kaupa (näiteks ülaltoodud näide) kuni täieliku gradiendi värvimiseni kuni valgete ikoonideni gradiendi taustal.
See võib olla just see, mis puudutab gradientide kasutamist ikoonides (ja üldiselt) - suundumuse kasutamiseks on nii palju erinevaid võimalusi. Saate lisada gradiendi ja teil pole ikkagi projekti, mis näeks välja nagu midagi muud.
13. Keskenduge lihtsale värvimisele
Ikoonidisainerid kasutavad ka värviga vastupidist lähenemisviisi ja jäävad nende väikeste kujunduselementide juurde lihtsate, piiratud ja põhiliste värvipalettide juurde.
Piiratud paleti kasutamine on suurepärane idee. Nii väikese kujunduse korral võib liiga palju värvi või detaile liiga kiiresti ruumi üle koormata ja silmi koormata.
Te ei soovi, et kasutajad peaksid mõtlema, mis ikoon on või mida värv tähendab. Üksikasjalikkuse vähendamine - sealhulgas keerukas värvimine - võib muuta iga ikooni pisut kergemini nähtavaks ja arusaadavaks. See on kõige olulisem ikoonide puhul, mida kasutatakse väikseima suurusega.
14. Kõik rakenduse stiil
Üks põhjusi, miks ikoonid on nii palju populaarsust kogunud, on see, et me kavandame neid juba peaaegu kõige jaoks. Rakenduste ikoonidest faviconite või töölauaikoonide rakenduse stiilis ikoonideni on see stiil praktiliselt kõikjal.
Rakenduse stiili ikoonidel on selgelt eristuv stiil. See sisaldab:
- Ruudu kuju
- Ümardatud servad
- Värviline taust (tavaliselt ühevärviline)
- Lihtne kuju ikooni sees
- Rohkelt kontrasti ikooni ja taustvärvi vahel
- Ei teksti ega kirju
15. Paksud, ühtlased löögid
Mitte ainult sirgjoonelised ikoonid pole populaarsed, vaid eriti populaarsed on paksude joontega ikoonid.
Need ikoonid, mis on mõeldud sageli ühevärviliste rakenduste jaoks, kasutatakse sageli värvi või foto taustal valge või mustana.
Kõige sagedamini kasutatakse paksu, ühtlase tõmbega ikoone, näiteks ostukorvi ikooni või kontaktiikooni. Neid ei kasutata ikoonide kollektsioonis sageli.
16. Lamedad ikoonid on populaarsed
Ehkki suur osa lamedale disainile keskendumisest on ära langenud, on ikoonikujundus endiselt üsna tasane (või vähemalt peaaegu tasane).
Selle põhjuseks on tõenäoliselt lameda disaini ülilihtsus ja idee, et see välimus saab üsna hõlpsalt integreerida paljude teiste stiilidega.
Isegi kui vaadata mõnda siin esitatud ikoonikujunduse näidet ja suundumust, näete, et paljud neist on tasased. (Näiteks joone stiili ikoonid on peaaegu alati tasased.)
17. emotikonide ikoonid
Emotüünidest on peaaegu saanud nende oma keel - visuaalsemaks suhtlusvormiks, mis muutub kogu aeg üldisemaks.
Ikoonide kujundamisel on ka emotikonide eskuil. Need ikoonid on tuvastatavad, kuna keskendutakse inimese või olendi peakujule. (Ülaltoodud Tähesõdadest inspireeritud emotikonideikoonid on suurepärane näide sellest, kuidas ikoonikujundusega lõbutseda.)
See ikooni stiil võiks suurepäraselt töötada kontaktide lehel või inimeste või isiksuste kujunduses esindamisel.
Kuidas kujundada parem ikoon
Hea ikooni või ikoonikomplekti meisterdamine on midagi enamat kui lihtsalt ikooni kujundamise uusimatele suundumustele hüppamine. Ikoonide väiksuse tõttu on tähelepanu detailidele ja täpsus disainiprotsessi oluline osa.
Lihtsad reeglid kehtivad endiselt ikooni kujundamisel ka 2019. aastal. Paarige need juhised mõne ülaltoodud trendika ideega, et luua midagi, mis teile meeldib:
- Alustage ruudustikust
- Ehitage geomeetria abil
- Looge ainulaadne kuju
- Andke ikoonidele palju ruumi
- Püsige oma kaubamärgi värvide ees
- Kasutage järjepidevaid jagamisi
- Kujundus väikseimale suurusele, mida vajate
- Ära kaunista
Ikooni kujundamise juhised
Hea viis sammuga selle poole, mis on kursis, on vaadata graafikastandardeid ja stiilijuhendeid. Iga kord, kui Apple või Google oma lähenemist muudab, teevad seda ka kõik teised. Osaliselt seetõttu, et nad peavad seda tegema, ja osaliselt seetõttu, et uus stiil peegeldab sageli ikoonikujunduse aegu ja trende.
Juhised leiate siit:
- Apple Appi ikoonid
- Androidi rakenduse ikoonid
- Materjalidisaini ikoonid
- Materjalide kujundamise süsteemi ikoonid
Järeldus
Ikoonid on kasulik kujundusvahend. Alates kasutamisest rakenduse ikoonidena kuni veebisaidi märkide või faviconiteni kuni jagadeni, mida saab kasutada logos või kogu kujundusprojekti jooksul, on ikoon märk, mis jääb siia jääma.
Lähenege ikooni kujundusele samamoodi nagu peaaegu kõigile teistele projektidele, kuid mõelge tõesti lihtsusele ja suurusele. Ikoonid on tehtud kiireks vaatamiseks ja on sageli väikesed. See võib kujundusele suurt mõju avaldada.
