Свободная система дизайна
Fluent Design System (кодовое название « Project Neon »), [11] официально представленная как Microsoft Fluent Design System , [12] — язык дизайна , разработанный в 2017 году компанией Microsoft . Fluent Design — это переработанный язык Microsoft Design Language (широко известный как «Metro»), который включает рекомендации по дизайну и взаимодействиям, используемым в программном обеспечении, предназначенном для всех устройств и платформ Windows 10 и Windows 11 . Система основана на пяти ключевых компонентах: свет, глубина, движение, материал и масштаб. [13]Новый язык дизайна включает в себя более заметное использование эффектов движения, глубины и полупрозрачности. [14]
Переход на Fluent — долгосрочный проект; аспекты дизайна начали появляться в Windows 10, начиная с «Fall Creators Update», выпущенного в октябре 2017 года, а также с обновлением системного программного обеспечения Xbox One, выпущенным вместе с ним. [15] [16] [17] [18] Позже выяснилось, что он был разработан совместно с Windows 10X , [19] в дополнение к Windows 11 , которая имеет аналогичный дизайн. [20]
Ключевые принципы Fluent, или «блоки» (Свет, Глубина, Движение, Материал и Масштаб), отходят от плоской концепции, определенной Metro , и, сохраняя чистый внешний вид, представленный Metro, Fluent обновляет визуальные эффекты Aero , подход к дизайну, который был представлен в Windows Vista и Windows 7 , включая размытую полупрозрачность, анимированные шаблоны параллакса, тени, эффекты подсветки после движения указателя мыши или жестов ввода, а также «искусственные материалы», от которых когда-то отказались Metro. [21]
Цель света — привлечь внимание и осветить информацию. Таким образом, свет устанавливает связь между пользовательским интерфейсом и курсором или указателем. [22]
В WinUI 2.6 Microsoft прекратила поддержку выделения, чтобы соответствовать своим веб- и мобильным предложениям, которые не поддерживают выделение. [25] Кроме того, с выпуском Windows 11 Microsoft постепенно отказывалась от использования световых эффектов в целом, вместо этого предоставляя неразрешимую анимацию. [25]
Глубина добавляется к содержимому за счет наслоения по оси Z. Глубина представлена через тени и наложение Z-глубины. [26] [27] Это особенно заметно в переработанном приложении Office в 2019 году. В Windows 11 использование глубины расширено за счет наложения разных поверхностей с разной непрозрачностью материала Mica.
