V rámci páté Daily UI výzvy jsem měl navrhnout nějakou ikonku aplikace – tedy aby jí (v podobě značky) co nejlépe reprezentovala, vyzdvihovala její unikátnost a zároveň aby si jí člověk dobře zapamatoval a ikona se dobře vyjímala na obrazovce.
Co tak přemýšlím, všeho všudy jsem navrhl asi 4 ikony. Byla to tedy pro mě opravdová výzva. Jenže nakonec jsem skončil s dvě návrhy, protože jsem si nemohl vybrat tu lepší.
Nápady
Po rychlém rozmýšlení, pro jakou aplikaci (či téma) ikonu vytvořit, jsem si vybral fitness aplikaci. Rád totiž sportuji a podobnou aplikaci navrhuji jako takový „hobby“ projekt.
Přemýšel jsem hodně nad tím, co vlastně fitness znamená a jak by tedy měla ikona vypadat. Točil jsem se kolem témat:
- Sportu,
- Cvičení,
- Zdraví a stravy.
Napadly mě například symboly ve smyslu:
- Cvičení a činek,
- Běhání,
- Stravování,
- Závodění.
Nakonec jsem si vybral dva symboly – pro aplikaci na cvičení a případný sport tracker.
Poté jsem začal přemýšlet nad tím, jak ikonu zpracovat, jakou by měla být barvu nebo tvar. Hlavně s ohledem na to, aby vypadala hezky a jednoduše.
Ikonu jsem chtěl jednoduchou a odlišnou
Pro další zpracování jsem přemýšlel nad tím, jaké barvy bych měl využít. Udělal jsem si rychlou rešerši toho, jak takové aplikace vypadají. Nahlédl jsem také do Pantone a do knížky The Complete Color Harmony, ve kterých jsem hledal případné kombinace, které se mohou spojit například s:
- Dynamikou,
- Sportem a výdrž,
- Energií.
Vybral jsem si 4 barevné kombinace, které se mi líbily a které jsem chtěl pro ikonu vyzkoušet.
Pro ikonu už jsem měl symboly a barvy. Potřeboval jsem tedy ještě najít tvar, do které bych symbol zasadil. Pro zjednodušení jsem uvažoval nad kruhem a čtvercem, pro aplikaci na běhání také nad elipsou jakožto symbolem pro běžecký okruh.
Pak už to šlo víceméně jednoduše. Se symboly jsem si ještě trochu pohrál, ale spíš jsem poté hledal (vzhledem k času) vhodné barevné kombinace. Ve Sketch jsem si vytvořil jednotlivé symboly a barevné styly, aby mi to šlo hezky od ruky.
Například pro „běhací“ ikonu jsem zvažoval různou barvu boty.
Pro „cvičicí“ ikonu jsem poté porovnával celkové barevné kombinace a tvary.
V rámci výzvy jsem měl vytvořit jednu ikonu. Nemohl jsem se ale rozhodnout, zda se mi líbí víc ikona pro aplikaci na běhání a nebo na cvičení.
Dvě různé varianty
Jako finální výsledek jsem nakonec zvolil oba dva symboly, tedy ikony pro dvě různé aplikace. Jednu na cvičení a druhou pro sledování sportovních aktivit.
U ikony pro pro cvičení se mi líbil právě ten „tvrdý“ kontrast s tím, že jsem se snažil zvýraznit činku a nezůstat pouze u „placaté“ ikonky, jak se dneska často nosí. Zároveň jsem zvolil trochu zaoblené rohy, které v menší verzi vypadají téměř jako hranaté (kdo by nechtěl být pořádná hrana, že?).
U druhé ikony pro aplikaci spíš na běhání jsem záměrně zvolil odlišnou formu. Chtěl jsem ikonu odlišit od konkurence a zároveň vypíchnout nohu jako daný symbol.
Hodně jsem si vyhrál
Říkám si, že i když jsem ikony nikdy moc nedělal, tak se mi docela povedly. Po delší době jsem si opět vyzkoušel například překreslování obrázků a jejich digitální „vylaďování“ a vůbec práci s návrhem pro různé velikosti (což k ikonám rozhodně patří).
Ikony jsou ale docela „piplačka“ a je na to potřeba docela trpělivost a zkušenost, především při dolaďování tvarů. Nechceme přece výsledek odfláknout, ale spíš, aby ikona ostatní zaujala a přitáhla pozornost.
Poznámka: Budu moc rád, pokud mi do komentářů napíšete, co si o mém nápadu myslíte. Moc mi to pomůže v dalších výzvách. Díky moc 👍.