7 näpunäidet ikoonide efektiivseks kasutamiseks disainiprojektides
Ikoonide kujundamine võib olla väga lõbus. Kuid kui teil on hea komplekt, mida te nendega teete?
Ikoonid pole lihtsalt miniatuursed lingid Facebooki või Instagrami jaoks - need võivad olla täielikult interaktiivsed näpunäited, mis aitavad kasutajatel kujunduse läbi viia ja pakuvad täiendavat visuaalset sädet. Ikoonid võivad olla väikesed või suured, mustvalged või värvilised, lamedad või keerukad. Ükskõik, milline stiil teile meeldib, võib ikoonide tõhus kasutamine parandada peaaegu kõigi kujundusprojektide kasutatavust ja esteetilist väärtust.
Uurige Envato elemente
1. Lisage visuaalne huvi
Mitte iga pilt ei saa olema hingemattev maastik. Mõnikord jäävad pildid lihtsalt puudu.
Lõbus ikonograafia võib nende pisut ebahuvitavate fotode vastu rohkem huvi pakkuda. Kasutage ikoone foto sisu täiustamiseks, täiendava teabe saamiseks ja interaktsiooni näitamiseks.
Võtke ülaltoodud näide hambakliiniku kohta (mis pole muidugi kõige huvitavam visuaalne kontseptsioon.) Kujundus on värske, särav ja kutsuv. Näo kõrval olev lihtne ikoon on uus näide lambipirni ideest - pange tähele pisikesi hambaid. Vasakpoolse ekraani kerge osa ja erkvalge ikooni vaheline tasakaal aitab pilku kogu kujundusele tõmmata. Ülejäänud sait kasutab navigeerimiseks ka muid pisikesi ikoone.
2. Loo interaktsioon
Ikoonid ei pea kasutajaga suhtlemise soodustamiseks konkreetsetesse paigutustesse mahtuma. (Liiga palju malle kasutab kerimisel kolme veeru ikooni / tekstikombinatsiooni.
Ikoonid võivad tegelikult olla interaktiivsust suurendavad elemendid. Paaris ikonograafia ja parallaksi kerimine, nii et üksused liiguvad üle ekraani. Kihtide ikoonid piltidega või muu taust, et luua element, mis on natuke ootamatu.
Boone Selections loob ikoonograafiat kasutades oma veinide jaoks reisistseeni, mis paneb teid kerima. Lennuki ikoon liigub lennukil ekraanil olevate noolte järgi (mis reageerivad kerimisele). Iga joonise ikoon kuvatakse joonisena, kui kasutaja kerib ekraanikuvale. Liigutused on lihtsad, klassikalised ja väga tõhusad.
3. Kasutage animatsiooni
Keegi ei öelnud kunagi, et ikoonid peavad olema staatilised elemendid. Animeerige neid!
Kuid ärge minge liiga hulluks. Parimad ikoonianimatsioonid on seotud ikooni enda sisuga. Liigutused ei tohiks olla liiga kiired, sest see võib olla pisut häiriv. Liigutused ei tohiks olla liiga aeglased, kuna kasutajad võivad neist ilma jääda. Keskel on armas koht, kus ikoonide liikumine pakub natuke rõõmu.
Sweet Punk teeb seda suurepäraselt. Ikoon on “sama vana lamp”, mida kasutatakse igal pool, kuid isikupärastamise templiga. Pange tähele pirni sisemust - see on leek. Siis toimub üks lõbus hõljumistoiming, kui elektripirn põrkub idee keerise abil. Edasi liigub lambipirni ümber olev ringmuster õrnalt ja näib reageerivat hiirekursori mustritele.
4. Looge ikooniklastrid
Huvitava visuaali saavad teha huvitavate kujundite, visandite või muul viisil käsitsi meisterdatud ikoonide klastrid. Kontseptsiooni kuvatakse tavaliselt veebisaitidel, mis levitavad ikoonipakke (näiteks ülaltoodut), kuid sellel on laiem rakendus.
Kui teil pole head visuaali, mõelge ikoonide ridadele - mänguasjad koos nende kasutamisega alamõõduliseks või liiga suureks - suurema mõju saavutamiseks. Ikoonid võivad töötada linkidena või lihtsalt omaette piltidena. Klastrid võivad sisaldada vaid kahte või kolme ikooni või kolm korda nii palju. Laske oma sisul seda otsustusprotsessi juhtida.
Rühmitatud ikoonide kasutamisel on tore see, et saate tõesti mõelda väljaspool kasti ja teha midagi loovat. Teine boonus? Kui soovite, võite isegi alustada ikoonipaketiga ja kohandada ikoone, et neist saaks oma. Mõlemad variandid võivad olla väga lõbusad ja annavad teile võimaluse proovida midagi täiesti erinevat.
5. Kombineeri trendikate elementidega
Ikoonid peaksid olema vaid üks osa projekti kujundusstrateegiast. Moodsa esteetika loomiseks mõelge oma sisule ja paari ikonograafiale koos mõne teise trendika elemendiga.
Tore asi ikoonide kasutamisel on stiili paindlikkus. Ikoone on näiliselt igal kujul ja kujul, alates joonest, visandipõhistest stiilidest kuni lamedate väljalõigetega kujundusteni, et töötada välja miniatuurseid kunstiteoseid. Kui olete projekti kujundusstiili kasuks otsustanud, looge sellele visuaalsele tooni vastavate ikoonide komplekt.
Ikoonide ajaloo veebisait teeb seda ilusti. Sait tutvustab, kuidas ikoonistiilid on aastatega muutunud - mis on iseenesest lahe juhtumianalüüs, kui otsite rohkem inspiratsiooni -, kuid iga ikoon paigutatakse konteineri elemendi sisse materjalikujunduse stiilimustrisse, millel on üsna lamedad kihid, puutetundlikud liigutused, puhas tüpograafia ja erksavärv.
6. Pange sellele vinge keerd
Teatud ikoonide jaoks on olemas standardsed kujundused, mida soovite kasutada, et kasutajad teaksid täpselt, mida need elemendid teevad. See võib hõlmata sotsiaalmeedia linkide ikoone, otsingut, ostukorve ja navigeerimisnooli. Te ei tohiks kunagi ohverdada kasutatavust uue kujunduse jaoks.
Neile tavalistele ikoonistiilidele saate aga oma vinge keerme panna. Muutke värvi, muutke kuju või joonistage ikoonid ümber oma stiili. Trikk on teha midagi, mis tundub ainulaadne, säilitades samas visuaalse äratundmise, et kasutajad ei seaks kahtluse alla ikooni tähendust.
Lihtsad muudatused võivad kaugele jõuda. Selline kohandamine võib aidata ka tavalistel elementidel saada osa teie kujundusest ja visuaalsest loost.
Little Puds & Co teeb seda viisil, mis on täiesti võluv. Ülanurgas olevad tavalised ikoonid on tuvastatavad, kuid need võtavad veebisaidi kaubamärgi värvi. Ikoonid tunduvad pisut pehmemad kui tavalistes Facebooki ja Instagrami värvipaletites ning näivad vastavat visuaalsemale, lastesõbralikule stiilile, mida kasutatakse kogu kujunduse puhul.
7. Looge kohandatud visandid
Ikoonid võivad iseenesest olla miniatuursed lõuendid. Kuigi ikonograafia suundumused kalduvad rohkem ülalahedate jooneliste kujunduste poole, võib detailne visand anda suurepärase kohandatud valiku, mis on teie enda tehtud.
Iga käsitsi visandiga komplekt on erinev. Nende liigitamiseks pole muud võimalust kui otsida midagi sellist, mis võiks teile kuuluda. Visandatud ikoonid on sageli osa neid kasutava kaubamärgi identiteedist.
Infinity Foods kasutab seda stiili suurepäraselt kogu kujunduse jooksul. (Ikoonide täieliku komplekti vaatamiseks peaksite tõesti klõpsama ringi.) Visandistiil algab logost ja kujunduse iga ikoonielemendi jaoks kasutatakse sama detailset pliiatsistiili.
Järeldus
Ehkki ikoonid võivad kujundusprojektis olla üks elementidest, mida vähem mõeldakse, võivad need olla üks huvitavamaid. Hea ikonograafia abil saab projekti kokku tõmmata viisil, mis annab sellele pisut viimistlust ja peenust.
Ikoonidega töötamise tore asi on see, et head vektoripõhist komplekti saab kasutada mitmel viisil ja erineva suurusega. Kas soovite haarata soodsa tellimishinna eest tuhandeid ikoone? Creative VIP on teid katnud!
