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.
![Nápady na ikonku Fitness aplikace.](https://www.manakmichal.cz/wp-content/uploads/2019/01/napady-na-reseni-ikony-1280x960.jpg)
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.
![Načmárané nápady jsem překreslil do digitální formy pro další zpracování.](https://www.manakmichal.cz/wp-content/uploads/2019/01/prevedeny-napady-do-digitalni-podoby.png)
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 řešení ikony jsem si vybral 4 různé palety barev.](https://www.manakmichal.cz/wp-content/uploads/2019/01/barevne-kombinace-pro-ikonu.png)
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.
![Pro ikonu se symbolikou běhu/chůze jsem zvažoval různé tvary. Například elipsu, jako případný symbol pro běžecký ovál.](https://www.manakmichal.cz/wp-content/uploads/2019/01/mozne-tvary-ikony-1280x421.png)
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 botu jsem různé barvy, díky čemuž jsem objevil případnou možnost dvou aplikací pro ženy a může.](https://www.manakmichal.cz/wp-content/uploads/2019/01/ruzne-barvy-boty-1280x897.png)
Pro „cvičicí“ ikonu jsem poté porovnával celkové barevné kombinace a tvary.
![Díky smybolům a barevným stylům ve Sketch mohu snadno a rychle prozkoumat různé barevné kombinace.](https://www.manakmichal.cz/wp-content/uploads/2019/01/barevne-kombinace-barev-1280x1280.png)
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.
![Ikona pro aplikaci na cvičení.](https://www.manakmichal.cz/wp-content/uploads/2019/01/ikona-aplikace-pro-cviceni-1280x960.png)
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.
![Ikona pro aplikaci na sledování sportovních aktivit.](https://www.manakmichal.cz/wp-content/uploads/2019/01/ikona-aplikace-pro-behani-1280x960.png)
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 👍.