Ikonu dizains 2020. gadā: galvenās tendences
Ikonas varētu būt viens no vissvarīgākajiem un nepietiekami novērtētajiem dizaina piemēriem jūsu portfelī. Šeit apskatīts ikonu dizains ar dažiem iedvesmojošiem piemēriem.
Ikonu elementi tiek parādīti gandrīz visur, bet dažreiz tiek ražoti kā pārdomāti. Tā tam nevajadzētu būt. Lielisks ikonu dizains var būt atšķirīgs un pievienot projektam smalkumu un nojautu.
Apskatīsim, kas jauns un kas ir karsts ikonu dizainā 2020. gadā!
Izpētiet Envato elementus
1. Līniju ikonas ar krāsu formām
Līniju ikonas vienmēr ir populāra izvēle, pateicoties universālam stilam, kas izskatās labi ar gandrīz jebkuru citu dizaina elementu. Šī tendence rada tikai nedaudz lielāku vizuālo interesi par krāsu popu, bieži apļa vai kvadrāta formā aiz līnijas ikonas.
Krāsas forma var aizpildīt daļu no līnijas ikonas noformējuma, taču visbiežāk tā ir vienkārši peldoša fonā. Šī niecīgā vizuālā interese var sasaistīt ikonu komplektu, uzsvērt zīmola krāsu vai vienkārši atsvaidzināt vecāku līniju ikonu vietni.
Ikonu dizaina sarežģītā daļa ir krāsas formas elementa izvietojums un izmērs. Ja tā ir pārāk liela vai pārāk gaiša, to var noņemt no ikonas. Ja forma ir pārāk maza, jūs riskējat izskatīties pēc kļūdas.
Lai gan nav ideāla izmēra, vairums ikonu, kas izmanto šo tendenci, saglabā krāsu formu līdz apmēram vienai ceturtdaļai no ikonas pilnā izmēra.
2. Abstraktas ikonas formas
Vai nezināt, kāda ikona attēlo jūsu saturu? Iespējams, ka atbilde ir abstrakta ikonas forma.
Vairāk dizaineru veido abstraktas stila ikonas lietošanai visās vietnēs. Jauka lieta par šo stilu - un tendenci kopumā - ir tā, ka abstraktie stili rada kaprīzes un brīnuma sajūtu, kas atbilst dažām no lielākajām dizaina vispārējām tendencēm.
Galvenais darbam ar abstraktajām formām ir pārliecināties, ka jūs neko neatkārtojat kļūdas dēļ un vai ikonas patiesi ir abstraktas. (Nemēģiniet izveidot ikonas, kas ir līdzīgas jūsu logotipam, piemēram, tās var vienkārši izskatīties pēc kļūdām.) Lai kaut kas patiešām sakristu, ikonām un zīmola materiāliem izmantojiet to pašu krāsu paleti.
3. Primārās krāsas
Primāro krāsu paletes ir drosmīga, spilgta un saistoša izvēle maziem dizaina elementiem.
Šī ikonu dizaina tendence izmanto sarkano, zilo, zaļo un dzelteno (kopā ar purpursarkano un oranžo) krāsu pamatnoteikumu izveidošanai. Tas, kas padara šo stilu darbu, ir koncentrēšanās uz krāsu, lai pievērstu uzmanību maziem ekrāna elementiem. Primārās krāsas izceļas arī no visām “Materiāla” spīdumiem, kuru paletēs dominēja jau vēlu.
Mīkstiniet dizainu ar slīpumiem (vai mākslīgiem ombre slīpumiem, piemēram, piemēram, iepriekš), lai krāsu palete neizskatītos pārāk elementāra. Neejiet pāri bortam, strādājot ar primārajām krāsām. Tie var būt satriecoši. Apsveriet izslēgtu primāro paleti vai monohromatisko shēmu.
4. Ikonas ar fona ikonām
Dažām populārākajām ikonām ir savas ikonas. Nopietni!
Lai sīkāk izmantotu ikonas - mēs šeit neņemam vērā niecīgus biļetes -, ikonas var sakraut un slāņot, lai radītu vairāk mākslas elementu.
Šī tendence bieži izmanto krāsu un ēnojumu, lai atšķirtu galveno fokusa ikonu un fona ikonas. Galvenā ikona bieži ir krāsaina vai aizpildīta. Fona ikonas gandrīz vienmēr ir līnijas stila, un tām var būt gaišu krāsu paletes.
Šo efektu var izveidot ar daudziem iepriekš sagatavotiem ikonu komplektiem, dažādos veidos sajaucot un saskaņojot ikonas. Izveidojiet dziļu un vizuālu interesi ar līdzīgas tēmas ikonām un pieturieties pie nedaudziem elementiem, lai ainava pārāk neaizņemtos. Nebaidieties lietot un atkārtoti izmantot elementus un fonos un priekšplānā izmantot tās pašas ikonas (maiņstrāvas un aizpildītas).
5. Divkrāsu ikonas
Vēl viena ikonu dizaina tendence, kas balstās uz populāriem līniju ikonu stiliem, ir divu krāsu elementu izveide.
Divkrāsu ikonas var balstīties uz jūsu esošo krāsu paleti vai zīmola krāsām vai apvienot gandrīz jebkuru citu krāsu pāri. Projektējot, izmantojot ikonu tendences, meklējiet krāsu pārus, kas izceļas no fona, uz kura plānojat tos izmantot.
Kad runa ir par dizainu, lielākajai daļai ikonas izvēlieties galveno krāsu. Izmantojiet sekundāro krāsu, lai akcentētu ikonas elementu. (Padomājiet par pamata krāsas izmantošanu no 70% līdz 80% no dizaina, bet otrās krāsas - pārējo.)
Tas rada akcentu ikonu dizainā, kas palīdzēs pievērst uzmanību dizaina elementam un, cerams, arī apkārtējam saturam.
6. Ikona “Shorthand”
Pārlūkojot jebkuru lietotņu veikalu, jūs redzēsit daudz kopīgu atzīmju - aploksnes pasta lietotnēm, produktivitātes lietotņu pārbaudes, drošības lietotņu slēdzenes.
Šis ikonas saīsinājums nodrošina ātru vizuālu ziņojumu, kas lietotājiem norāda, ko dara lietotne. Šis saīsinājums gandrīz vispārēji attiecas uz visiem ikonu dizainiem. Kamēr dizaineri eksperimentē ar ikonām savā stilā, pastāv tieksme ikonas izmantot noteiktai nozīmei.
Un tā ir laba lieta. Ikonai jābūt viegli uztveramai un saprotamai. Ikonai vajadzētu palīdzēt lietotājiem zināt, kas viņiem jādara un kā viņiem vajadzētu mijiedarboties ar dizainu. Šis kopīgais ikonas saīsinājums ir jauka attīstība, kā to izdarīt.
7. Spilgta krāsa
Spilgtas krāsas izvēle ir bijusi liela problēma visos dizaina aspektos. Ar ikonām tas neatšķiras. Spilgta krāsa ir vilinošs veids, kā pievērst uzmanību ikonai.
Krāsa tiek izmantota dažādos veidos, runājot par ikonu noformējuma tendenci:
- Kā fons ar baltu vai melnu līnijas stila ikonu
- Pilnkrāsu ikonu elementiem ar reālistiskāku izskatu
- Ikonu elementiem ar plakanāku, gradientu vai īpaši spilgtu dizainu
Populārā krāsu izvēle gaišajā ģimenē ietver dzelteno, blūza, zaļumu un purpursarkano krāsu. Šīs krāsas mēdz būt gaišajā pusē, un ir populāra veidot krāsu paleti ar trīs līdz piecām nokrāsām ikonu komplektam.
Vai nezināt, kur sākt? Materiālu paletē tiek parādītas krāsas, kurām ir liela loma krāsu ikonu dizaina tendencēs.
8. Ikonas logotipos
Ņem vērā, cik daudz logotipu ir ikonu. Kad jūs sākat par to domāt, visu sīko ikonu neredzēšana logotipa dizainā būs grūta.
Kas ir jauki attiecībā uz ikonu logotipā, ir tas, ka tā darbojas ar firmas vārdu, un ar laiku un zīmola kapitālu var patstāvīgi darboties. Padomājiet par iepriekš minēto piemēru Spotify. Kaut arī mūzikas pakalpojumu sniedzējs nav bijis tik ilgi (zīmolu klāstā), aplis ar trim rindiņām ir viegli identificējams.
Ikona darbojas krāsaini un bez tās - spēcīgas ikonas atslēgas - un var būt atsevišķi vai ar burtiem. Šī daudzpusība ļauj viegli saprast, kāpēc ikonas ir populārs logotipa dizaina elements.
9. Apļi
Apļi ir viena no harmoniskākajām formām. Un, runājot par ikonu dizainu, tie ir diezgan populāri. Sākot ar ikonām, kas atrodas sfērā, līdz lokiem objektos, veidojot dizaina zīmi, izmantojot lokus, lietotājiem tiek nodrošināta tieši tā, kā jūtaties.
(Vai vēlaties uzzināt vairāk par lokiem dizainā? Mēs to esam ieguvuši šeit.)
Daļa apļa ietekmes uz ikonu noformējumu varētu būt saistīta ar dažām vadlīnijām, kuras Google izstrādājis ar materiālu noformējumu. Visas šīs apaļās pogas ir lieliski piemērotas, lai varētu pieskarties mobilajiem tālruņiem. Un tā pati filozofija attiecas uz ikonu dizainu. (Iedomājieties, cik bieži ikona ir pieskāriena vai noklikšķināšanas elements.)
No šīs ikonas tendences var nedaudz pieķerties ir lokveida acu piestiprināšana visās vietās, kur tiek izmantotas citas formas. Lietotņu ikonas mēdz būt kvadrātveida; sociālo mediju profili ir apļveida (un kvadrātveida).
Veidojot apaļu ikonu, pārliecinieties, vai ikonas noformējuma saturs ir viegli saprotams nelielos izmēros, jo tas bieži jāsamazina, lai ietilptu citās vietās.
10. Līnijas stila ikonas dizains
Līnijas stila ikonas, šķiet, ir tendence, kas nekad nenoveco.
Iemesls tam ir tas, ka šis ikonu stils var darboties praktiski jebkur uz jebkura fona veida. Šīs daudzpusības dēļ daudzās no populārajām, lejupielādējamām ikonu pakām bieži ir līnijas stila dizains.
To ir viegli redzēt iepriekšējā piemērā. Katru ikonu ir viegli redzēt un saprast praktiski jebkura izmēra.
11. Vienkārši elementi un attēlojumi
Tāpat kā lielākajā daļā citu dizaina tendenču 2020. gadā, vienkāršība ir arī ikonas dizaina sastāvdaļa. Vienkāršas formas un ģeogrāfija apvieno, lai izveidotu gandrīz vienkāršotus ikonu attēlojumus.
Rezultāts ir diezgan māksliniecisks dizains, kas liek lietotājiem izskatīties.
Iepriekš minētajā piemērā, kurā izmantotas pārtikas ikonas, katra ikona ikonā izmanto kopējo apļa pavedienu. Tā var būt pati ikonas forma vai ikonas noformējuma daļa. Šī forma savieno katru ikonu projektā.
12. Ikonas ar slīpumiem
Gradientu krāsu tendence, kas kļuvusi par vienu no dominējošajām 2019. gada tēmām, ir faktors arī ikonu dizainā. Šī krāsu shēma ir populāra, sākot no vienkāršiem slīpumiem līnijas gājienā (piemēram, iepriekš minētajā piemērā) līdz pilnīgai gradienta krāsošanai līdz baltām ikonām uz gradienta fona.
Iespējams, tieši tas ir tik pievilcīgi, ja tiek izmantots slīpums ikonās (un kopumā) - ir tik daudz dažādu tendenču izmantošanas veidu. Jūs varat pievienot gradientu, un jums joprojām nav projekta, kas izskatās tieši tāpat kā kaut kas cits.
13. Koncentrējieties uz vienkāršu krāsošanu
Ikonu dizaineri izmanto arī pretēju pieeju, izmantojot arī krāsu, un pieturās pie vienkāršām, ierobežotākām un pamata krāsu paletēm šiem mazajiem dizaina elementiem.
Ierobežotas paletes izmantošana ir lieliska ideja. Ja dizains ir tik mazs, pārāk daudz krāsu vai detaļu var ātri apbērt vietu un izraisīt acu noslodzi.
Jūs nevēlaties, lai lietotājiem būtu jādomā par to, kas ir ikona vai ko nozīmē krāsa. Ierobežojot detaļu daudzumu, ieskaitot sarežģītu krāsošanu, katra ikona var būt nedaudz vieglāk uztverama un saprotama. Tas ir vissvarīgāk ar ikonām, kuras tiks izmantotas vismazākajos izmēros.
14. Viss lietotņu stils
Viens no iemesliem, kādēļ ikonas ir kļuvušas tik populāras, ir tas, ka mēs jau tās veidojam gandrīz visam. Sākot no lietotņu ikonām un beidzot ar lietotņu stila ikonām, kas paredzētas favīniem vai darbvirsmas ikonām, šis stils ir praktiski visur.
Lietotņu stila ikonām ir atšķirīgs stils, kas gandrīz ir savs. Tas iekļauj:
- Kvadrāta forma
- Noapaļotas malas
- Krāsains fons (parasti vienas krāsas)
- Vienkārša forma ikonas iekšpusē
- Daudz kontrastu starp ikonu un fona krāsu
- Nav teksta vai burtu
15. Biezi, vienveidīgi gājieni
Populāras ir ne tikai līnijas stila ikonas, bet jo īpaši populāras ir ikonas ar biezu līnijas gājienu.
Šīs ikonas, kas bieži izstrādātas vienas krāsas lietojumiem, bieži tiek izmantotas baltā vai melnā krāsā virs krāsu vai fotoattēlu fona.
Ikonas ar bieziem, vienveidīgiem triepieniem visbiežāk tiek izmantotas atsevišķi, piemēram, groza ikona vai kontakta ikona. Tos bieži neizmanto ikonu kolekcijā.
16. Plakanas ikonas joprojām ir populāras
Kaut arī liela daļa koncentrēšanās uz plakanu dizainu ir iztvaikojusi, ikonu dizains joprojām ir diezgan līdzens (vai vismaz gandrīz līdzens).
Tas, iespējams, ir saistīts ar plakanā dizaina supervienkāršo raksturu un ideju, ka šo izskatu diezgan viegli var integrēt ar vairākiem citiem stiliem.
Pat apskatot dažus šeit parādītos ikonu dizaina piemērus un tendences, jūs redzēsit, ka daudzi no tiem ir līdzeni. (Piemēram, līnijas stila ikonas gandrīz vienmēr ir līdzenas.)
17. Emociju ikonas
Emocijas ir gandrīz kļuvušas par viņu pašu valodu - vizuālāku saziņas veidu, kas visu laiku tiek pieņemts vispārīgāk.
Ikonu noformējums arī izjūt emocijveidības sajūtu. Šīs ikonas ir identificējamas, jo uzmanība tiek koncentrēta uz personas vai radības galvas formu. (Zvaigžņu karu iedvesmotās emocijzīmju ikonas ir lielisks piemērs, kā izklaidēties ar ikonu noformējumu.)
Šis ikonas stils var lieliski darboties kontaktu lapā vai attēlojot cilvēkus vai personas dizainā.
Kā noformēt labāku ikonu
Labas ikonas vai ikonu kopas izstrādāšana ir kaut kas vairāk nekā tikai jaunākās tendences ikonu dizaina jomā. Ikonu mazā izmēra dēļ uzmanība uz detaļām un precizitāte ir svarīga dizaina procesa sastāvdaļa.
Vienkārši noteikumi joprojām tiek piemēroti ikonu noformēšanai 2019. gadā. Pārveidojiet šīs vadlīnijas ar dažām no iepriekšējām tendenču idejām, lai izveidotu kaut ko, kas jums patiks:
- Sāciet ar režģi
- Veidojiet ar ģeometriju
- Izveidojiet unikālu formu
- Dodiet ikonām daudz vietas
- Pieturieties pie sava zīmola krāsām
- Izmantojiet konsekventu dalījumu
- Dizains mazākajam nepieciešamajam izmēram
- Neizrotāt
Ikonu dizaina vadlīnijas
Labs veids, kā sekot līdzi tam, kas atrodas “iekšā”, ir aplūkot grafikas standartus un stila rokasgrāmatas. Katru reizi, kad Apple vai Google maina savu pieeju, tāpat kā visi pārējie. Daļēji tāpēc, ka viņiem tas ir vajadzīgs, un daļēji tāpēc, ka jaunais stils bieži atspoguļo ikonu dizaina laikus un tendences.
Vadlīnijas varat atrast šeit:
- Apple lietotņu ikonas
- Android lietotņu ikonas
- Materiālu dizaina izstrādājumu ikonas
- Materiālu dizaina sistēmas ikonas
Secinājums
Ikonas ir noderīgs dizaina rīks. Sākot no lietojuma kā lietotņu ikonas līdz vietņu zīmēm vai izdomātajām zīmēm un beidzot ar dalījumiem, kurus var izmantot logotipā vai visā dizaina projektā, ikona ir zīme, kas šeit ir palikusi.
Piekļūstiet ikonu dizainam tāpat kā gandrīz jebkuram citam projektam, taču patiešām domājiet par vienkāršību un izmēru. Ikonas ir izveidotas, lai ātri apskatītu, un tās bieži ir mazas. Tas var ļoti ietekmēt dizainu.
