Fluent Design System от Microsoft — один из наиболее интересных новых проектов Windows 10. Это совершенно новое видение для Windows, переосмысление его дизайна практически во всех отношениях. Microsoft представила Fluent Design в 2017 году и объявила, что внедрение нового языка дизайна во всех ее продуктах займет время. Это путешествие, которое будет развиваться и улучшаться — это то, на что мы смотрим сегодня.
Мы уже месяцами занимаемся разработкой Redstone 5, поэтому я хотел посмотреть, как продвигается Fluent Design. Нам еще многое предстоит сделать, но ситуация значительно улучшилась с тех пор, как мы в последний раз проверяли прогресс Fluent Design.
Microsoft представила пять различных областей дизайна для своей первой волны Fluent Design: материал, свет, масштаб, глубина и движение. Больше этих элементов обнаружилось во время разработки Апреля 2018 года , или Redstone 4, с дальнейшими улучшениями, ожидаемыми во время разработки следующего выпуска Redstone 5.
Материал (акрил)
Акрил — это самый распространенный элемент Fluent Design, который отображается во всех приложениях и в самой ОС. Он плотно полупрозрачный, благодаря чему фон и окна позади текущего фокуса размываются. В последних выпусках мы видим Acrylic в нескольких местах, включая меню «Пуск», панель задач, Центр поддержки и «Мои люди».
Вы также можете найти эффекты акрилового синего цвета в строке заголовка приложений, когда наборы также включены, о чем просили многие инсайдеры.
Acrylic чаще используется в приложениях, и Microsoft рисует несколько своих собственных приложений на Acrylic. Приложение «Настройки» содержит Acrylic на боковой панели, а Microsoft Edge — «Акрил» в строке заголовка. Вы также можете найти Акрил в Paint 3D и приложение Skype UWP.
Калькулятор, фотографии и карты также приложения, где вы можете найти акриловые элементы. Приложение «Карты» имеет стиль «Акрил», примененный к верхней части окна, где находится строка заголовка и меню навигации. На фотографиях она также находится вверху, тогда как на предыдущих она доминировала на фоне приложения.
Приложение «Калькулятор» на данный момент является наиболее привлекательным приложением с Acrylic для Windows 10. Акрил также можно найти во всплывающих уведомлениях, которые появляются на рабочем столе. Теперь вы также можете найти эффекты Acrylic и Reveal в адресной строке Microsoft Edge, которые выглядят превосходно.
Временная шкала теперь имеет размытый фон при открытии в последних сборках Redstone 5, что отличается от не размытого фона в Redstone 4.
Свет (показать)
Reveal — это еще один новый элемент дизайна, представленный в Fluent Design, который следует за курсором при наведении курсора на определенные элементы в ОС и приложениях. На данный момент вы можете найти Reveal в Центре действий, меню «Пуск» и в разделе «Мои люди», а также в списках и меню на основе XAML.
Microsoft планирует в конечном итоге вывести Reveal на панель задач, но, похоже, это произойдет не сразу. В настоящее время реализации Reveal очень противоречивы во всей ОС, некоторые меню имеют это, а другие нет.
К сожалению, кажется, что последовательность эффекта Reveal немного повсюду. В некоторых областях эффекты Reveal отражают окружающие кнопки и элементы пользовательского интерфейса, а в других — нет. Это невероятно неприятно, и я надеюсь, что Microsoft скоро справится с этой задачей.
Вы также можете найти Reveal в некоторых частях Microsoft Edge, включая адресную строку, вкладки, раскрывающееся меню настроек и даже Edge Hub. Эффекты выявления присутствуют в Groove Music, Calculator, People и Settings. Раскрытие также включено во всплывающих уведомлениях, но оно менее заметно из-за таких тонких рамок.
Использование Reveal постепенно становится более совместимым с каждой новой сборкой Insider. Redstone 4 — это первое обновление для Windows 10, в котором Reveal постоянно используется в приложениях входящих сообщений и командной консоли. Это должно улучшиться с Redstone 5.
Глубина, параллакс и движение
Глубина, Параллакс и Движение — самые редкие новые элементы дизайна, внедряемые прямо сейчас. Насколько я могу судить, нет известных случаев, когда движение было применено к ОС. Я только нашел это в нескольких первых приложениях Microsoft. Motion — это элемент Fluent Design, который должен придавать Windows 10 некоторый вау-фактор при переходе между различными областями приложения или системы.
Я обнаружил эффекты «Глубина» и «Параллакс» в приложении «Магазин», где некоторые из больших изображений будут прокручиваться медленнее, чем остальная часть страницы. Это крутой эффект, который дает странице очень необходимое движение. Я также заметил некоторые незначительные эффекты движения в Groove Music и приложениях Movies & TV.
Приложение «Фотографии» с Story Remix — это то место, где вы можете найти большую часть нового дизайна Microsoft от Motion. Он красиво и плавно анимирует в и из областей приложения. У Microsoft много работы по внедрению Motion во всей ОС и в остальных ее приложениях, но прогресс пока выглядит хорошим.
Темный и Светлый режимы
Темные и светлые режимы в Windows 10 не являются строго частью Fluent Design System, однако, это достаточно большой выбор дизайна, о котором стоит упомянуть. По умолчанию Microsoft устанавливает «свет» в качестве режима по умолчанию для Windows 10, что интересно, потому что светлый режим Microsoft для Windows 10 несовместим. Светлый режим по-прежнему имеет темный Пуск, Панель задач и Центр действий, которые выглядят неуместно в светлом режиме.
Что касается темного режима, Microsoft наконец-то приступила к добавлению темного режима в File Explorer и контекстные меню, что означает, что темный режим, наконец, становится намного более согласованным при включении. Это все еще не идеально, с большим количеством приложений входящих сообщений, использующих свои собственные оттенки темного, что делает вещи непоследовательными. Надеемся, что Microsoft скоро найдет способ объединить оттенки тьмы.
Свободный дизайн — это постоянное путешествие
Внедрение Fluent Design началось с обновления Fall Fall Creators, но мы далеки от его завершения. Microsoft очень четко осознала, что ее новый язык дизайна — это путешествие, для реализации которого потребуется несколько релизов. Техническое обновление Fall Creators — это второй шаг в этом путешествии. Первым шагом является Обновление создателей, выпущенное в начале 2017 года. Это означает, что Redstone 4 и Redstone 5 продолжат видеть улучшения в Fluent Design.
Одним из слабых мест Windows 10, безусловно, является язык проектирования, но с Fluent Design это начинает меняться. В Windows многое есть, и Fluent Design постепенно внедряется в ОС. Если вы заметили, что я что-то пропустил, пожалуйста, дайте мне знать. Пока что работа Microsoft над последними предварительными сборками Redstone 4 является фантастической, и я не могу дождаться, чтобы увидеть, как она продолжает развиваться.
Обновлено 11 июня 2018 года. Мы обновили этот пост, чтобы подробно рассказать о последних достижениях Microsoft в разработке Fluent Design для Windows 10.