Přeskočit na hlavní obsah

14 tipů pro návrh ikon mobilních aplikací.


Ikona mobilní aplikace je malý obrázek, který prezentuje aplikaci v mobilním světě, na zařízení uživatele a na obchodech s aplikacemi. Pokud budete brzy vytvářet svoji mobilní aplikaci a návrh ikonky k tomu, přečtěte si tyto tipy. Pomohou vám vyhnout se chybám, se kterými se nováčci mohou setkat.
Grafik by se měl soustředit na vzhled ikony, protože se uživatelé často pří výběru aplikace řídí právě vzhledem ikony.

Proto nabízíme následující tipy pro vytvoření návrhu ikony mobilní aplikace.

  1. Postupujte podle pokynů mobilních výrobců

Ikony neexistují samy o sobě, ale uvnitř grafického obalu určitého systému. Měly by se harmonicky vejít do rozhraní aplikace, nevypadat zvláštně vedle ikon jiných aplikací, ale současně být jedinečné. Proto vývoj ikony aplikace začíná seznámením se s příručkou výrobce systému.

Zde jsou příručky, se kterými byste měli začít:

  • Oficiální stránka věnovaná Material Design pro Android. Zde si můžete přečíst o stylu, animaci, komponentech, vzorech a použitelnosti. Jsou zde  také materiály ke stažení, které pomůžou grafikovi.
  • Příručka pro iOS Human Interface od společnosti Apple je užitečná, pokud chcete vytvořit ikonu pro iPad nebo iPhone.
Po prozkoumání trendů a standardů, které byste měli dodržet, můžete pokračovat na další krok.

  1. Znejte své uživatele
Ikona aplikace pro místní společnost, například služba rozvozu potravin, se bude lišit od ikony společnosti, která chce vstoupit na mezinárodní trh. V druhém případě si musíte být jisti, že používáte univerzální symboly, které budou stejně vnímány lidmi z různých částí světa a nepoškozují něčí pocity.

  1. Vytvářejte ikonu v potřebné velikosti
To, co vypadá dobře na papíru velikosti A4, nemusí vypadat skvělé při rozlišení 120 x 120 pixelů. Profesionální grafik ikon by to měl vzít v úvahu.

  1. Zjednodušte a nepřeplňujte ikonu nepotřebnými detaily
Minimalismus je Váš nejlepší přítel. Čím je více dekorací a detailů na ikoně, tím méně je rozpoznatelná. Ikona by měla být jako symbol - poměrně jednoduchá a srozumitelná.

  1. Správně nastavte jas a stíny
Tento tip je relevantní, pokud vytváříte ikonu pro Android aplikace. Příručka Android Material podrobně popisuje tento aspekt.



  1. Zkontrolujte, jak ikona vypadá na pozadí jiné barvy (tmavé, světlé, barevné)
Na trhu je ikona zobrazena na bílém nebo světle šedém pozadí, ale tapety na zařízeních uživatelů jsou mnohem rozmanitější. Takže nezapomeňte zkontrolovat, jak vypadá návrh ikony aplikace na pozadí různých barev.

  1. Nebojte se použít perspektivu
Samozřejmě tehdy, když  to neporušuje celkový dojem. Originální použití perspektivy vám pomůže vytvořit ikonu ještě výraznější. Zde je skvělý příklad využití perspektivy.


  1. Vytvořte zajímavý tvar
Níže uvedené ikony jsou zapamatovatelné díky tvarům, které byly použity.



  1. Zodpovědně vybírejte barvu
I v tomto případě zde platí minimalismus. Raději použijte jednu nebo dvě barvy - to stačí.



  1. Nepoužívejte fotografie
Existují nádherné fotorealistické ikony, ale použití fotografií ve formě ikony je tabu.

  1. Vytvářejte ikonu bez zbytečného textu
Malý text je těžko čitelný a jeho použití může v případě lokalizace způsobit problémy. V tomto případě můžete použít například první dvě písmena názvu společnosti, jak to dělají Tumblr nebo Pinterest.



  1. Nepoužívejte v ikoně prvky rozhraní aplikace
Jedná se o velmi špatnou praxi, která uživatele splete.

  1. Vytvářejte ikonu, která ukazuje základní funkce aplikace
S dobrou ikonou se uživatel ani nemusí zabývat popisem: pro hudební aplikace obvykle používají noty, pro kamery obrázky fotoaparátu nebo objektivu a pro messengery jako Viber oblaka zpráv.

  1. Prozkoumejte ikony konkurenčních mobilních aplikací
Bez ohledu na předchozí radu se podívejte na ikony konkurentů - s největší pravděpodobností již nějakým způsobem poukázali na hlavní funkci aplikace. Jak můžete níže vidět, ikona aplikace Wunderlist, která slouží pro plánování úkolů, se liší od ikon jiných aplikací.



Jak můžeme vidět, dokonce i při vytváření malého prvku jako ikona je potřeba k tomu přistupovat odpovědně. Podařený design ikon přitahuje pozornost uživatelů, kteří přišli na trh s aplikacemi pro úplně jinou aplikaci.

Bez ohledu na užitečnost těchto doporučení aplikace nebude použitelná bez kvalitního vývoje. V iQuestu máme velké zkušenosti s vytvářením mobilních aplikací a zajistíme to nejlepší řešení.


Komentáře

Populární příspěvky z tohoto blogu

10 způsobů jak se naučit programovat samostatně.

Programování je jednou z nejcennějších dovedností pro profesní růst, osobní rozvoj a vytváření něčeho úžasného. Je čas popsat deset tipů pro ty, kteří právě začínají svou cestu do programovacího světa. 1. Zjistěte, proč chcete programovat Zvolený směr ve výuce bude záviset na tom, proč se chcete naučit programovat a jak dlouho jste ochotni věnovat tomuto procesu. Pokud chcete být programátorem, je třeba začít s odborným kurzem (společnost Google sestavila seznam dovedností a kurzů pro ty, kteří chtějí být programátorem). Pokud chcete vytvářet hry a webové stránky pro zábavu ve svém volném čase, interaktivní kurzy jsou nejlepší volbou. Bloc vytvořil srovnávací tabulku kurzů v závislosti na zatížení, nákladech a důvodech k osvojení si programování. 2. Vyberte správný jazyk programování Neexistuje nejlepší programovací jazyk. Jakmile se naučíte jeden, nebude pro vás problém zvládnout další. Takže se nemusíte koncertovat na volbu pouze jednoho jazyka. Nicméně předpokládá s...

Co je MVP a proč se vyplatí být minimalistou při vývoji software?

Plánujete vývoj softwarové aplikace? Vydejte se cestou MVP, tedy minimálního životaschopného produktu (Minimal Viable Product). Velmi pravděpodobně vám to ušetří mnoho peněz a starostí. Co je MVP? Pojďme se podívat na to, co se za zkratkou MVP skrývá. MVP neboli minimal viable product je v našem případě software, který je spuštěn s nejmenší možnou funkcionalitou vyvinutou v co nejkratším čase a za co nejnižší možné náklady. Výsledkem je, že můžete rychle získat relevantní zpětnou vazbu od reálných uživatelů. Díky MVP zjistíte, co uživatelé OPRAVDU potřebují a chtějí. Konečný produkt (aplikace či služba) vzniká na základě získané zpětné vazby. V podstatě se jedná o strategii vývoje, která minimalizuje rizika při zavádění nových produktů a služeb a v praxi vám ušetří nejen peníze, ale i čas a energii.  Vývoj mobilní aplikace/software podle strategie MVP spočívá ve vytvoření nejjednodušší verze software , která má sice minimum vlastností a funkcí, ale zároveň je dostatečně výkonná, a...

5 důvodů k tvorbě rozsáhlého webu s použitím technologie umělé inteligence (AI).

Gartner ještě loni psal o tom, že všechny velké společnosti, které pracují v oboru elektronického obchodování, začnou používat hlasové a dokonce i video vyhledávání produktů před rokem 2021. Použití řešení na základě umělé inteligence ve vývoji webových stránek umožní internetovým obchodům lépe porozumět potřebám a náladě svých spotřebitelů. V důsledku toho budou e-shopy schopné nabídnout každému zákazníkovi produkt, který přesně odpovídá jeho potřebám, a to na základě analýzy uživatelských preferencí. Futurologové předpovídají, že společnosti, které uplatní inovace na bázi umělé inteligence do roku 2020, zvýší své zisky o 30 %. V tomto článku vyjmenujeme 5 důvodů k použití technologie umělé inteligence pro vývoj webu. 1. Ještě rychlejší vyhledávání. Moderní uživatelé chtějí získat potřebnou informaci co nejrychleji a nejsnadněji. Hlasové vyhledávání je už teď velmi populární u mladší generace. Potřebujete předem předvídat možnost snadného vyhledávání Vašich webových strán...