10 tipů pro navrhování ikon, které nejsou sát
Téměř každý návrhář přemýšlí o designu aplikací v těchto dnech. Jednou z nejmenších funkcí každé aplikace je ikona, která ji reprezentuje na obrazovce každého mobilního zařízení a v obchodech s aplikacemi. Navrhnout skvělou ikonu je víc než jen vložení loga do krabice. Potřebujete něco, co vynikne mezi všemi ostatními ikonami aplikací.
Dobrou ikonu lze použít různými způsoby - pro aplikace, sociální média a dokonce i na menší tištěné projekty nebo vizitky. A stačí jen trochu designu a plánování.
1. Usnadněte si čtení
Ikona musí být snadno čitelná. (A nemluvíme o textu.) Klíčem je vizuální čitelnost.
Ikona by měla obsahovat vizuální prvek, který je dobře rozpoznatelný kvůli brandingu nebo proto, že je snadno srozumitelný. Přemýšlejte například o ikonách na ploše počítače. Víš, kde se věci nacházejí, kvůli jednoduché povaze ikon - dokumenty jsou uloženy ve složkách, hudba se přehrává pomocí tlačítka ve formě noty a obrázky se ukládají do umístění, které vypadá jako fotografie Polaroid.
Pokud jde o vizuální čitelnost, branding je velkou součástí úvah. Velké, domácí značky mají často ikony, které jsou součástí jejich loga nebo ikonického obrázku. Lidé mají tendenci tyto prvky okamžitě rozpoznávat i v malých velikostech. To může být o něco tvrdší pro nové nebo menší značky nebo koncepty ikon a návrháři se mohou rozhodnout jít s jinými technikami pro optimální dopad.
2. Think Icon, Not Image
Ikona není fotka v krabici. Ikona může zahrnovat obrázek, ale může to být také textová reprezentace, logomark nebo kombinace těchto prvků.
Musí to být velmi vizuální a rozpoznatelné. Většina log nezahrnuje skutečné fotografie, ale je více grafickým znázorněním nápadu. (Tento koncept je zdůrazněn potřebou vytvořit vektorovou ikonu.)
Obrázek může být také obtížně čitelný v malých velikostech a ztratit se v moři dalších ikon na telefonu uživatele nebo na jiném zařízení. Více grafického znázornění může často nést větší vizuální váhu.
Dobrým příkladem je ikona mobilní aplikace pro obchodní dům Macy výše. Velká bílá hvězda uprostřed červené krabice je snadno identifikovatelná. Ikona se liší od standardního zpracování ikony podpisu společnosti v tom, že barva je obrácena, aby byla ikona zvýrazněna. Červené pozadí bude pravděpodobně vyniknout více než bílé na různých uživatelských tapet.
3. Vyhněte se slovům
Jedna věc, kterou neuvidíte v ikonách, je použití slov. Tam prostě není dost místa pro ikonu, která je plná věcí číst a pochopit.
Obecně se textu vyhýbejte, pokud není součástí vašeho loga. Dokonce i text, který je součástí loga, by měl být pečlivě zvážen před použitím v návrhu primárního loga.
Ikona by měla být navržena tak, aby vytvořila identitu beze slov. Dále si pamatujte, kolik ikon se ve skutečnosti používá v souvislosti se zařízeními, na nichž se objevují. Většina obsahuje řádek textu popisovače pod skutečným blokem ikon.
Ikona Design Shack je například ikona, která používá jediné písmeno „d“ s barvami a typy ošetření v souladu s webovými stránkami. Toto jednotné označení a snadno čitelný dopis vytváří vizuální kravatu a spojení beze slov.
4. Použijte zářivou barvu
Chcete, aby vaše ikona vynikla? Tučně s barvou. Živá volba barev vám pomůže vyniknout na různých pozadí a upoutá pozornost uživatelů.
Poslední věc, kterou od designu ikon chcete, je, aby se prolínal se všemi ostatními dostupnými možnostmi. Díky tomu jsou modré, zejména odstíny oblohy a námořnictva, barva, které se pravděpodobně nebudete chtít vyhnout, protože ji používá tolik dalších ikon.
Pokud je vaše primární logo nebo barva značky modrá, zkuste jej spárovat s něčím jasnějším pro dopad. Zvažte „novou neutrální“, jako je limetkově zelená, nebo se rozhodněte pro sezónní odstín, jako je na podzim jasně oranžová nebo na jaře jasně růžová.
5. Vytvořte symbol nebo jednoduché logo
Pravděpodobně máte logo své značky, ale pokud jde o ikony, je také důležitý symbol. Symbolem může být jednoduché grafické znázornění nebo výstřižek loga nebo obrázku.
Musí to být pouze ostré a nezapomenutelné. Více značek začleňuje ikonické symboly do svých standardních značek a log, aby vytvořilo plné spojení mezi menšími ikonami a většími designovými projekty.
Přemýšlejte o aplikaci Snapchat pro sdílení zpráv a fotografií. Symbol ducha se stal tak rozeznatelným, že se může objevit jako ikona, kterou uživatelé znají, v jiných barevných schématech a tvarech a dokonce i jako samostatný obraz na billboardu. Toto je hlavní příklad symbolu, který funguje.
6. Pamatujte na měřítko
Zatímco většina z nás přemýšlí o ikonách jako o těch nepatrných věcech na našich telefonech nebo stolních počítačích, ikona není vždy malá. Měl by být navržen tak, aby byl použitelný bez ohledu na velikost.
To je obzvláště důležité z důvodu neustále se měnícího digitálního prostředí, výskytu více obrazovek sítnice a protože různé platformy a zařízení mohou zobrazovat ikony v různých velikostech.
Postaveno je velké a poté zmenšeno.
7. Vytvořte ve vektorovém formátu
Pokud jde o měřítko a velikost, důležitým faktorem je také formát. Ikonu je třeba vytvořit pomocí vektorového návrhu.
Díky vektorovému obrázku získáte svobodu provádět změny a uložit ikonu pro různá zařízení, velikosti a výřezy, aniž byste vytvořili mnoho jednotlivých obrázků. Protože je realita, budete potřebovat více verzí ikony velikosti pro různé projekty.
Výhodou vektoru je flexibilita. Ale je tu háček. Pro mnoho aplikací nebo platforem budete pravděpodobně muset uložit kopii v ne vektorovém formátu pro upload.
8. Mysli mimo konstrukční krabici
V posledních měsících bylo mnoho ikon, které používají jednobarevné pozadí s bílou ikonou, techniky plochého designu a dlouhé stíny. I když tyto trendy mohou být hodně zábavné, nenechte se uvíznout uvnitř konstrukčního boxu. S vaší ikonou udělejte něco jiného.
Pokud všichni ostatní pracují s hranatými hranami, zvažte něco zaoblenějšího. Přidejte na pozadí náznak textury, abyste vynikli ze všech plochých barev. Nemáte pocit, že musíte modelovat svou ikonu podle toho, co dělají všichni ostatní.
9. Ať je monochromatický
Je tu legraci, kterou designéři už léta používají k vyzkoušení účinnosti návrhů v malém měřítku - učinit z nich monochromatické. Pokud váš návrh komunikuje stejnou zprávu s barvou nebo bez ní, pravděpodobně to funguje. Pokud ikona potřebuje barvu, aby se mohla číst, pokračujte v práci na revizích.
Osobně začnu téměř každý designový projekt v černé a bílé a později začnu přidávat barvy. Je to skica na počítačovém konceptu. Pokud ji nakreslíte na papír a funguje to dříve, než začnete přidávat barvy, nápad pravděpodobně má pevný rámec.
10. Mysli na náměstí
Vaše ikona a jakékoli části uvnitř čtvercového rámečku se musí rovnat také. To neznamená, že design nebo obrázek musí mít přesně čtvercový tvar, ale základní poměr stran každé ikony má stejnou výšku a šířku.
Takže pokud máte symbol, který je super vertikální nebo horizontální, budete potřebovat způsob, jak vyplnit prostor kolem něj, aby se neztratil na pozadí. Rozhodněte se pro koncept, který vyplní významnou část prostoru, který bude většinou čtvercový. (I zaoblená kruhová ikona má stejnou výšku a šířku.)
Závěr
Může to znít klišé, ale klíčem k dobrému designu ikon musí být… no… ikonický. Je to tak jednoduché.
Design s ohledem na jednoduchost, barvu a vizuální rozpoznávání. Přemýšlejte o rozhraních a současných trendech, abyste navrhli, že odpovídají standardům. (V dnešní době byste nenavrhli skeuomorfní ikonu pro mobilní aplikaci pro iOS, že?) A bavte se; ikona je dveřmi uživatelů do vašeho digitálního rozhraní.
Zdroje obrázků: Ash Kid, Casey Fleser, Roland Tangalo, Gustavo da Cunha Pimenta a Microsiervos Geek Crew.
