Tervezési irányelvek

Az Irányelvek szakasz a Windows alkalmazástervezés alapvető építőelemeit ismerteti. Ezek a témakörök határozzák meg azokat a mintákat, szabályokat és viselkedéseket, amelyek biztosítják, hogy az alkalmazás intuitív, kifinomult és a Fluent Designhoz igazodó legyen. A színektől és a tipográfiától a mozgáson, az elrendezésen és az anyagokon át minden alap segít következetes döntéseket hozni, amelyek skálázhatók az oldalak, a funkciók és az űrlaptényezők között.

Ezeket az alapokat útmutatóként használhatja a tervezési folyamat során – akár az első képernyőket térképezi le, finomítja az interakciós mintákat, vagy biztosítja, hogy a felhasználói felület megfeleljen Windows konvencióknak. Ezeknek az alapoknak a korai feltárása időt takaríthat meg, csökkentheti az átdolgozást, és jobb felhasználói élményt eredményezhet.


Szín ikon
Szín
A szín használatával hierarchiát hozhat létre, jelentést közölhet, és egységes vizuális identitást hozhat létre.

Irányító ikon
Parancsadás
A műveletek világos, konzisztens mintákkal való bemutatása, amelyek segítenek a felhasználóknak megérteni, hogy mit tehetnek.

Jogosultságszint-emelési ikon
Magasság
Mélység és rétegzés alkalmazása a fókusz irányításához és a felület szerkezetének megerősítéséhez.

Geometria ikon
Geometria
Alakzat-, méretezési és térbeli kapcsolatok használatával kiegyensúlyozott, kiszámítható elrendezéseket hozhat létre.

Haptics ikon Haptics
Érintéses visszajelzések hozzáadása a felhasználói bevitel megerősítéséhez és rugalmasabb, intuitívabb interakciók létrehozásához.

Ikonográfia ikon
Ikonográfia
Ismert, céltudatos ikonokkal gyorsan kommunikálhat a műveletek és fogalmak között.

Elrendezés ikon
Elrendezés
Rendszerezheti a tartalmat rácsokkal, térközökkel és igazítási mintákkal, amelyek javítják az átláthatóságot és a folyamatot.

Anyagok ikon
Anyagok
Növelje felhasználói felületét fluent anyagok, például a Mica és az Akril segítségével, hogy mélységet és meleget adjon hozzá.

Mozgás ikon
Mozgás
Mozgás használatával visszajelzést adhat, irányíthatja a figyelmet, és zökkenőmentes, rugalmas interakciókat hozhat létre.

Navigációs ikon
Navigáció
Segítse a felhasználókat az alkalmazásban való navigálásban kiszámítható, jól strukturált navigációs mintákkal.

Tipográfia ikon
Tipográfia
Konzisztens típusválasztással és hierarchiával állítsa be a hangnemet, és javítsa az olvashatóságot.

Használhatóság ikon
Használhatóság
Győződjön meg arról, hogy az alkalmazás könnyen használható intuitív interakciókkal, egyértelmű megfizethetőségekkel és akadálymentességgel.

Widgetek ikon
Widgetek
Bővítse az alkalmazását átlátható, interaktív felületekkel, amelyek könnyen hozzáférhetővé teszik a legfontosabb információkat és műveleteket.

Írás ikon
Írás
Használjon világos, tömör és hasznos nyelvet a kognitív terhelés megértésének és csökkentésének javításához.


Előzménytervezési irányelvek

A Windows korábbi verzióira vonatkozó tervezési útmutató az Microsoft Learn korábbi verzióinak archívumában található, ami megnehezítheti a keresést. Az alábbi oldalak olyan vizuális és interakciós irányelveket gyűjtenek össze, amelyek referenciaként továbbra is elérhetők maradnak. Használja őket előzmény kontextusként. A ma buildelt alkalmazások esetében kövesse a fenti Fluent-útmutatót.