Megosztás a következőn keresztül:


Tervezés Windows-alkalmazásokhoz

Itt tervezési irányelveket és példákat talál a Windows-alkalmazásélmények létrehozásához. A Windows 11 a Fluent tervezési nyelvét és alapelveit tartalmazza az egységes megjelenéshez és a Microsoft egyedi megjelenéséhez.

A Windows-élmények készítéséhez szükséges építőelemek beszerzéséhez használja a WinUI-t. Ezek az összetevők tartalmazzák a Fluent tervezési nyelvét, így biztos lehet benne, hogy nagyszerű élményeket épít a Fluent ökoszisztémájában.

A Windows 11 tervezési alapelvei

Windows 11 különböző tervezési elemei

A Windows 11 az operációs rendszer vizuális fejlődését jelzi. A Fluent mellett továbbfejlesztettük a tervezési nyelvünket, hogy emberi, univerzális és valóban Windows-nak tűnő designt hozzunk létre.

Az alábbi tervezési alapelvek végigvezettek minket azon az úton, hogy a Windows a Fluent kategóriájának legjobb implementációja legyen.

Megerőltetés nélküli

A Windows 11 gyorsabb és intuitívabb. Könnyű megtenni azt, amit akarok, fókuszálva és pontosan.

Nyugodt

A Windows 11 puhább és letisztultabb; elhalványul a háttérben, hogy nyugodt és összpontosított maradhassak. Az élmény meleg, éteri és megközelíthető.

Személyes

A Windows 11 zökkenőmentesen alkalmazkodik az eszközömhöz. Ez hajlik és igazodik az egyéni igényeimhez és preferenciáimhoz, hogy valóban kifejezhessem magam.

Ismerős

A Windows 11 kiegyensúlyozza az új, frissített megjelenést a már jól ismert Windows élményével. Nincs betanulási idő; könnyedén belekezdhetek és folytathatom is.

Teljes és Koherens

A Windows 11 vizuálisan zökkenőmentes felületet kínál a platformokon. Sok platformon dolgozhatok, és továbbra is konzisztens Windows-élményben lehet részem.

Windows 11-aláírási szolgáltatások

Az aláírási élmények azok a tervezési elemek, amelyeket a Windows 11 a vizuális nyelv kifejezésére használ, miközben egységes megjelenést és érzetet biztosít az összes Fluent-élményben.

Egy ablak és egy modális párbeszédpanel világos módban bal oldalon, és sötét módban jobb oldalon

Szín

Színes a felhasználói felület elemei közötti vizuális hierarchia és struktúra jelzésével segíti a felhasználókat a feladataikra való összpontosításban. A Windows 11 színekkel biztosít megnyugtató alapokat, finoman javítja a felhasználói interakciókat, és csak szükség esetén hangsúlyozza a fontos elemeket.

Alkalmazásablak egyetlen tartalomterülettel

Magasság és rétegzés

Magasság és rétegek annak a koncepciója, hogy az egyik felület átfedi a másikat, így két vagy több vizuálisan megkülönböztetett területet hozva létre ugyanazon a felületen. A Windows 11 a jogosultságszint-emelést és a rétegzést használja az alkalmazáshierarchia alapjaként.

Bevásárlókocsi ikon

ikonográfia

ikonográfiai vizuális képek és szimbólumok készlete, amelyek segítenek a felhasználóknak megérteni és navigálni az alkalmazást. A Windows 11 ikonográfiája a tervezőnyelvünkkel összehangoltan fejlődött. Rendszerikonunk minden betűjele át lett tervezve, hogy lágyabb geometriát és modernebb metaforákat használjon.

Egy akrilból készült felhasználói felület

Anyagok

Anyagok olyan vizuális hatások, amelyek a felhasználói felületeket a valós tárgyakhoz hasonlítanak. A Windows 11 anyagok használatával tartja a felhasználói felületet a környezetéhez csatlakoztatva. Az anyagok életre keltik a felületeket, és segítenek megkülönböztetni a fókuszált és a fókuszálatlan alkalmazásokat.

Windows 11-ben az új geometriát kiemelő számos felhasználói felületi elem

Alakzatok és geometria

Geometria a felhasználói felület elemeinek alakját, méretét és pozícióját ismerteti a képernyőn. Ezek az alapvető tervezési elemek segítenek egységesnek érezni magukat a teljes tervezési rendszerben. A Windows 11 frissített geometriájú, így könnyebben kezelhető, vonzóbb és modernebb élményt nyújt.

Több szó megjelenítve a Segoe UI Variable betűtípussal

Tipográfia

A nyelv vizuális ábrázolásaként az tipográfiai fő feladata az információk közlése. A Windows 11 típusú rendszer segít a tartalom struktúrájának és hierarchiájának kialakításában, hogy a felhasználói felületen maximalizálhassa az olvashatóságot és az olvashatóságot.

Egy animált kép, amely a Windows felhasználói felületén számos mozgási példát mutat be.

Mozgás

Motion a felület animálását és a felhasználói interakciókra való reagálást ismerteti. A Windowsban a mozgás reaktív, közvetlen és környezetfüggő. Visszajelzést nyújt a felhasználói bemenetekről, és megerősíti az útkeresést támogató térbeli paradigmákat.