7 savjeta za učinkovitu uporabu ikona u dizajnerskim projektima
Dizajn ikona može biti jako zabavan. Ali nakon što ste dobro postavili, što radite s njima?
Ikone nisu samo minijaturne veze za Facebook ili Instagram - mogu biti u potpunosti interaktivni znakovi koji pomažu voditi korisnike kroz dizajn i pružaju dodatnu vizualnu iskru. Ikone mogu biti male ili velike, crno-bijele ili obojene, ravne ili zamršene. Bez obzira na to koji vam se stil sviđa, učinkovita uporaba ikona može poboljšati upotrebljivost i estetsku vrijednost gotovo svakog dizajnerskog projekta.
Istražite elemente Envatoa
1. Dodajte vizualni interes
Neće svaka slika biti prekrasan krajolik. Ponekad slike jednostavno prepadnu.
Zabavna ikonografija može pomoći dodatnom zanimanju za ove pomalo nezanimljive fotografije. Upotrijebite ikone za poboljšanje sadržaja fotografije, dodavanje dodatnog malo informacija i pružanje znaka interakcije.
Uzmite gornji primjer za stomatološku kliniku (doduše, nije najzanimljiviji vizualni koncept.) Dizajn je svjež, svijetao i privlačan. Jednostavna ikona uz lice novo je shvaćanje „ideje žarulje“ - zabilježite sitne zube. Ravnoteža između svjetlosnog dijela zaslona na lijevoj strani i svijetlo bijele ikone također pomaže privući pogled kroz dizajn. Ostatak stranica koristi i druge malene ikone za navigaciju.
2. Stvorite interakciju
Ikone se ne moraju uklopiti u određene položaje da bi potaknule interakciju korisnika. (Previše predložaka koristi ikonu / tekstualnu kombinaciju tri stupca u pomicanju.
Ikone zapravo mogu biti element koji pokreće interaktivnost. Uparite ikonografiju i pomicanje paralaksom tako da se predmeti pomiču po zaslonu. Ikone sloja sa slikama ili drugom pozadinom za stvaranje pomalo neočekivanog elementa.
Boone Selections stvara scenu putovanja za svoja vina koristeći ikonografiju na način da želite da se pomaknete. Ikona aviona putuje u ravnini prateći strelice na ekranu (koje reagiraju na pomicanje). Svaka ikona crte slike postaje crtež dok se korisnik pomiče do tog dijela zaslona. Pokreti su jednostavni, klasični i vrlo učinkoviti.
3. Koristite animaciju
Nitko nikada nije rekao da ikone moraju biti statični elementi. Animirajte ih!
Ali nemojte previše poludjeti. Najbolje animacije ikona odnose se na sadržaj same ikone. Kretanje ne bi trebalo biti prebrzo, jer može biti malo nervozno. Kretanje ne bi trebalo biti prespor, jer bi ih korisnici mogli propustiti. U sredini je slatko mjesto gdje pokret ikona pruža malo radosti.
Sweet Punk to radi sjajno. Ikona je "ista stara žarulja" koja se koristi svugdje, ali s pečatom personalizacije. Zapazite unutrašnjost žarulje - to je plamen. Zatim slijedi zabavna akcija lebdjenja dok žarulja odskače s vrtloženjem ideje. Nadalje, uzorak kruga oko žarulje nježno se pomiče i čini se da odgovara obrascima prelaska mišem.
4. Stvorite klastere ikona
Klasteri zanimljivih oblika, skica ili ručno izrađenih ikona mogu učiniti zanimljiv vizual. Koncept se obično prikazuje na web lokacijama koje distribuiraju ikone paketa (kao što je onaj gore), ali ima širu primjenu.
Razmislite o redovima ikona - igračka s kojom ih koristite premalo ili premalo za veći utjecaj - kada vam nedostaje dobar vizualni prikaz. Ikone mogu raditi kao veze ili samo slike koje stoje samostalno. Klasteri mogu sadržavati samo dvije ili tri ikone ili tri puta više njih. Neka vaš sadržaj pokrene taj postupak donošenja odluka.
Ono što je lijepo u korištenju klasteriranih ikona jest da zaista možete razmišljati izvan okvira i raditi nešto kreativno. Drugi bonus? Možete čak započeti s paketom ikona ako želite i prilagoditi ikone tako da ih učinite vlastitim. Bilo koja opcija može biti jako zabavna i dati vam način da isprobate nešto posve drugo.
5. Kombinirajte s trendovskim elementima
Ikone bi trebale biti samo jedan dio strategije dizajna za projekt. Razmislite o svom sadržaju i uparite ikonografiju s još jednim trendovskim elementom kako biste stvorili modernu estetiku.
Lijepa stvar kod korištenja ikona je fleksibilnost stila. Ikone dolaze u naizgled svakom obliku i obliku, od linija umjetnosti, stilova temeljenih na skicama do ravnog kroja dizajna do razrade minijaturnih umjetničkih djela. Nakon što se smjestite u stil dizajna za projekt, stvorite skup ikona koje odgovaraju tom vizualnom tonu.
Web stranica za Povijest ikona čini to lijepo. Na web mjestu je prikazano kako su se stilovi ikona razvijali tijekom godina - što je sama po sebi zgodna studija slučaja ako tražite više inspiracije - ali svaka se ikona nalazi unutar elementa spremnika u materijalu dizajnerskog stila, koji sadrži prilično ravne slojeve, taktilne pokreti, čista tipografija i svijetla boja.
6. Stavite ga ćudljiv zavoj
Za određene ikone postoje standardni dizajni koje želite koristiti tako da korisnici točno znaju što ti elementi rade. Ovo može uključivati ikone za veze na društvenim mrežama, pretraživanje, kolica i navigacijske strelice. Nikada ne biste trebali žrtvovati upotrebljivost za novi dizajn.
Ali na ove standardne stilove ikona možete staviti svoj ćudljivi zavoj. Promijenite boju, ugađite oblik ili čak precrtajte ikone u svom stilu. Trik je napraviti nešto što se osjeća jedinstveno uz održavanje vidne prepoznatljivosti, tako da korisnici ne dovode u pitanje što ikona znači.
Jednostavne promjene mogu dugo prijeći. Ova vrsta prilagodbe može pomoći da uobičajeni elementi postanu dio vaše dizajnerske i vizualne priče.
Little Puds & Co. to radi na potpuno šarmantan način. Uobičajene ikone u gornjem kutu su prepoznatljive, ali poprimaju boju robne marke web lokacije. Ikone izgledaju malo mekše nego što bi bile u uobičajenoj paleti paleta boja na Facebooku i Instagramu, a izgleda da se podudaraju s više ćudljivim, dječjim stilom koji se koristi tijekom dizajna.
7. Stvorite prilagođene skice
Ikone u sebi mogu biti minijaturna umjetnička platna. Iako se trendovi ikonografije više naginju super ravnom, linijskom prikazu umjetnina, detaljno skiciranje može pružiti izvrsnu prilagođenu opciju koja je i vaša.
Svaki set skica ruku bit će različit. Ne postoji pravi način da ih kategorizirate, osim da pronađete nešto što možete posjedovati. Skicirane ikone često su dio identiteta branda koji ih koristi.
Infinity Foods ovaj stil divno koristi u svom dizajnu. (Stvarno trebate kliknuti oko sebe da biste pogledali cijeli set ikona.) Stil skice započinje logotipom, a isti detaljan stil olovke koristi se za svaki element ikone u dizajnu.
Zaključak
Iako su ikone možda jedan od najmanje misli elemenata u dizajnerskom projektu, mogu biti jedan od najzanimljivijih. Dobra ikonografija može složiti projekt na način koji mu daje toliko malo sjaja i finoće.
Lijepa stvar kod rada s ikonama je što se dobar, vektorski set može koristiti na više načina i različitih veličina. Zainteresovani ste da zgrabite tisuće ikona za povoljnu cijenu pretplate? Kreativni VIP je pokrivao!
