10 savjeta za oblikovanje ikona koje ne usisavaju
Gotovo svaki dizajner ovih dana razmišlja o dizajnu aplikacija. Jedna od najmanjih značajki svake aplikacije je ikona koja se koristi za predstavljanje na zaslonu svakog mobilnog uređaja i u trgovinama aplikacija. Dizajn sjajne ikone više je od puštanja logotipa u okvir. Trebate nešto što se ističe među svim ostalim ikonama aplikacija.
Dobra ikona može se koristiti na različite načine - za aplikacije, društvene medije, pa čak i za manje tiskane projekte ili posjetnice. A sve što treba je malo dizajna i planiranja.
1. Olakšajte čitanje
Ikona se mora lako čitati. (A ne govorimo o tekstu.) Vizualna čitljivost je ključna.
Ikona treba sadržavati vizualni materijal koji je vrlo prepoznatljiv zbog markiranja ili zbog toga što ga je lako razumjeti. Na primjer, razmislite o ikonama na radnoj površini računala. Znate gdje se stvari nalaze zbog jednostavne prirode ikona - dokumenti su pohranjeni u mapama, glazba se reproducira s gumba u obliku glazbene note, a slike se pohranjuju na mjesto koje nalikuje Polaroid fotografiji.
Kada je u pitanju vizualna čitljivost, markiranje je veliki dio razmatranja. Veliki, kućni brandovi često imaju ikone koje su dio njihovog logotipa ili ikone slike. Ljudi imaju tendenciju prepoznati ove elemente odmah čak i na malim veličinama. To može biti malo teže za nove ili manje brendove ili koncepte ikona i dizajneri se mogu odlučiti pozabaviti se drugim tehnikama za optimalan učinak.
2. Mislite na ikonu, a ne na sliku
Ikona nije fotografija u okviru. Ikona može sadržavati sliku, ali može biti i tekstualna reprezentacija, logomark ili kombinacija tih elemenata.
To samo treba biti vrlo vizualno i prepoznatljivo. Većina logotipa ne uključuje stvarne fotografije, već je grafički prikaz ideje. (Ovaj je koncept naglašen potrebom stvaranja vektorske ikone.)
Slika može postati teška za čitanje u malim veličinama i izgubiti se u moru drugih ikona na korisnikovom telefonu ili drugom uređaju. Grafički prikaz često može imati više vizualne težine.
Ikona mobilne aplikacije za Macy robnu kuću iznad je dobar primjer toga. Velika bijela zvijezda u sredini crvene kutije lako je prepoznati. Ikona se razlikuje od standardnog tretmana ikone potpisa tvrtke jer je boja obrnuta kako bi se ikoni dodali naglasak. Crvena pozadina će se vjerojatno razlikovati od bijele na različitim korisničkim pozadinama.
3. Izbjegavajte riječi
Jedna stvar koju nećete vidjeti u ikonama je upotreba riječi. Jednostavno nema dovoljno mjesta za ikonu koja je ispunjena stvarima za čitanje i razumijevanje.
U pravilu, izbjegavajte tekst u potpunosti, osim ako nije dio vašeg logotipa. Čak i tekst koji je dio logotipa treba pažljivo razmotriti prije upotrebe u primarnom dizajnu logotipa.
Ikona bi trebala biti dizajnirana na način koji stvara identitet bez riječi. Nadalje, sjetite se koliko se ikona zapravo koristi u kontekstu s uređajima na kojima se pojavljuju. Većina uključuje liniju teksta deskriptora ispod stvarnog bloka ikona.
Na primjer, simbol Shack Shack koristi jedno slovo "d" s tretmanima boja i vrsta u skladu s web stranicom. Ovo objedinjeno markiranje i lako čitljivo pismo stvaraju vizualnu kravatu i vezu, bez riječi.
4. Koristite Živa boja
Želite li da se istakne vaša ikona? Krenite podebljano bojom. Živahni izbor boja pomoći će vam da se aplikacija istakne na različitim pozadinama i privući će pažnju korisnika.
Posljednje što želite od dizajna ikona jest da se stapa sa svim ostalim dostupnim opcijama. Zbog toga će plava - posebno nebeska i mornarska nijansa - biti boja koju ćete vjerojatno željeti izbjeći jer je koristi puno drugih ikona.
Ako je plava boja vašeg osnovnog logotipa ili marke, pokušajte je upariti s nečim svjetlijim zbog utjecaja. Razmislite o "novom neutralnom" poput vapno zelene boje ili se odlučite za sezonski ton poput svijetle naranče u jesen ili svijetlo ružičaste boje u proljeće.
5. Razvijte simbol ili jednostavan logotip
Vjerojatno imate logotip svoje marke, ali kada je riječ o ikonicama važan je i simbol. Simbol može biti jednostavan grafički prikaz ili isječak logotipa ili slike.
Samo treba biti oštar i pamtljiv. Više brendova uključuje ikonične simbole u svoje standardne marke i logotipe kako bi se stvorila potpuna veza između manjih ikona i većih dizajnerskih projekata.
Razmislite o aplikaciji Snapchat za razmjenu poruka i dijeljenje fotografija. Simbol duha postao je toliko prepoznatljiv da se može pojaviti po načinu na koji su korisnici ikona upoznati, u drugim shemama boja i oblicima, pa čak i kao samostalna slika na panou. Ovo je sjajan primjer simbola koji djeluje.
6. Sjetite se Skala
Dok većina nas razmišlja o ikonama kao o sitnim stvarima na našim telefonima ili stolnim računalima, ikona nije uvijek mala. Treba biti dizajniran na način koji ga čini korisnim bez obzira na veličinu.
To je osobito važno zbog digitalnog krajola koji se stalno mijenja, pojave novih mrežnica i zbog toga što različite platforme i uređaji mogu prikazivati ikone različitih veličina.
Izgradio ga je veliko, a potom ga smanjio.
7. Stvorite u vektorskom formatu
Što se tiče razmjera i veličine, format je također važno razmatranje. Ikona se mora stvoriti pomoću vektorskog dizajna.
Imajući vektorsku sliku dat će vam slobodu uvođenja promjena i spremanje ikone za različite uređaje, veličine i vidljive prostore bez stvaranja puno pojedinačnih slika. Jer realnost je takva da će vam trebati više verzija veličine ikone za različite projekte.
Prednost vektora je fleksibilnost. Ali postoji ulov. Za mnoge aplikacije ili platforme vjerojatno ćete morati spremiti kopiju u nevektorskom formatu za prijenos.
8. Razmislite izvan okvira za dizajn
Posljednjih mjeseci bilo je puno ikona koje koriste jednobojne pozadine s bijelom ikonom, ravnim tehnikama dizajna i dugim sjenama. Iako ovi trendovi mogu biti jako zabavni, nemojte se zaglaviti u dizajnerskom okviru. Učinite nešto drugačije sa svojom ikonom.
Ako svi ostali rade s kvadratnim rubovima, razmislite o nečem više zaobljenom. Pozadini dodajte nagovještaj teksture kako biste se istakli od svih ravnih boja. Ne osjećajte se kao da morate oblikovati svoju ikonu na onome što rade svi ostali.
9. Neka to bude jednobojno
Postoji mali zabavni trik koji dizajneri godinama koriste kako bi testirali učinkovitost dizajna malih dimenzija - učini ih jednobojnim. Ako vaš dizajn komunicira istu poruku sa ili bez boje, vjerojatno radi. Ako ikoni treba očitati boju, nastavite raditi na izmjenama.
Osobno započinjem gotovo svaki dizajnerski projekt u crno-bijeloj boji i kasnije počinjem dodavati boju. To je skica na računalnom konceptu. Ako ga nacrtate na papiru, a on funkcionira prije nego što stvarno počnete dodavati boju, ideja vjerojatno ima čvrst okvir.
10. Razmislite kvadrat
Vaša ikona i bilo koji dijelovi unutar četvrtastog okvira također se trebaju ravno postavljati. To ne znači da dizajn ili slika moraju biti točno četvrtastog oblika, ali osnovni omjer slike svake ikone ima jednaku visinu i širinu.
Dakle, ako imate simbol koji je super vertikalni ili vodoravni, trebat će vam način da popunite prostor oko njega kako se ne bi izgubio u pozadini. Odlučite se za koncept koji ispunjava značajan dio prostora koji će uglavnom biti kvadrat. (Čak i zaobljena, kružna ikona ima jednaku visinu i širinu.)
Zaključak
Možda zvuči kliše, ali ključ dobrog dizajna ikona jest biti… dobro… ikoničan. To je tako jednostavno.
Dizajn s lakoćom, bojama i vizualnim prepoznavanjem. Razmislite o sučeljima i trenutnim trendovima kako biste dizajnirali u skladu sa standardima. (Ne biste danas dizajnirali skeuomorfnu ikonu za iOS mobilnu aplikaciju, zar ne?) I zabavite se; ikona je ulaz korisnika u vaše digitalno sučelje.
Izvori slike: Ash Kid, Casey Fleser, Roland Tangalo, Gustavo da Cunha Pimenta i Microsiervos Geek Crew.
