Sdílet prostřednictvím


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.