Windows 10 concept (Update 13)

Привет, друзья.

Сегодня я с гордостью представляю Вам обновление к "Windows 10 concept" - мой взгляд на UI/UX находящейся в разработке Windows 10.

 

 

Для начала несколько слов о целях этой работы. Мне хотелось представить, как бы могла выглядеть Windows 10, с универсальным и адаптивным UI на различных устройствах, начиная от смартфонов начального уровня, с разрешением экрана 480х800px, до FullHD-мониторов и т.д. Интерфейс системы должен сохранить разумный минимализм концепции Modern UI, а также должен быть простым и современным.

 

Автор: Калинин Илья (https://vk.com/id7386731, [email protected])

OneDrive: http://1drv.ms/1stgbSx

DeviantArt: http://kalinin-ilya.deviantart.com/gallery/52691611/Windows-10-Design-concept

Behance: http://on.be.net/1wMkCZy

 

Проголосовать на UserVoice

http://vk.cc/3uwAP1

 

Update 13

  • Многочисленные правки макетов
  • People app
  • Sound recorder app
  • Video app
  • Music app
  • Reader app
  • Calculator app
  • Command prompt app
  • Notepad app
  • Lock screen
  • Logon UI
  • Boot screens
  • Windows setup
  • Windows Community app

Box art

Любая уважающая себя операционная система начинается с красивой коробки :)

 

Accent color (Акцентный цвет)

На основе выбранного пользователем акцентного цвета строится весь UI системы. Сменив цвет один раз, можно перекрасить всю систему, причем благодаря синхронизации с OneDrive изменения отобразятся на всех устройствах пользователя. На акцентный цвет ориентировано подавляющее большинство экранов/диалогов/приложений и т.п. Есть вариант темного оформления:

 

 

 

Windows setup (New)

Все экраны процесса установки выполнены в едином современном стиле. На протяжении всего процесса, пользователя сопровождает полоска-индикатор, показывающая совокупный прогресс установки ОС:

 

Если представить, что процесс установки запущен на смартфоне с разрешением экрана 480х800px, то UI без проблем адаптируется и под такие условия:

 

 

Установка запущенная в среде Windows:

 

 

Boot screens (New)

Ниже представлены экраны базовой загрузки ОС, выбора целевой системы для загрузки, экран перезгрузки и т.д.:

 

 

 

 

 

 

Lock screen

Стандартный экран блокировки и вариант с музыкальным плеером:

 

 

 

Logon UI (Авторизация) (New)

Выбор пользователя и ввод пароля:

 

 

 

Start screen (Стартовый экран)

В левом верхнем углу расположено личное меню пользователя, также доступен тайл открывающий личные настройки текущего пользователя. Добавлены вертикальные тайлы (2х4).

 

Большинство современных встроенных приложений получили тайлы единого, акцентного цвета (в данный момент выбран спокойный синий), таким образом удалось избавиться от "пестроты" полотна тайлов в старшей версии Windows (в Windows Phone такая проблема отсутствует по определению). Приложения MSN сохранили свои исходные акцентные цвета. Добавлена возможность группировки тайлов в папки:

 

 

Стартовый экран для разрешения 480х800px:

 

 

Ниже представлен вариант UI для Xbox One:

 

 

Start menu (Меню Пуск)

Меню Пуск, новый способ отображения иконок на рабочем столе. Представлен современный вариант рабочего стола, с размещением панели задач как вверху, так и традиционный - внизу:

 

 

 

 

Также представлен вариант размещения тайлов, который понравится обладателям предыдущих версий Windows - меню Пуск разделяется на две части, левая част представляет классическое меню Пуск, а колонка тайлов выполнит роль виджетов из Windows Vista/7, и расположится справа:

 

 

Calculator (New)

 

 

Command Prompt (CMD)

 

 

Notepad (New)

 

 

Reader (New)

 

 

Sound recorder (New)

 

 

Task view

Режим переключения виртуальных рабочих столов а также переключения между запущенными приложениями:

 

 

Task manager

Менеджер задач получил современный и чистый интерфейс с сохранением всей своей функциональности:

 

 

Экранная клавиатура

Лаконичная экранная клавиатура:

 

 

 

People (New)

Современное приложение People совместило в себе мессенджер, адресную книгу, аггрегатор активности контактов и многое другое:

 

 

 

Music

Приложение выполнено в современном легком дизайне и выглядит замечательно при любой диагонали экрана. Также показан UI всплывающего блока управления воспроизведения музыки, совмещенного с регулятором громкости:

 

 

 

 

Video (New)

 

 

Photos

Приложение Photos обеспечивает просмотр фотографий пользователя, размещенных как локально, так и в облаке, формируя из фотогрфий полотно для удобного просмотра. Поддерживаются возможности редактирования фото, формирования коллекций, распознавания лиц и т.д.:

 

 

 

File Explorer

Проводник выполнен в современном "плоском" стиле, сохранены все возможности классической версии, в т.ч. "drag'n'drop", диалоги открытия/сохранения и т.д.:

 

 

Project Spartan (Internet Explorer)

Современный вариант приложения Internet Explorer заменил собою классическое приложение, а также получил лаконичный дизайн, поддержку расширений и т.д.:

 

 

Action center

Центр уведомлений выполнен монолитным выезжающим блоком, в верхней части размещены переключатели и индикаторы, данный блок может настраиваться пользователем. Показан пример уведомлений:

 

 

Mail

Встроенный почтовый клиент получил современный и легкий UI. Приложение поддерживает интеграцию с популярными почтовыми сервисами, обеспечивает быстрый доступ к персонализированному календарю, коммуникатору Skype и т.д.:

 

 

Office

Приложения из пакета Office получили простой, и не загроможденный дизайн. Каждое приложение оформлено в своей традиционной гамме:

 

 

Store

Единый магазин приложений, музыки, фильмов и т.д. получил современный дизайн, единый для всех устройств, работающих под управлением Windows 10. Верху расположены вкладки разделов магазина, расположен большой промо-баннер с листингом. Ниже показаны тематические подборки предложений магазина:

 

 

 

Информация о выбранном приложении/альбоме/фильме и т.п. удобно скомпонована, разделена по вкладкам:

 

Defender

Встроенный антивирус получил яркий и минималистичный дизайн, цвет окна указывает на текущее состояние приложения:

 

 

Cortana

UI персонального помощника Cortana выполнен в виде монолитного выезжающего блока. Cortana вызывается как значком на панели задач, так и голосовым вызовом "Hey, Cortana!":

 

 

 

 

 

Settings

Современное приложение Settings получило лаконичный дизайн, необходимые настройки можно найти с помощью поиска, также есть сортировка списка настроек. Все возможные опции по настройке системы были перенесены из классической панели управления в приложение Settings. Также показан обновленный дизайн контекстных меню, который получил ровную белую заливку:

 

 

 

 

 

BSOD (Blue screen of death)

Неприятности случаются, и имя им - Синий экран смерти :)

 

 

Windows Community App (New)

Внутренний концепт приложения сообщества Windows Community:

 

 

 

 

  • Написал: WLAD15
  • Комментарии: 87
  • 15 декабря 2014 18:40

Супер, молодец, меня аж задушу взяло ) Это просто Божественно )


Почти Локализатор (UA)
0

а где такую красоту можно взять для установки?


0
  • Написал: kalinin.ilya
  • Комментарии: 3
  • 6 января 2015 16:51

Цитата: Игорь Мифтахутдинов
а где такую красоту можно взять для установки?
Ни где, разумеется smile 


0
  • Написал: WLAD15
  • Комментарии: 87
  • 9 января 2015 22:52

Цитата: kalinin.ilya
Ни где, разумеется smile

Очень жаль, хотя бы интерфейс виндовс поменяйте, сделайте установщик ) Я поставлю эту прелесть )


Почти Локализатор (UA)
0
  • Написал: Aknavi
  • Комментарии: 1
  • 11 января 2015 14:50

Вот бы эту красоту реализовали майки... эх, мечтать не вредно


1
  • Написал: WLAD15
  • Комментарии: 87
  • 17 января 2015 18:00

Если можно, пишите в апгрейде что вы добавили )


Почти Локализатор (UA)
0
  • Написал: kalinin.ilya
  • Комментарии: 3
  • 20 января 2015 02:00
Цитата: WLAD15
Если можно, пишите в апгрейде что вы добавили )
Обязательно)

Цитата: Aknavi
Вот бы эту красоту реализовали майки... эх, мечтать не вредно
Мечтать полезно, тем более, если параллельно с этим что-то делать, чтобы эти мечты начали воплощаться в жизнь... :)

Цитата: WLAD15
Супер, молодец, меня аж задушу взяло ) Это просто Божественно )
Спасибо за ваш отзыв. Стараюсь)

0
  • Написал: WLAD15
  • Комментарии: 87
  • 20 января 2015 10:55

Цитата: kalinin.ilya
Обязательно)

Ну просто не всегда понятно что обновлено, картинок но много, просмотрел не увидел (


Почти Локализатор (UA)
0
  • Написал: WLAD15
  • Комментарии: 87
  • 20 января 2015 21:01

Супер, спасибо что прислушались, и пишите список изменений ) Теперь легче найти что нового )))

Мне интересно а как вы это делаете?

На своей ОС интерфейс переделали, или же рисуете?

Влад.


Почти Локализатор (UA)
0
  • Написал: kalinin.ilya
  • Комментарии: 3
  • 20 января 2015 21:23

Цитата: WLAD15
Супер, спасибо что прислушались, и пишите список изменений ) Теперь легче найти что нового )))
Мне интересно а как вы это делаете?
На своей ОС интерфейс переделали, или же рисуете?
Влад.

Создаю UI "с нуля" в Ai. Действующую ОС не трогаю)


0
  • Написал: WLAD15
  • Комментарии: 87
  • 20 января 2015 21:28

Цитата: kalinin.ilya
Создаю UI "с нуля" в Ai

Не чего тольком не понял, но примерно понятно )

Вы мастер )

Пилите устанощик, по изменению интерфейса в ОС, я буду ставить ) Тестить )


Почти Локализатор (UA)
0
  • Написал: Kapranov
  • Комментарии: 53
  • 20 января 2015 21:47

Цитата: WLAD15
Цитата: kalinin.ilya
Создаю UI "с нуля" в Ai

Не чего тольком не понял, но примерно понятно )
Вы мастер )
Пилите устанощик, по изменению интерфейса в ОС, я буду ставить ) Тестить )

Не очень верно поняли. Это Illustrator. Векторные рисунки, не более. Дизайн системы не меняется.


1
  • Написал: WLAD15
  • Комментарии: 87
  • 20 января 2015 22:17

Да я понял, а в рельность в смысле в системе можно изменить интерфейс? Было бы не плохо, или тему для вин 8.1 сделайте. ) если это возможно.


Почти Локализатор (UA)
0


Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Реклама