Ikonografie ve Windows

Iconografie je sada vizuálních obrázků a symbolů, které uživatelům pomáhají pochopit a procházet vaši aplikaci. Ikony se používají v uživatelském rozhraní jako vizuální metafory, které představují koncept, akci nebo stav.

Windows 11 používá tři typy ikon: aplikace, systém a typ souboru. Tento článek se zaměřuje na první dva.

Návod

Tento článek popisuje, jak se pro aplikace Windows používá jazyk Fluent Design. Další informace naleznete v tématu Fluent Design - Iconography.

Ikony aplikací

Ikony aplikací představují vaši aplikaci v prostředí Windows. Primárně se používají k otevření aplikace, ale představují také vaši aplikaci všude, kde se zobrazí v prostředí Windows.

Ikony aplikací by měly představovat základní funkce vaší aplikace prostřednictvím metafory. Další informace o návrhu a vytváření ikony aplikace najdete v tématu ikony aplikace.

Systémové ikony

Pomocí systémových ikon v uživatelském rozhraní aplikace můžete použít položky, jako jsou panely příkazů, navigace nebo indikátory stavu. Windows 11 zavádí nové písmo ikon systému Segoe Fluent Icons. Toto nové písmo doplňuje geometrie ve Windows 11.

Všechny glyfy v Segoe Fluent Icons jsou navrženy v monolineárním stylu. To znamená, že se vytvářejí jedním tahem 1 epx.

Glyfy v Segoe Fluent Icons se řídí třemi estetickými principy:

• Minimální: Glyfy obsahují pouze podrobnosti potřebné ke sdělení konceptu.
• harmonické: Glyfy jsou založeny na jednoduchých a geometrických formách.
• Vyvinutý: Glyfy používají moderní metafory, které jsou snadno pochopitelné.

Další informace o používání ikon v uživatelském rozhraní aplikace najdete v tématu Icons v aplikacích Windows.

Velikost ikony

Metriky písem pro Segoe Fluent Icons odpovídají způsobu, jakým jsou návrháři a vývojáři zvyklí pracovat s ikonami SVG a rastrových obrázků.

Každý glyf písma je navržen tak, aby stopa oblasti ikon byla čtvercová em. Ikona s velikostí písma 16-epx je ekvivalentem ikony 16x16-epx, aby bylo nastavení velikosti a umístění předvídatelnější.

Modifikátory

Glyfy ikony systému můžete vizuálně vytvořit kombinací základní ikony s ikonou modifikátoru.

základní ikony jsou hlavním prvkem vizuální metafory. Základní prvky by měly zaplnit celý prostor ikony.

Modifikátorové ikony mění význam základní ikony. Modifikační prvky by měly být umístěny v jednom z dolních kvadrantů obrysu ikony.

Základní ikona pouze
Ikona papírového listu již sama o sobě vyjadřuje koncept souboru.

ikona základu + ikona modifikátoru
Přidání šipky nahoru do ikony souboru změní význam ikony tak, aby představoval nahraný soubor.

Vrstvení

Vrstvení ikon je technika, kterou používáte k překrývání dvou glyfů. K vytvoření jiného stavu stejné ikony (například aktivního nebo vybraného stavu) doporučujeme použít vrstvení ikon.

Lokalizace

Porozumíte kulturním konnotacím symbolů. I když ikona ve většině případů nevyžaduje lokalizaci, některé ikony můžou být přijatelné v jedné jazykové verzi, ale ne v jiné. Ověřte volby ikon pomocí kontextu, ve kterém je budete používat.

Příklady

Otevřete aplikaci WinUI 3 Gallery a podívejte se, jak se principy ikonografie uvádějí do praxe

Aplikace Galerie WinUI 3 obsahuje interaktivní příklady ovládacích prvků a funkcí WinUI. Získejte aplikaci z Microsoft Store nebo vyhledejte zdrojový kód na GitHub.