8 jednoduchých kroků k lepšímu designu ikon
Ikony jsou všude. Od ikon aplikací na domovských obrazovkách až po grafické reprezentace, které vedou uživatele k návrhům, je návrh ikon velký problém.
Existuje výtvarné umění k dobrému designu ikon. Nejen, že prvek musí rozeznat rozpoznatelně na nejmenších velikostech, dobré ikony na bázi vektorů mohou být zmenšeny tak, aby byly použity i v nadměrných rozměrech. Někteří designéři dokonce používají obrazy ve stylu ikon pro dominantní vizuály.
Takže kde začínáte? Zde je návod na návrh lepší ikony v osmi (poněkud) jednoduchých krocích.
1) Začněte mřížkou
Dobrý design ikon začíná pevným základem. Jednoduchá čtvercová bloková mřížka je vše, co potřebujete, abyste začali skicovat ikonu.
Použijte stejný mřížkový papír, se kterým jste pracovali v základní škole, abyste vytvořili ikonové náčrty s tužkou a papírem nebo spusťte pomocí mřížky čtvercových pixelů v designovém softwaru. Měli byste pravděpodobně navrhnout na čtvercové plátno, protože většina ikon skončí, aby se vešly do čtvercových prostor. (To zahrnuje vše od ikon pro aplikace až po ikony v návrhy webových stránek nebo pro profily sociálních médií.)
Jakmile budete mít mřížku, ujistěte se, že si dáme prvek bílého prostoru kolem obvodu. To vám poskytne dostatečnou flexibilitu pro přidání pozadí v případě potřeby a nechte ikonu odříznout v aplikacích, které mohou mít zaoblené hrany nebo jiné typy zkosení.
Jen proto, že vaše mřížka je čtvercová, neznamená, že vaše ikona musí být. Může být kulatý nebo více obdélníkový. Nezapomeňte: Když navrhujete něco, co není čtverec, mělo by být v horizontálním a vertikálním směru vycentrováno do mřížky pro snadnější použití později. Také vám pomůže udržet konzistentní měřítko pro sadu ikon.
Mřížka slouží jen k tomu, abyste vytvořili rámec, v němž můžete důsledně navrhnout. Jako bonus můžete také použít mřížku pro kreslení prvků ikony; použijte mřížky pro kreslení přímých úhlů nebo určení umístění zdvihů v návrhu.
2) Stavět s geometrií
Ikony jsou často malé, takže je důležitá budova s prvky, které uživatelé najdou na první pohled. To je důvod, proč tolik ikon má kořeny v geometrických tvarech.
Kruhy, čtverce a trojúhelníky jsou nejoblíbenější kombinace tvarů. Uživatelé o nich nemusejí přemýšlet nebo se ptát, co jsou. Každý tvar je jednoduchý a identifikovatelný. Pak je lze sloučit a připojit k vytvoření dalších prvků s tímto geometrickým stylem.
Podívejte se například na ikonu Dropbox. Není to nic víc než pár čtverců propojených k vytvoření krabice. Koncept je kreativní, jednoduchý a snadno čitelný v jakékoli velikosti.
Další populární "geometrická" volba je použití jediného, blokového dopisu jako součásti ikonografie. I když to nefunguje dobře pro rozšířenou aplikaci, může sloužit jako funkční identifikátor značky. Facebook je primárním příkladem použití této ikony v akci.
3) Vytvořte jedinečný tvar
Zatímco začínáte kruhy a čtverce je užitečné, chcete vytvořit tvar, který je váš. To je nejdůležitější, pokud pracujete s ikonou pro identifikaci značky. Dokonce i zdánlivě složité ikony často začínají jednoduchými tvary, které se přeměňují na něco jedinečného.
Pokud jde o jedinečnost, existuje několik návrhových prvků, na které je třeba přemýšlet.
- Zůstaňte pryč od obrázků. Nebudou vypadat dobře malé.
- Zůstaňte pryč od textu. Uživatelé ji nebudou moci přečíst.
- Některé trendy stojí za to. Ploché a téměř ploché styly ikon působí divy.
- Práce s přímkami a úhly spojenými body na mřížce. Křivky se mohou rychle dostat trapně.
- Nejlepší ikony fungují v barvě, ale jsou také rozpoznatelné jako černé a bílé obrysy.
4) Dejte jí spoustu místa
Ikony potřebují dostatek prostoru pro dýchání. Přemýšlejte o tom, jak se používají ikony. Zvláště pokud navrhujete ikonu aplikace, kterou uživatelé uvidí na bláznivých tapetách na svých zařízeních, musí se design uvnitř snímku nastavit trochu, aby byl čitelnější a rozlišitelný.
Ve své mřížce vytvořte konzistentní okraj kolem okraje. Přemýšlejte o tomto prostoru téměř jako byste při práci s krvácením v tisku. Barva se musí rozšířit na tuto část plátna, ale bude pravděpodobně neviditelná.
5) Dodržujte barvy značky
Nenechte se zbláznit s paletami barev ikony jen proto, že můžete. Pokud vytváříte něco pro práci značky, držte se vaší palety barev. Zatímco se může lišit od vašeho normálního logotypu značky pro ikonu, barva by měla zůstat konzistentní.
Pokud pracujete na sadu ikon pro balíček webového designu nebo jiné použití, nejprve začněte černými nebo bílými ikonami. Poté přidejte barvu, jak se přiblížíte dokončení návrhu. Práce s jednoduchými prvky s vysokým kontrastem - černá na bílé nebo bílá na černé - opravdu máte pocit, jak každá ikona vypadá ve vesmíru. Pokud funguje nezávisle na barvě, šance jsou větší, že bude fungovat dobře s přidanou barvou také.
6. Používejte konzistentní divoty
Věnujte pozornost každému detailu v návrhu ikony. Vyřezal jste v designu šikmý roh? Pak zvážíte, jak to děláte ve všech koutech.
Zatímco tyto drobné detaily se nemusí zdát důležité - nemusí být ani úplně viditelné v těch nejmenších velikostech - mohou přidat klasické vkus ikonům používaným ve více grafických zobrazeních.
Více návrhářů používá ikony jako tlačítka v celém designu a pomáhá vést oči mezi více textovými těžkými prvky. Pečlivě vytvořené ikony mohou potěšit uživatele a podpořit konverzi webových stránek.
7. Design pro nejmenší velikost
Zatímco ikony by mohly být použity téměř v jakékoli velikosti, chcete vytvořit design tak, aby fungoval v nejmenších velikostech. Bežně ikony favicon jsou nahrány pouze 16 pixelů 16 pixelů. Je vaše ikona dešifrovatelná v této velikosti?
Pokud ano, máte dvě možnosti:
- Začneme s návrhem ikony.
- Vytvořte alternativní ikonu pro malé prostory, jako jsou favicony.
8) Nezdobujte
Konečně je to jednoduché. Odolajte nutkání vyzdobit svůj design ikony. Některé z nejlepších aplikací stále trpí nevhodnými ikonami. (Wunderlist okamžitě přichází na mysl. Jen si přemýšlejte o tom, jak mnohem hezčí to vypadá bez stínů a načrtávání.)
Dekorace se v těchto malých prostorech nakonec dívá nepříjemně. Může také přemoci design. Přemýšlejte o ikonách jako o značkách přízvuků návrhu, nejde o primární zaměření. Pokud uživatel trvá na ikoně příliš dlouho, protože se snaží vyřešit jeho význam, může ztratit přehled o tom, co má dělat. Ikony by měly signalizovat rychlé interakce.
Závěr
Ikona design může být hodně legrace, pokud máte čas zdokonalit tuto dovednost. Ale pokud nejste odborník, nebojte se. Existuje spousta skvělých obchodů, které uvolňují sadu ikon, které můžete použít ve svých projektech.
Pokud právě začínáte s ikonovým designem, stojí za to stahovat jednu z těchto sad. Vyhodit ikony na mřížce a vybrat je od sebe. Můžete se hodně naučit, jak lépe vytvářet své vlastní jednoduché tvary z tohoto cvičení.