Fluent Design System дeбютируeт в oктябрe вмeстe с oбнoвлeниeм Fall Creators Update. Итак, насколько изменится новый дизайн системы в Microsoft?

Fluent Design System от Microsoft — это один из самых захватывающих анонсов Windows 10 в этом году. Это совершенно новое видение для Windows, переосмысление дизайна практически во всех отношениях. Microsoft рассказала о Fluent Design в начале этого года, так как уже с обновлением Fall Creators начнет реализацию первой волны Fluent Design во всей системе и приложениях.

Создатели выделили пять областей для Fluent Design: материал, свет, масштаб, глубина и движение.

Материал (Acrylic)

Новый материал – это своеобразное покрытие, похожее на Акрил, при этом окно немного просвечивает, позволяя фону и окнам позади текущего фокуса размываться. В последних сборках Insider Preview мы видим Acrylic в нескольких местах, включая меню «Пуск» и «Центр действий». Он также доступен в разделе «Мои люди» при выборе сведений о контакте. Это единственные области ОС, где Acrylic уже применяется.

Первым и самым примечательным приложением для Acrylic является Groove Music, в котором в начале этого года были выпущены акриловые рисунки.

Калькулятор, Люди, Фотографии и Карты – это те приложения, где вы можете найти новую технологию. Приложение «Фотографии» и «Карты» имеют акриловый дизайн, видимый в верхней части окна, где расположены панель заголовка и меню навигации. Акрил также можно найти в всплывающих уведомлениях, которые появляются на рабочем столе.

Microsoft планирует довести Acrylic до еще большего количества областей системы, например, до Microsoft Edge.

Свет

Reveal, еще один новый элемент дизайна, который вводится с Fluent Design, это свет, который распространяется рядом с курсором при его наведении на определенные элементы в ОС и приложениях. На данный момент Reveal доступен не во всей системе, а наиболее часто встречается в приложениях.

У Microsoft есть планы по включению Reveal в «Панель задач» и «Пуск». Такж можно заметить эффект света в Microsoft Edge, Groove Music, Калькуляторе, Людях.

Глубина и движение

Глубина и движение — это самые трудно определяемые элементы дизайна, которые сейчас применяются. Движение — это элемент Fluent Design, который должен дать Windows 10 особые изменения при переходе между различными областями приложения или системы.

Мы нашли эффекты Глубины в Store, где некоторые из более крупных изображений прокручиваются медленнее, чем остальная часть страницы. Приложение «Фотографии» со Story Remix — это то место, где можно заметить наибольшее проявление движения. Оно плавно оживляет и удаляет области приложения, что и придает элементам динамику.

Свободный дизайн — это путешествие

Стоит отметить, что ни один из элементов дизайна не будет на 100% реализован во время обновления Fall Creators Update. Microsoft ясно дала понять, что новый язык дизайна — это путешествие, которое продлится в течение нескольких релизов.