Fluent Design System дебютирует в октябре вместе с обновлением 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 ясно дала понять, что новый язык дизайна - это путешествие, которое продлится в течение нескольких релизов.