stringtranslate.com

Метро (язык дизайна)

Центр «Музыка+Видео» на Windows Phone

Язык дизайна Microsoft (или MDL ), [1] ранее известный как Metro , — это язык дизайна, созданный Microsoft . Этот язык дизайна ориентирован на типографику и упрощенные значки , отсутствие беспорядка, увеличенное соотношение контента к хрому («контент до хрома») и базовые геометрические формы. Ранние примеры принципов MDL можно найти в Encarta 95 и MSN 2.0 . [2] [3] Язык дизайна развился в Windows Media Center и Zune и был официально представлен как Metro во время презентации Windows Phone 7 . С тех пор он был включен в несколько других продуктов компании, включая системное программное обеспечение Xbox 360 и системное программное обеспечение Xbox One , Windows 8 , Windows Phone и Outlook.com . [4] [5] Прежде чем название «язык дизайна Microsoft» стало официальным, исполнительный директор Microsoft Ци Лу назвал его современным языком дизайна пользовательского интерфейса в своей программной речи на конференции MIXX . [6] По данным Microsoft, «Metro» всегда было кодовым названием и никогда не задумывалось как конечный продукт, но новостные сайты объясняют это изменение проблемами с товарными знаками. [4]

Microsoft Design Language 2 (MDL2) был разработан вместе с Windows 10. [7] [8] В 2017 году язык Fluent Design расширил его.

История

Язык дизайна основан на принципах классического швейцарского графического дизайна . Ранние проблески этого стиля можно было увидеть в Windows Media Center для Windows XP Media Center Edition [9] , где текст отдавался в качестве основной формы навигации, а также в ранних концепциях Neptune . [10] Этот интерфейс был перенесен в более поздние версии Media Center. В 2006 году Zune обновила свой интерфейс, используя эти принципы. Дизайнеры Microsoft решили перепроектировать интерфейс, уделив больше внимания чистой типографике, а не хрому пользовательского интерфейса. [11] Эти принципы и новый пользовательский интерфейс Zune были перенесены в Windows Phone, впервые выпущенную в 2010 году (из которой многое было позаимствовано для Windows 8). Клиент Zune Desktop Client также был переработан с упором на типографику и чистый дизайн, который отличался от предыдущего пользовательского интерфейса Zune на базе Portable Media Center . Плоские цветные «живые плитки» были введены в язык дизайна во время первых исследований Windows Phone.

В интервью было объяснено, что разные подразделения Microsoft используют продукты друг друга, и расширение Metro не было подходом для всей компании, а вместо этого такие команды, как Xbox, любили Metro и адаптировали его для своих собственных продуктов. Многие подразделения Microsoft в конечном итоге перешли на Metro. [12]

Microsoft Design Language 2 (MDL2) был разработан вместе с Windows 10. В этой версии представлен новый набор виджетов , включая средства выбора даты, переключатели и переключатели, а также уменьшена толщина границ для всех элементов пользовательского интерфейса. [7] [8]

Принципы

Команда дизайнеров Microsoft приводит в качестве источника вдохновения знаки языка дизайна, обычно встречающиеся в системах общественного транспорта. [13] В языке дизайна упор делается на хорошую типографику и большой текст, который бросается в глаза. Microsoft рассматривает язык дизайна как «гладкий, быстрый, современный» и «обновление» интерфейсов Windows, Android и iOS , основанных на значках . [14] Во всех экземплярах используются шрифты на основе семейства шрифтов Segoe , разработанного Стивом Маттесоном из Agfa Monotype и лицензированного Microsoft. Для Zune Microsoft создала специальную версию под названием Zegoe UI [15] , а для Windows Phone Microsoft создала семейство шрифтов Segoe WP. Шрифты в основном отличаются лишь незначительными деталями. Более очевидные различия между Segoe UI и Segoe WP проявляются в соответствующих числовых символах. Шрифт Segoe UI в Windows 8 имел очевидные отличия — он похож на Segoe WP. Символы с заметными типографскими изменениями включали 1, 2, 4, 5, 7, 8, I и Q.

Джо Бельфиоре был одним из архитекторов Метро. На Nokia World 2011 Бельфиоре объяснил, что пользовательский интерфейс стремится быть «художественным» в текстовых элементах и ​​иконографии . Он также упомянул «движение» пользовательского интерфейса, особенно в Windows Phone, живых плиток, движущихся точек и кинетической прокрутки. [16]

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

Большую роль играет анимация. Microsoft рекомендует последовательно распознавать переходы и действия пользователя (например, нажатия или пролистывания) с помощью той или иной формы естественной анимации или движения. Целью этого является создание у пользователя впечатления «живого» и отзывчивого пользовательского интерфейса с «дополнительным ощущением глубины». [17] [18]

Прием

На мобильном телефоне

Ранняя реакция на язык в целом была положительной. В обзоре Zune HD Engadget сказал: «Microsoft продолжает стремиться к большой, большой типографике, предлагая сложный, аккуратно спроектированный макет, который почти так же функционален, как и привлекательный» . [19] CNET похвалил язык дизайна, заявив: «Он немного более смелый и неформальный, чем плотные, стерильные сетки значков и меню Rolodex на iPhone и iPod Touch». [20]

На церемонии IDEA 2011 Американское общество промышленных дизайнеров (IDSA) вручило Windows Phone 7 с пользовательским интерфейсом награду «Gold Interactive», «Приз зрительских симпатий» и награду «Лучший на выставке». [21] [22] Изабель Анкона, консультант по пользовательскому опыту в IDSA, объяснила, почему победил Windows Phone: [23]

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

Сообщалось, что пользовательский интерфейс лучше воспринимается женщинами и начинающими пользователями. [24]

Критика особенно сосредоточилась на использовании текста, написанного заглавными буквами . С ростом использования Интернета критики стали сравнивать это с компьютерной программой, кричащей на своего пользователя. ИТ-журналист Ли Хатчинсон охарактеризовал использование Microsoft этой практики в версии OneNote для macOS как ужасное, заявив, что она «проклята безумными, нестандартными оконными меню приложений, НАПИСАННЫМИ ЗАГЛАВНЫМИ БУКВАМИ, которые не столько нарушают конвенции дизайна OS X, сколько выносит их за сарай, обливает бензином и поджигает». [25]

На рабочем столе Windows 8

С появлением Windows 8 пользовательский интерфейс операционной системы и использование языка дизайна вызвали в целом негативную критику. 25 августа 2012 года Питер Брайт из Ars Technica рассмотрел предварительную версию Windows 8, посвятив первую часть обзора сравнению дизайна меню «Пуск» , используемого в Windows 8 и Windows 7. Перечислив их плюсы и минусы, Питер Брайт заключил. что меню «Пуск» в Windows 8 (получившее название «Пусковой экран»), хоть и не лишено проблем, но оказалось явным победителем. Однако он пришел к выводу, что пользовательский интерфейс Windows 8 разочаровывает и что различные аспекты пользовательского интерфейса не работают вместе. [26] Вуди Леонхард был еще более критичен, когда сказал: «С точки зрения пользователя, Windows 8 — это провал, неуклюжая мешанина, которая тянет пользователя одновременно в двух направлениях». [27]

Помимо изменений в меню «Пуск», Windows 8 использует более модальный подход с использованием полноэкранных приложений, которые избегают использования интерфейса рабочего стола на основе значков. Однако при этом Microsoft сместила акцент с многозадачности и продуктивности бизнеса. [28]

Изменение имени

В августе 2012 года The Verge объявила, что разработчикам и сотрудникам Microsoft был разослан внутренний меморандум, в котором объявлялось о решении «прекратить использование» термина «Метро» из-за «обсуждений с важным европейским партнером», и что они были «работаем на замену сроку». [29] Технологические новостные агентства Ars Technica , [30] TechRadar , [31] CNET , [32] Engadget [33] и Network World [34] и основная пресса Bits Blog от The New York Times Company [35] и BBC News Интернет [36] опубликовал, что партнером, упомянутым в записке, может быть один из розничных партнеров Microsoft, немецкая компания Metro AG , поскольку это имя потенциально может нарушать их торговую марку «Metro». Позже Microsoft заявила, что причина уменьшения акцента на названии не связана с каким-либо текущим судебным разбирательством и что «Metro» было всего лишь внутренним кодовым названием проекта, [37] несмотря на то, что он активно продвигал бренд среди общественности. [38] В некоторых контекстах компания начала использовать термин «Современный» или более общий модификатор «Windows 8» для обозначения нового дизайна, возможно, в качестве заполнителя. [39]

В сентябре 2012 года «язык дизайна Microsoft» был принят в качестве официального названия стиля дизайна. [1] [40] Этот термин использовался в документации Microsoft Developer Network [41] [42] [43] [44] и на конференции Microsoft Build 2012 года для обозначения языка дизайна. [1] [45]

В соответствующем изменении Microsoft отказалась от использования фразы « приложения в стиле Metro » для обозначения мобильных приложений, распространяемых через Магазин Windows . [40]

Смотрите также

Рекомендации

  1. ^ abc Фоли, Мэри Джо (29 октября 2012 г.). «Язык дизайна Microsoft: новейший официальный способ обозначения« Metro »». ЗДНет . CBS Интерактив .
  2. ↑ Грин, Джей (8 февраля 2012 г.). «Почему Metro теперь правит Microsoft». CNET . CBS Интерактив .
  3. ↑ Мэсси, Стефан (15 февраля 2012 г.). «Принципы проектирования пользовательского интерфейса Metro [так в оригинале]». Stephanemassey.com . Самостоятельно опубликовано . Архивировано из оригинала 2 августа 2018 года . Проверено 17 февраля 2012 г.
  4. ↑ Аб Чанг, Александра (8 августа 2012 г.). «Microsoft не нужно имя для пользовательского интерфейса». Проводной . Конде Наст .
  5. ↑ Крузениски, Майк (11 апреля 2011 г.). «Как полиграфический дизайн — это будущее взаимодействия». Крузениски.com . Самостоятельно опубликовано . Архивировано из оригинала 14 марта 2012 года . Проверено 27 августа 2011 г.
  6. ↑ Лу, Ци (1 октября 2012 г.). «Ци Лу: Основной доклад конференции IAB MIXX». Центр новостей . Майкрософт.
  7. ^ Аб Сэмс, Брэд (21 апреля 2015 г.). «От Metro до Microsoft Design Language 2: параллельное сравнение». Неовин .
  8. ↑ Аб Рубино, Дэниел (21 апреля 2015 г.). «Что нового в Microsoft Design Language 2 для Windows 10». Центр Windows . Мобильные нации.
  9. ↑ Лефеверс, Джейсон (15 сентября 2013 г.). «Прохождение истории пользовательского интерфейса Metro». Windows Phone Метро . Самостоятельно опубликовано . Архивировано из оригинала 22 мая 2013 года . Проверено 15 сентября 2013 г.
  10. ^ "Воспоминания Суперсайта: Нептун" . 6 августа 2013 г.
  11. ^ «Система дизайна Windows Phone: под кодовым названием «Метро»» . Архивировано из оригинала (PDF) 27 ноября 2014 года . Проверено 9 октября 2010 г.
  12. ^ «Иногда Microsoft разрабатывает великие вещи. Вот почему это никогда не имеет значения» . 25 января 2014 г.
  13. ^ «Язык дизайна Windows Phone 7» . .ящик для инструментов . Майкрософт . Архивировано из оригинала 9 октября 2012 года . Проверено 5 октября 2012 г.
  14. ↑ Гамбургер, Эллис (27 апреля 2011 г.). "Метро". Бизнес-инсайдер . Архивировано из оригинала 23 апреля 2013 года.
  15. ↑ Чжэн, Лонг (14 ноября 2007 г.). «Zegoe, новый шрифт Zune». я что-то начал . Самостоятельно опубликовано .
  16. ^ «Создание другого типа пользовательского интерфейса» .
  17. ^ Робертс, Чад; Шум, Альберт; Смуга, Майкл (15 марта 2010 г.). «Пользовательский интерфейс Windows Phone и язык дизайна». МИКС 2010 . Майкрософт .
  18. ↑ Крузениски, Майк (17 февраля 2011 г.). «От транспорта к пикселям». Блог разработчиков Windows Phone . Майкрософт . Архивировано из оригинала 18 февраля 2011 года.
  19. ↑ Топольский, Джошуа (17 сентября 2009 г.). «Обзор Zune HD». Engadget . АОЛ .
  20. ^ "Обзор Zune HD 64 ГБ" . CNET . CBS Интерактив . 17 сентября 2009 г.
  21. ↑ Уоррен, Том (18 сентября 2011 г.). «Windows Phone выигрывает IDEA 2011 — приз зрительских симпатий в области дизайна». WinRumors . Архивировано из оригинала 3 марта 2012 года.
  22. ^ "IDEA 2011 Лучшее на выставке" . Общество промышленных дизайнеров Америки . idsa.org. 23 сентября 2011 г. Архивировано из оригинала 25 февраля 2014 г.
  23. ^ «Windows Phone 7». Общество промышленных дизайнеров Америки . idsa.org. 8 июня 2011 года. Архивировано из оригинала 15 мая 2013 года . Проверено 20 сентября 2011 г.
  24. ^ «Создание другого типа пользовательского интерфейса» .
  25. ↑ Хатчинсон, Ли (12 июля 2014 г.). «Тенденции в разработке программного обеспечения, которые мы любим ненавидеть». Арс Техника . Конде Наст .
  26. ↑ Брайт, Питер (25 апреля 2012 г.). «Windows 8 на рабочем столе — неуклюжий гибрид». Арс Техника . Конде Наст Диджитал . стр. 1–5.
  27. ↑ Леонхард, Вуди (15 августа 2012 г.). «Обзор Windows 8: да, все настолько плохо». Инфомир . ИДГ .
  28. ↑ Барни, Дуг (17 августа 2012 г.). «С Windows 8 покончено, пора беспокоиться». Журнал Редмонд . 1105 СМИ.
  29. ↑ Уоррен, Том (2 августа 2013 г.). «Эксклюзив: брендинг Microsoft Metro будет заменен «на этой неделе» согласно внутренней памятке» . Грань . Вокс Медиа .
  30. ↑ Брайт, Питер (3 августа 2012 г.). «Microsoft: отказ от Metro и появление пользовательского интерфейса в стиле Windows 8 на фоне слухов о споре о товарных знаках». Арс Техника . Конде Наст .
  31. ↑ Смит, Крис (3 августа 2012 г.). «Microsoft отказывается от названия Metro для Windows 8 из-за опасений по поводу товарного знака» . ТехРадар . Проверено 24 сентября 2013 г.
  32. ↑ Уитни, Лэнс (10 августа 2012 г.). «Почему Microsoft удалила название Metro?». CNET . CBS Интерактив .
  33. ↑ Фингас, Джон (2 августа 2012 г.). «Microsoft преуменьшает значение названия дизайна Metro и может столкнуться с судебным иском из-за всего этого уличного жаргона». Engadget . АОЛ .
  34. ↑ Патрицио, Энди (6 августа 2012 г.). «Источник подтверждает, что Microsoft отказалась от Metro из-за ошибки в товарном знаке». Сетевой мир . ИДГ .
  35. ↑ Вингфилд, Ник (3 августа 2012 г.). «Microsoft отказывается от названия Metro ради нового продукта» . Блог Битс . Компания «Нью-Йорк Таймс» .
  36. ^ «Microsoft откажется от названия Metro для Windows» . Новости BBC онлайн . Би-би-си . 3 августа 2012 г.
  37. ↑ Фоли, Мэри Джо (2 августа 2012 г.). «Слово «Метро» теперь запрещено в Microsoft?». ЗДНет . CBS Интерактив .
  38. ↑ Хамфрис, Мэтью (3 августа 2012 г.). «Microsoft прекращает использование названия Metro». Geek.com . Архивировано из оригинала 16 июня 2015 года . Проверено 13 июня 2015 г.
  39. ↑ Кейзер, Грегг (10 августа 2012 г.). «Microsoft заменяет «Metro» ярлыками «Windows 8» и «Modern»». Компьютерный мир . Проверено 30 января 2020 г.
  40. ^ ab «Microsoft наконец-то прояснила планы именования после выхода Metro» . ЗДНет . CBS Интерактив . 12 сентября 2012 г.
  41. ^ «Создавайте отличные приложения для Магазина Windows» . MSDN . Майкрософт . Проверено 5 августа 2017 г.
  42. ^ «Пример дизайна: приложение из iPad в Магазин Windows» . MSDN . Майкрософт . Проверено 28 мая 2013 г.
  43. ^ «Руководство по типографике». MSDN . Майкрософт . Проверено 28 мая 2013 г.
  44. ^ «Дорожная карта для приложений Магазина Windows, использующих DirectX и C++». MSDN . Майкрософт . Проверено 28 мая 2013 г.
  45. ↑ Чумы, Уилл (16 ноября 2012 г.). «Язык дизайна Microsoft». Канал 9 . Майкрософт .

Внешние ссылки