A Microsoft Fluent Design rendszere gyönyörűen fejleszti a Windows 10 rendszert

Csütörtökön a Microsoft vadonatúj dizájnnyelvet vezetett be termékeihez. Redmond az új Fluent Tervezési Rendszernek nevezve, és számos Microsoft-termékben implementálni fogják – kezdve a Windows 10-től és az operációs rendszert futtató összes hardvertől, beleértve az Xboxot, a HoloLenst, a PC-t és a telefonokat. A Fluent Design System 5 alapvető elemre épül: fény, mélység, mozgás, anyag és lépték.

A Windows 10 rendszerben ezek az elemek együtt működnek az intuitív felhasználói élmény érdekében. A Microsoft bemutatta a Fluent Design System néhány koncepcióját a Windows 10 rendszerben, és teljesen pompásan néznek ki. Természetesen a koncepciók és a valóság mindig drasztikusan különbözik egymástól – de a Microsoft már szállítja az új Fluent Design System elemeit a Windows 10 néhány belső alkalmazásaiban, és ezek az alkalmazások most nagyon jól néznek ki. Ha Ön Windows Insider, azonnal kipróbálhatja őket. Redmond API-kat is kiadott a Fluent Design System néhány kulcsfontosságú részéhez, beleértve az akril anyagokat és az új Reveal élményt. A Windows 10 alkalmazásfejlesztői ezekkel az API-kkal megkezdhetik meglévő alkalmazásaik megújítását az új Fluent Design System rendszerrel, a tervezők pedig elkezdhetik a Fluent Design System alkalmazásainak tervezését. a tervezőkészletek segítségével. Ezek az új API-k lehetővé teszik a fejlesztők számára, hogy gyönyörű élményeket építsenek a Windows 10 Fluent Design System rendszerével.

[shunno-quote align=”right”]A Fluent Design System első hulláma már elérhető a Windows Insiders számára[/shunno-quote]

Valójában a Microsoft legtöbb Windows 10-es alkalmazása már használja a Fluent Design System bizonyos részeit, beleértve az olyan alkalmazásokat, mint a Groove Music, a Microsoft Photos, a Paint 3D, a View 3D, a Voice Recorder és még a Calculator alkalmazás is. Ezek az alkalmazások a Fluent Design System első hullámának összes összetevőjét használják – beleértve az olyan dolgokat, mint az akril anyag, a Reveal Highlight, a Connected animations, a Conscious Controls és a Perspective Parallax. A Microsoft a Build 2017-ben tartott ülésén mélyebbre merült a Fluent Design Systemben, ahol a vállalat részletesen ismertette, hogy jelenleg mi érhető el, és mi várható a Fluent Design System számára. A cég munkatársai, Paul Gusmorino és Bojana Ostojic bemutattak néhány olyan alkalmazást, amelyek hamarosan megkapják az új Fluent Design System rendszert – beleértve az Outlook Mail & Calendar alkalmazásokat, a Microsoft Edge-t, az Xboxot, a OneNote-ot és a My People-t. A cég még azt is bemutatta, hogyan fogja megvalósítani a Fluent Design System Reveal élményét a Windows 10 Start menüjében. Az alábbiakban láthat néhány ilyen (burgonya minőségű) képernyőképet.

A Fluent Design System lényegében nem csak a megjelenésen és az érzésen múlik. A funkcionalitás minden tervezési nyelv lényeges részét képezi, és a Fluent Design System ezt szögezi le építőelemeivel. De a mélységi elemre szeretnék összpontosítani, amely az új tervezési rendszer igazán hatalmas részét képezi. PC-ken a mélységi effektus réteges felhasználói felületet jelent, amelyet a fenti Windows Store koncepcióban láthat, a Fluent Design System pedig parallaxis effektust is kínál, amely mindezt egyesíti.

[shunno-quote align=”left”] A 3D mélységhatás csodálatosan fog kinézni a Windows Mixed Realityben[/shunno-quote]

És amikor egy olyan modern számítógépre vált, mint a HoloLens, a mélységhatás valóban ragyog. A Microsoft jelenleg egy 3D mélységi effektussal (z-depth-layering) kísérletezik, amely magával ragadja a Windows Mixed Realityt. Nem világos, hogy ez ténylegesen mikor fog megjelenni a Windows 10 rendszerben, de így is fantasztikusan néz ki. Ez gyakorlatilag azt jelenti, hogy a Fluent Design System nem csak a billentyűzethez és az egérhez készült. A Microsoft úgy tervezi a Fluent Design System rendszert, hogy az a Windows 10 eszközök és bemenetek széles skáláján működjön – beleértve a tollat, a gesztusokat, a tekintetet és még sok mást.

[shunno-quote align=”right”]A konzisztencia kulcsfontosságú lesz a Fluent tervezési rendszerben[/shunno-quote]

A Fluent Design a Microsoft és a Windows 10 utazása. Ne számítson arra, hogy a Windows 10 dizájnja gyökeresen megváltozik egyetlen operációs rendszer frissítésével – időbe telik, amíg az egész operációs rendszerben megjelenik, és ez így van jól. A Fluent Design System azonban csak akkor lesz sikeres, ha a Microsoftnak sikerül megőrizni a tervezési elveit a Windows 10 összes alkalmazásában. Az egyik legnagyobb probléma a jelenlegi Windows 10 kialakítással az a tény, hogy egyáltalán nem konzisztens – kb. 3-4 különböző dizájn a helyi menüben, a belső alkalmazások különböző árnyalatú háttérszíneket használnak, és az alkalmazásokban az elemek igazítása mindenhol megtalálható. A Microsoftnak sokat kell dolgoznia, hogy megbizonyosodjon arról, hogy a tervezői megfelelően implementálják a Fluent Design System rendszert az összes saját alkalmazásban, de Redmondnak ki kell találnia egy módot arra, hogy harmadik féltől származó fejlesztőket is hasonlóvá tegye.

Az összes Fluent Design koncepció, amit eddig láttam, megfertőzően gyönyörűnek tűnik. A Windows Store koncepciótól az új Xbox irányítópultig a Fluent Design koncepciók mindegyike igazán pompás. Néhány funkcionális elem is nagyon jól néz ki és jól érzi magát. De ahogy a Microsoft továbbfejleszti a Fluent Design System megvalósítását a Windows 10 rendszerben, meg kell győződnie arról, hogy a végrehajtás tökéletes legyen. A vállalat csak egy csipetnyit adott hozzá az új Fluent Design rendszerhez a Windows 10 alkalmazásaihoz, de a vállalatnak még hosszú utat kell megtennie, és a Windows 10 magját képező új tervezőrendszer (más néven shell) megvalósítása sok időt vesz igénybe. idő. De ez teljesen rendben van, és amíg a megvalósítás konzisztens a Windows 10 összes alkalmazásában és összetevőjében, az új Fluent Design System kulcsfontosságú lesz a Windows 10 jövője szempontjából.

A Windows 10 Fall Creators frissítésével a Microsoft szállítja a Fluent Design System első hullámát. A cég jelenleg olyan elemekkel kísérletezik, amelyek a második hullámban jelennek meg – beleértve a fenti videóban látott 3D mélységeffektust, valamint olyan dolgokat, mint a 360 fokos médialejátszás, a tudatos fejlécek, a beszéd és a térbeli hangzás.