Sdílet prostřednictvím


Návrh pro aplikace pro Windows

Tady najdete pokyny a příklady návrhu pro vytváření prostředí aplikací pro Windows. Windows 11 zahrnuje designový jazyk a principy Fluent pro soudržný vzhled a pocit, který je zvlášť charakteristický pro Microsoft.

Pokud chcete získat stavební bloky pro vytváření prostředí Windows, použijte WinUI. Tyto komponenty zahrnují jazyk návrhu fluentu, takže si můžete být jistí, že vytváříte skvělé prostředí v ekosystému Fluent.

Principy návrhu Windows 11

různé prvky návrhu Windows 11

Windows 11 označuje vizuální vývoj operačního systému. Společně s Fluentem jsme vyvinuli náš designový jazyk, abychom vytvořili návrh, který je lidský, univerzální a skutečně vypadá jako Windows.

Níže uvedené principy návrhu nás řídily po celou dobu cesty k tomu, aby windows byla nejlepší implementací fluentu.

Bez námahy

Windows 11 je rychlejší a intuitivnější. Je snadné dělat to, co chci, s fokusem a přesností.

Klid

Windows 11 je měkčí a zbavený nepořádku; mizí do pozadí, aby mi pomohl zůstat klidným a soustředěným. Zážitek se cítí teplý, éterický a přístupný.

Osobní

Windows 11 se bez problémů přizpůsobí způsobu, jakým používám svoje zařízení. Přizpůsobuje se mým individuálním potřebám a preferencím, abych se mohl(a) skutečně vyjádřit.

Dobře známý

Windows 11 vyrovnává nový, osvěžený vzhled a chování se známým prostředím Windows, které již znám. Neexistuje žádná křivka učení; mohu to snadno zvládnout.

Kompletní + koherentní

Windows 11 nabízí vizuálně bezproblémové prostředí napříč platformami. Můžu pracovat na mnoha platformách a stále mám konzistentní prostředí Pro Windows.

Charakteristické prostředí systému Windows 11

Charakteristické prvky jsou prvky návrhu, které Windows 11 používá k vyjádření vizuálního jazyka, a přitom zachovává soudržný vzhled a dojem ve všech prostředích Fluent.

okno a modální dialog ve světlém režimu vlevo a v tmavém režimu vpravo

barva

color pomáhá uživatelům soustředit se na své úkoly tím, že udávají vizuální hierarchii a strukturu mezi prvky uživatelského rozhraní. Windows 11 používá barvu k zajištění klidnějšího základu, subtálně vylepšuje interakce uživatelů a zdůrazňuje významné položky pouze v případě potřeby.

okno aplikace s jednou oblastí obsahu

Nadmořská výška a vrstvení

Nadmořská výška a překrývání vrstev je koncept, kde se jeden povrch překrývá s druhým, čímž je vytvořeno dvě nebo více vizuálně odlišených oblastí na stejném povrchu. Windows 11 používá hierarchizaci a vrstvení jako základ pro hierarchii aplikací.

Ikona nákupního košíku

Ikonografie

Iconography je sada vizuálních obrázků a symbolů, které uživatelům pomáhají pochopit a procházet vaši aplikaci. Ikona Windows 11 se vyvinula ve spolupráci s naším designovým jazykem. Každý glyf v našem písmu ikony systému byl přepracován tak, aby zahrnoval měkčí geometrii a modernější metafory.

povrch uživatelského rozhraní z akrylu

materiály

Materiály jsou vizuální efekty, díky kterým se povrchy uživatelského rozhraní podobají skutečným předmětům. Windows 11 používá materiály k udržování uživatelského rozhraní připojeného k jeho prostředí. Materiály přinášejí do života povrchy a pomáhají nám rozlišovat mezi zaměřenými a nezaměřenými aplikacemi.

několik prvků uživatelského rozhraní, které zvýrazňují novou geometrii ve Windows 11

Obrazce a Geometrie

Geometrie popisuje tvar, velikost a umístění prvků uživatelského rozhraní na obrazovce. Tyto základní prvky návrhu pomáhají, aby zážitky působily koherentně napříč celým návrhovým systémem. Windows 11 obsahuje aktualizovanou geometrii, která vytváří přístupnější, poutavější a moderní prostředí.

několik slov vykreslených v Segoe UI Variable

Typografie

Jako vizuální reprezentace jazyka je hlavním úkolem typografie sdělit informace. Systém typů Windows 11 vám pomůže vytvořit strukturu a hierarchii v obsahu, aby se maximalizovala čitelnost a čitelnost uživatelského rozhraní.

animovaný obrázek, který ukazuje několik příkladů pohybu v uživatelském rozhraní Windows.

pohybové

motion popisuje způsob animace rozhraní a odpovídá na interakci uživatele. Pohyb ve Windows je reaktivní, přímý a vhodný pro daný kontext. Poskytuje zpětnou vazbu k uživatelským vstupům a posiluje prostorová paradigmata, která podporují hledání cest.