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

Вместе с Fall Creators Update состоялся и формальный релиз нового языка дизайна Windows 10 — Fluent Design. С того момента запуска прошло всего пару недель, но знакомый нам независимый дизайнер по имени Michael West уже успел предложить ряд доработок для обновлённого интерфейса системы.
Последние новости
Последние новости
|   3 ноября 2017 в 15:05
2312   9   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 - он как раз про голограммы, трёхмерные интерфейсы, дополненную и виртуальную реальность.

  • Для того, чтобы оставить комментарий к публикации, необходимо авторизоваться на сайте под своей учётной записью, предварительно пройдя простую процедуру регистрации, или войти, используя аккаунт одной из социальных сетей:
Войти, используя аккаунт одной из социальных сетей
Поиск по сайту