Одной из самых интересных вещей, которые Microsoft объявила на Build 2017, была Fluent Design System ( ранее известная под кодовым названием Project Neon ). Не из-за названия, которое немного неуклюже, а скорее из теории, лежащей в основе Fluent Design.
Несмотря на то, что текущий внешний вид Windows 10 несет в себе многие из оригинальных принципов проектирования «Metro», разработчикам приложений не хватало структуры. Прошло то, что за языком дизайна Metro была строгая мантра — «контент перед хромом», который содержал четкие принципы и цели. Вместо этого дизайн казался специальным и непоследовательным.
Что такое система дизайна Fluent?
Прослушав несколько сессий разработчиков в Build, у меня сложилось впечатление, что Microsoft наконец-то серьезно задумалась над дизайном. Система Fluent Design имеет реальные цели, причину существования и важные рекомендации, которые проясняют основополагающие принципы системы.
Слайд, показанный во время сеанса «Представляем Fluent Design», который ведут ведущий ведущий руководитель программы Microsoft Пол Гусморино и главный директор по дизайну Бояна Остожич, предлагает легко понять суть системы. С этого слайда:
С Fluent Design System мы раскрываем творческий потенциал каждого, предоставляя иммерсивные и многоплановые возможности, которые адаптируются к различным устройствам и типам ввода и реагируют на них.
В основе Fluent Design также лежат пять основных принципов: свет, глубина, движение, материал и масштаб. Этот переход является существенным изменением от «плоского» дизайна, найденного в Metro, к более современному, который позволяет Microsoft создавать приложения для нового мира разнообразных компьютерных процессов.
Что изменилось между 2010 и сегодняшним днем, так это быстрое распространение персональных устройств. Смартфоны стали повсеместными, но мы также видели рост устройств без традиционных дисплеев, таких как IoT-устройства, носимые устройства и устройства смешанной реальности. К усложнению относятся ноутбуки, 2-в-1, планшеты и большие настенные компьютеры (например, Surface Hub).
Пол Гусморино и Бояна Остойич из Microsoft представляют Fluent Design разработчикам на Build 2017.
Условия для ввода также изменились. Больше не сенсорная или клавиатура и мышь не единственная игра в городе. Теперь Surface Dials, ручка, жесты, взгляд и даже присутствие являются частью системы. Необходимо было создать новый способ создания приложений, которые могли бы удовлетворить все эти требования.
Это «эпоха вездесущих вычислений», но также и возрождение цифрового творчества. Возложение на разработчика бремени по созданию уникальных приложений для каждого из этих типов устройств будет препятствовать их принятию и расширению. С помощью универсальной платформы Windows (UWP) и теперь Fluent Design разработчики могут создавать приложения с красивым дизайном для всех типов устройств.
Я считаю это супер мотивирующим. Это не просто язык дизайна, который выглядит красиво (хотя и имеет), а скорее система, которая ведет пользователей по пути в будущее, где 2D-дисплеи не будут основным способом взаимодействия. Это какое-то дальновидное мышление, как и у Метро много лет назад
Свободная система проектирования и будущее Windows
Fluent Design — это пользовательский интерфейс, созданный для 2025 года, от «раскрытия основных моментов» до «осознанного контроля» и «перспективного параллакса». Есть связное сообщение, которое разработчики и потребители могут понять.
Даже основной материал, понимаемый как «акрил» (или неточно «размытие»), может быть только первым тиражированным материалом. Другие материалы могут появиться позже.
Нам говорят, что «первая волна» Fluent Design сейчас разворачивается, но Microsoft уже думает о «второй волне». Эта вторая итерация может включать в себя такие вещи, как 360-градусное воспроизведение видео для всех приложений, «сознательные заголовки» (см. Динамические заголовки приложения Groove), речь, многоуровневое наложение по глубине и даже пространственный звук. Это все опрометчивые вещи, которых не хватало в последние несколько лет, и интересно обдумать.
Я рад, что Microsoft, похоже, снова нашла свой дизайн mojo. Так же, как энтузиасты сплотились вокруг Metro, Fluent Design System — это дальновидный и вдохновляющий способ думать об интерфейсе пользователя и вычислениях.
Я не могу дождаться, чтобы увидеть все это в действии — и куда это идет отсюда.
Мы можем заработать комиссию за покупки, используя наши ссылки. Узнайте больше