Концепт: улучшая Fluent Design

Вместе с Fall Creators Update состоялся и формальный релиз нового языка дизайна Windows 10 — Fluent Design. С того момента запуска прошло всего пару недель, но знакомый нам независимый дизайнер по имени Michael West уже успел предложить ряд доработок для обновлённого интерфейса системы.
Последние новости
Последние новости
|   3 ноября 2017 в 15:05
4445   10   8  

Начать обзор его предложений стоит с нового шаблона для меню «Пуск»: на первом экране меню дизайнер избавился от списка приложений в пользу плиток, расположил в верхней его части поисковую строку, а в нижней — ссылки для перехода ко всем приложениям и кнопки управления питанием компьютера. Кроме того он увеличил количество плиток в одной колонке до пяти и вернулся к древней идее интерактивных живых плиток.

 

Концепт: улучшая Fluent Design

 

Нам нравится идея переноса поисковой строки в меню, но кажется что разумнее было бы расположить её в нижней части экрана, сократив путь, который нужно преодолеть курсору мыши для перехода к поиску. Все дополнительные кнопки можно было по-прежнему располагать вертикально в левой части меню. А вы как считаете?

 

Концепт: улучшая Fluent Design

 

Одного только эффекта акрила для приложения Microsoft Store (Магазина Windows) дизайнеру не хватило и в своём концепте он применил эффект тени для блоков приложений на главной странице. Тень придаёт интерфейсу приложения больше объёма и вписывается в концепцию Fluent Design.

 

Концепт: улучшая Fluent Design

 

Объёмные, движущиеся элементы интерфейса мы видели и в официальных промо-роликах Microsoft, наверняка они будут реализованы с одним из будущих обновлений для Windows 10.

 

Концепт: улучшая Fluent Design

 

Для панели Параметры автор концепта создал новые шаблоны главной и второстепенных страниц. На главной появился массивный, полупрозрачный заголовок, изменилось расположение ссылок на разделы и их иконок. Похожие изменения уже тестируются в новейших сборках Windows 10 и самой Microsoft.

 

Концепт: улучшая Fluent Design

 

В разделах эффект акрила применён к боковой панели, более лёгкий, безрамочный дизайн подготовлен для поисковой строки. Для заголовков подразделов используется жирный шрифт, каждая опция получила собственную иконку.

 

Концепт: улучшая Fluent Design

 

Особое внимание дизайне уделил панели «Персонализация», предложив кроме светлой и тёмной тем оформления, ещё и светло-серую и тёмно-серую. Согласитесь, что смотрятся такие оттенки в большинстве случаев лучше простого чёрного или белого цветов. Кроме того им предусмотрены опции, позволяющие изменить отступ между элементами управления в приложениях и отключить каждый эффект Fluent Design в отдельности.

 

Концепт: улучшая Fluent Design

 

К новейшей версии «Фотографий» у Майкла претензий почти нет, для этого приложения он подготовил лишь более компактное решение главного меню с полупрозрачной поисковой панелью.

 

Концепт: улучшая Fluent Design

 

По традиции, в комментариях ниже предлагаем вам поделиться впечатлениями от этого концепта и собственными идеями по улучшению интерфейса Windows 10.

 

Источник: michaelwest.design

Поделиться
Комментарии
  • 1
    Ivan Alexandrov 3 ноября 2017 в 16:48

    Не плохо смотрится.

  • 2
    dimokgamer 3 ноября 2017 в 17:49

    Нам нравится идея переноса поисковой строки в меню, но кажется что разумнее было бы расположить её в нижней части экрана, сократив путь, который нужно преодолеть курсору мыши для перехода к поиску. Все дополнительные кнопки можно было по-прежнему располагать вертикально в левой части меню. А вы как считаете?

    Эмм. Не понимаю претензию. Так как можно вообще пропускать все действия с мышью. Ведь можно просто кликнуть по пуску(хоть на клаве, хоть на экране) и начать печать. Всё!! Зачем вообще поисковая строка?

  • 3
    Алексей Фомин 3 ноября 2017 в 18:39

    Цитата: dimokgamer
    Нам нравится идея переноса поисковой строки в меню, но кажется что разумнее было бы расположить её в нижней части экрана, сократив путь, который нужно преодолеть курсору мыши для перехода к поиску. Все дополнительные кнопки можно было по-прежнему располагать вертикально в левой части меню. А вы как считаете?

    Эмм. Не понимаю претензию. Так как можно вообще пропускать все действия с мышью. Ведь можно просто кликнуть по пуску(хоть на клаве, хоть на экране) и начать печать. Всё!! Зачем вообще поисковая строка?

    Потому что есть пользователи и поверьте их много, которые пока не видят поле "поиск" не начнут ввод. Это очень грамотный шаг к простому пользователю.

  • 4
    dimokgamer 3 ноября 2017 в 18:43

    Цитата: Алексей Фомин
    Потому что есть пользователи и поверьте их много, которые пока не видят поле "поиск" не начнут ввод.

    Да я это понимаю, даже друзьям приходилось объяснять, что такое есть, хотя мы все IT'шники :)
    Ну как вариант можно наконец то добавить обучение, встроенное в систему, которое будет появляться время от времени.
    Без обучения пользователи реально пропускают огромную кучу возможностей винды.

  • 5
    Алексей Фомин 3 ноября 2017 в 19:05

    Еще стоит отметить концепцию "4-х" оттенков. Тоже хорошо, прям как в ФШ и прочих прогах.

  • 6
    Berimors 5 ноября 2017 в 00:23

    Зачем этот акрил!? Зачем опять трехмерность и тени!? Десятка тем и хороша, что - "плоская"! Опять возвращаемся к динозаврам!? ...Или разработчикам неймется привести ее к Маку!? Для чего!? Пусть остается аутентичной! Имхо!

  • 7
    Roman Radchenko 6 ноября 2017 в 10:29

    Сомнительная реализация. В таком контексте десятку снова возвращают из плоскости к объему. У меня сразу возникла мысль "отключить тени". Строка поиска кажется не на своем месте, возможно, ей будет лучше внизу. Что касается заполнения пространства живыми плитками ... открывая Пуск, рядовой пользователь ищет нужные программы, а не любуется плитками. Именно сейчас Пуск совмещает функциональность плиток и удобство классических приложений

  • 8
    BigBang 6 ноября 2017 в 19:19

    Цитата: Roman Radchenko
    Зачем этот акрил!? Зачем опять трехмерность и тени!? Десятка тем и хороша, что - "плоская"!

    Microsoft сейчас верит в голограммы. Fluent Design - он как раз про голограммы, трёхмерные интерфейсы, дополненную и виртуальную реальность.

  • [group=5]Для того, чтобы оставить комментарий к публикации, необходимо авторизоваться на сайте под своей учётной записью, предварительно пройдя простую процедуру регистрации, или войти, используя аккаунт одной из социальных сетей:
Войти, используя аккаунт одной из социальных сетей
Поиск по сайту
Ключевые темы
Acer, AMD, Anniversary Update, April 2018 Update, ARM, Asus, Continuum, Cortana, Creators Update, Dell, Fall Creators Update, HoloLens, HP, Insider Preview, Internet Explorer, Kinect, Lenovo, LG, Lumia, Microsoft, Microsoft Edge, Microsoft Store, Nokia, Nvidia, Office, Office Insider, OneDrive, OneNote, Outlook, Rainmeter, Redstone, Redstone 4, Redstone 5, Release Preview, Samsung, SkyDrive, Skype, Spartan, Surface, Technical Preview, Toshiba, Windows 10, Windows 10 ARM, Windows 10 IoT, Windows 10 Mobile, Windows 10 X, Windows 11, Windows 9, Windows Holographic, Windows Insider, Windows Phone, Windows RT, Xbox, XWidget, администрирование, видео, восстановление, драйверы, иконки, концепт, курсоры, моноблоки, настройка интерфейса, начальный экран, ноутбуки, обновление, обои, оптимизация, планшеты, рабочий стол, скидки, скины, скриншоты, смартфоны, Смешанная реальность, статистика, темы, установка, мобильные устройства, Полезные статьи и рекомендации, носимые устройства, всё для офиса, игры для ПК и консолей, полезный софт, IT-услуги, интернет и сети, гаджеты и техника для дома, игры для мобильных, онлайн-сервисы, гаджеты китайских брендов, Компьютеры и технологии