Windows

Посмотрите на успехи Microsoft в использовании Fluent Design для Windows 10

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.

Похожие посты
Windows

Драйверы для Windows 10

Windows

Лучшие приложения для фотографии на вашем Windows Phone

Windows

Команды командной строки для панели управления апплетами

Windows

Официальное приложение SmugMug теперь доступно для Windows Phone