Daily UI – ikona aplikace

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.
Nápady na ikonku Fitness aplikace.

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í.
Načmárané nápady jsem překreslil do digitální formy pro další zpracování.

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.
Pro řešení ikony jsem si vybral 4 různé palety barev.

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.
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.

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.
Pro botu jsem různé barvy, díky čemuž jsem objevil případnou možnost dvou aplikací pro ženy a může.

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.
Díky smybolům a barevným stylům ve Sketch mohu snadno a rychle prozkoumat různé barevné kombinace.

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í.
Ikona pro aplikaci na cvičení.

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.
Ikona pro aplikaci na sledování sportovních aktivit.

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 👍.

Napsat komentář