Fluent Design System від Microsoft чудово розвине Windows 10

У четвер Microsoft представила абсолютно нову мову дизайну для своїх продуктів. Редмонд називаючи це новою системою Fluent Design, і він буде реалізований у багатьох продуктах Microsoft — починаючи з Windows 10 і всього апаратного забезпечення, яке запускає операційну систему, включаючи Xbox, HoloLens, ПК та телефони. Система Fluent Design побудована на 5 основних елементах: світло, глибина, рух, матеріал і масштаб.

У Windows 10 усі ці елементи працюють разом, щоб забезпечити інтуїтивно зрозумілу взаємодію з користувачем. Microsoft продемонструвала кілька концепцій Fluent Design System у Windows 10, і вони виглядають абсолютно чудово. Звичайно, концепції та реальна угода завжди суттєво відрізняються одне від одного, але Microsoft уже розміщує елементи нової системи Fluent Design у деяких програмах перших розробників у Windows 10, і зараз ці програми виглядають дуже добре. Якщо ви є інсайдером Windows, ви можете спробувати їх прямо зараз. Редмонд також випустив API для деяких ключових частин системи Fluent Design System, включаючи акриловий матеріал і новий досвід Reveal. Розробники додатків для Windows 10 можуть використовувати ці API, щоб розпочати оновлення своїх існуючих додатків за допомогою нової системи Fluent Design System, а дизайнери можуть почати розробляти додатки Fluent Design System за допомогою дизайнерських наборів. Ці нові API дозволять розробникам створювати чудовий досвід на основі Fluent Design System у Windows 10.

[shunno-quote align=”right”]Перша хвиля системи Fluent Design вже доступна для Windows Insider[/shunno-quote]

Насправді більшість програм для Windows 10 від Microsoft вже використовують певні частини системи Fluent Design, включаючи такі програми, як Groove Music, Microsoft Photos, Paint 3D, View 3D, диктофон і навіть додаток Calculator. Ці додатки використовують усі компоненти першої хвилі системи Fluent Design, включаючи такі речі, як акриловий матеріал, відображення виділення, підключені анімації, елементи керування свідомістю та паралакс перспективи. Корпорація Майкрософт глибше занурилася в систему Fluent Design на сесії на Build 2017, де компанія детально розповіла про те, що зараз доступно і що буде далі для Fluent Design System. Представники компанії Пол Гусморіно та Бояна Остоич продемонстрували деякі з програм, які незабаром отримають нову систему Fluent Design, зокрема програми Outlook Mail & Calendar, Microsoft Edge, Xbox, OneNote та My People. Компанія навіть продемонструвала, як впроваджуватиме досвід Reveal від Fluent Design System в меню «Пуск» у Windows 10. Деякі з цих (якості картоплі) скріншотів можна побачити нижче.

По суті, система Fluent Design – це не тільки зовнішній вигляд і відчуття. Функціональність є суттєвою частиною будь-яких мов дизайну, і Fluent Design System забезпечує це своїми будівельними блоками. Але я хочу зосередитися на елементі глибини, який є дійсно величезною частиною нової системи дизайну. На ПК ефект глибини представляє багатошаровий інтерфейс користувача, який ви можете побачити в концепції Windows Store вище, а система Fluent Design також пропонує ефект паралакса, який об’єднує все це разом.

[shunno-quote align=”left”]3D-ефект глибини виглядатиме неймовірно у Windows Mixed Reality[/shunno-quote]

А коли ви переходите на сучасний комп’ютер, як-от HoloLens, ефект глибини справді сяє. Зараз Microsoft експериментує з 3D-ефектом глибини (z-depth-layering), який занурює в Windows Mixed Reality. Незрозуміло, коли і чи дійсно це буде поставлятися в Windows 10, але все одно виглядає фантастично. Фактично це означає, що Fluent Design System створена не лише для клавіатури та миші. Microsoft розробляє систему Fluent Design так, щоб вона працювала на різноманітних пристроях і способах введення Windows 10, включаючи перо, жести, погляд та багато іншого.

[shunno-quote align=”right”]Узгодженість буде ключовою для системи Fluent Design[/shunno-quote]

Fluent Design — це подорож для Microsoft і Windows 10. Не очікуйте, що дизайн Windows 10 радикально зміниться після одного оновлення ОС — знадобиться час, щоб відобразитися в усій операційній системі, і це нормально. Але система Fluent Design досягне успіху лише в тому випадку, якщо Microsoft зуміє зберегти свої принципи проектування узгодженими в усіх програмах у Windows 10. Однією з найбільших проблем нинішнього дизайну Windows 10 є той факт, що він взагалі не узгоджений — існує близько 3-4 різних дизайну для контекстного меню, сторонні програми використовують різні відтінки кольорів фону, а вирівнювання елементів у додатках повсюдно. Корпорації Майкрософт потрібно буде зробити досить багато роботи, щоб переконатися, що її дизайнери правильно впроваджують систему Fluent Design для всіх додатків перших виробників, але Редмонду потрібно з’ясувати, як зробити так само розробників сторонніх розробників.

Усі концепції Fluent Design, які я бачив досі, виглядають неймовірно красиво. Від концепції Windows Store до нової інформаційної панелі Xbox — усі концепції Fluent Design дійсно чудові. Деякі з функціональних елементів також виглядають і відчуваються дуже приємно. Але оскільки Microsoft просуває впровадження системи Fluent Design в Windows 10, їй потрібно буде переконатися, що виконання є ідеальним. Компанія лише додала нову систему дизайну Fluent до програм у Windows 10, але компанії ще попереду, і впровадження нової системи дизайну в ядрі Windows 10 (він же оболонка) займе час. Але це цілком нормально, і доки імплементація є послідовною для всіх програм і компонентів Windows 10, нова система Fluent Design буде мати вирішальне значення для майбутнього Windows 10.

З оновленням Windows 10 Fall Creators Update Microsoft запускає першу хвилю Fluent Design System. Зараз компанія експериментує з елементами, які постачатимуться з другою хвилею, включаючи ефект глибини 3D, який ви бачили у відео вище, а також такі речі, як відтворення мультимедіа на 360, усвідомлені заголовки, мовлення та просторовий звук.