Ikonográfia a Windows

Az ikonográfia vizuális képek és szimbólumok készlete, amelyek segítenek a felhasználóknak megérteni és átjárni az alkalmazást. Az ikonok a felhasználói felületen olyan vizuális metaforákként használhatók, amelyek egy koncepciót, műveletet vagy állapotot jelölnek.

Windows 11 három ikontípust használ: alkalmazás, rendszer és fájltípus. Ez a cikk az első kettőre összpontosít.

Jótanács

Ez a cikk a Fluent Design nyelv alkalmazását ismerteti Windows alkalmazásokra. További információ: Fluent Design – Iconography.

alkalmazás ikonok

Az alkalmazásikonok az alkalmazást képviselik a Windows felületén. Ezeket elsősorban az alkalmazás megnyitására használják, de az alkalmazást a Windows-felület minden részén képviselik.

Az alkalmazásikonok egy metaforán keresztül jelenítik meg az alkalmazás alapvető funkcióit. Az alkalmazás ikonjának megtervezéséről és felépítéséről további információt az Alkalmazásikonok című témakörben talál.

Rendszerikonok

Használjon rendszerikonokat az alkalmazás felhasználói felületén olyan elemekhez, mint a parancssávok, a navigáció vagy az állapotjelzők. Windows 11 bevezet egy új rendszerikon betűtípust, Segoe Fluent Icons. Ez az új betűtípus kiegészíti a geometriát a Windows 11-ben.

A Segoe Fluent-ikonok összes karaktere monoline stílusban van rajzolva. Ez azt jelenti, hogy egyetlen 1 epx-es tollvonással jönnek létre.

A Segoe Fluent Ikonok glifái három esztétikai alapelvet követnek.

• Minimális: A Glyphs csak azokat a részleteket tartalmazza, amelyek szükségesek a fogalom közléséhez.
• Harmonikus: A karakterjelek egyszerű és geometriai formákon alapulnak.
• Továbbfejlesztve: A Glyphs könnyen érthető modern metaforákat használ.

További információ az ikonok alkalmazás felhasználói felületén való használatáról: A Windows-alkalmazások ikonjai.

Ikon mérete

A Segoe Fluent-ikonok betűtípusmetrikái megegyeznek azzal, ahogyan a tervezők és a fejlesztők hozzászoktak az SVG- és bitképikonok használatához.

Minden betűjel úgy van kialakítva, hogy az ikonterület lábnyoma négyzetes legyen. A 16 epx betűméretű ikon a 16x16-epx ikonnak felel meg, így kiszámíthatóbbá teheti a méretezést és a pozicionálást.

Módosítók

Az alapikon és a módosító ikon kombinálásával vizuálisan rendszerikon-karakterjeleket hozhat létre.

Az alapikonok a vizuális metafora fő elemei. Az alapelemeknek a teljes ikonlábnyomot el kell foglalniuk.

A módosító ikonok módosítják az alapikon jelentését. A módosító elemeket az ikon lábnyomának egyik alsó negyedébe kell helyezni.

Csak alap ikon
A papírlap ikon önmagában egy fájl fogalmát közli.

Alap ikon + módosító ikon
Ha felfelé mutató nyilat ad hozzá a fájl ikonhoz, az megváltoztatja az ikon jelentését, hogy egy feltöltött fájlt jelöljön.

Rétegződés

Az ikonrétegezés olyan technika, amellyel két karakterjelet fedhet át. Javasoljuk, hogy az ikonrétegezés használatával hozzon létre egy másik állapotot ugyanahhoz az ikonhoz (például egy aktív vagy kijelölt állapothoz).

Lokalizáció

Ismerje meg a szimbólumok kulturális konnotációit. Bár az ikonográfia a legtöbb esetben nem igényel honosítást, bizonyos ikonok elfogadhatóak lehetnek az egyik kultúrában, a másikban azonban nem. Ellenőrizze az ikonográfiai beállításokat azzal a környezettel, amelyben használni fogja őket.

Examples

Nyissa meg a WinUI 3 Gallery alkalmazást, és tekintse meg az ikonográfiai alapelveket működés közben

A WinUI 3 Katalógus alkalmazás interaktív példákat tartalmaz a WinUI vezérlőire és funkcióira. Kérje le az alkalmazást a Microsoft Áruházból vagy keresse meg a forráskódot a GitHub webhelyen.