Allan Day
aday@gnome.org
Jakub Steiner
Jak vybrat a vytvořit ikony.

# Vytváření ikon

Tato stránka poskytuje pokyny pro vytváření svých vlastních ikon, a to jak plnobarevných (typicky používaných jako ikony aplikací), tak symbolických (typicky používaných pro ovládací prvky uživatelského rozhraní). Obecnější přehled o stylech ikon a jejich použití, včetně seznamu dostupných standardních ikon, najdete v kapitole Ikony a grafika.

# Plnobarevné ikony

Plnobarevný styl ikon se nejběžněji používá pro ikony aplikací. Nominální velikost plnobarevných ikon je 128 × 128 px. Protože se ale ikony aplikací občas zobrazují i v nižším rozlišení, měly by mít detaily jen do té míry, aby byly použitelné při rozlišení 64 × 64 – drobnější detaily se mohou ztratit při filtrování/zmenšování.

Šablona plnobarevné ikony obsahuje 2px mřížku, která by měla pomoci se vyvarovat přidávání detailů drobnějších, než je požadovaná mez.

## Perspektiva a stíny

Plnobarevné ikony by měly být namalované v jednoduché ortogonální projekci, bez skutečné nebo isometrické perspektivy. Pro poskytnutí hloubky vjemu je možné použít efekt vyzdvižení, který napodobí osu Z. Používejte ale prosím tento efekt decentně. Nedoporučuje se vyzdvihnout objekt o více jak dvě detailní jednotky (4 nominální pixely).

Pro usnadnění rychlého rozpoznání aplikace, by každá ikona měla mít jedinečnou siluetu. Zároveň by ale měla být vizuálně v rovnováze s ostatními ikonami aplikací, bez extrémního poměru stran. Vyvarujte se velmi úzkých nebo naopak velmi širokých tvarů.

Pro správné umístění obrysů vaší ikony je k dispozici šablona s mřížkou. Nesnažte se zaplnit plátno až do krajů – vnější okraj by měl zůstat prázdný. Za jistých okolností do něj ale mohou zasahovat některé drobné detaily.

## Stíny

Stíny můžete namalovat uvnitř plnobarevné ikony, vržené jakoby zdrojem světla nasměrovaným přímo shora. Neměli byste ale malovat stíny přesahující hlavní obrys ikony, protože takovéto stíny jsou generované programově podle kontextu. Když je například ikona zobrazena na bílém pozadí, je vykreslen silný vržený stín, aby pomohl zdůraznit obrysy.

Verze aplikačních ikon mohou být programově generované také pro vývojová nebo noční sestavení.

## Paleta

Následuje základní paleta barev pro ikony aplikací GNOME.

Modrá |
Zelená |
Žlutá |
Oranžová |
Červená |
Fialová |
Hnědá |
Neutrální |

Můžete volně používat jakékoliv odstíny z těchto barev, podle toho jakého materiálového efektu potřebujete dosáhnout. Je ale dobré z těchto základních barev vycházet. K dispozici je paleta ve formátu GIMP/Inkscape.

Doporučuje se plochý nestínovaný vzhled povrchu, ale jsou povolené barevné přechody pro vyznačení zakřivení povrchu.

# Symbolické ikony

Symbolické ikony mají jednodušší podobu a jsou nakreslené v mřížce 16 × 16 pixelů. Programově jsou pak škálované a obarvované přímo uživatelským prostředím.

Při hledání příhodné metafory pro ikonu se rozhodněte pro jednu vlastnost. Snažte se při tom zaměřit na to, co odlišuje myšlenku, kterou se snažíte sdělit. Například, když popisujete činnost, která se provádí na obrázku, není potřeba na každé ikoně opakovat myšlenku obrázku. Místo toho se zaměřte na to, co odlišuje jednotlivé činnosti (ku příkladu otočení, štítek, zarovnání).

U symbolických ikon nepoužívejte žádnou perspektivu, držte se jednoduché ortogonální projekce.

Pokud použijete nevyplněný obrys, snažte se vyhnout vlasové 1px čáře a hlavní tvar ikony obtáhněte alespoň 2px obrysem.

Symbolické ikony jsou za běhu obarvované, aby zapadaly do kontextu, podobně jako zobrazovaný text. Takže, i když existují způsoby, jak pomocí průhlednosti nebo vzorku „vystínovat“ část ikony, snažte se tomu v maximální možné míře vyhnout.

Pokud metafora závisí ne negativní ploše, ověřte si, že bude fungovat i s inverzními barvami. Například, důraz/zvýraznění objektivu fotoaparátu bude fungovat jen v případě, že tělo bude světlejší než objektiv.

## Velikost a mřížka

I když jsou symbolické ikony škálovatelné a měly by fungovat v libovolné velikosti, základní plátno má velikost 16 × 16 jednotek mřížky. Pro kresbu máte k dispozici celé plátno, ale pamatujte, že vyplněné obdélníkové objekty vypadají vedle objektů, které používají jen tenčí obrysy, mnohem silnější/větší. Snažte se dodržet stejný kontrast napříč celou sadou ikon.