Метро дизайн: как создается дизайн станций московского метро

Описание и примеры Веб Дизайна / Хабр

Новый интерфейс в стиле Metro является ключевой особенностью мобильной ОС Windows Phone 7. Но не только её одной: уже сейчас ясно, что этот пользовательский интерфейс, будет используется Microsoft во всех продуктах, в том числе и во флагманской Windows 8. Таким образом, интерфейс Metro так или иначе будет существовать в течение длительного времени, и это стоит того, чтобы познакомиться с ним поближе.
В этой статье мы остановимся на интерфейсе: принципы его работы, сетка, структура и основные элементы.

Что такое Метро, для чего он используется, и т.д.

Метро новый «язык дизайна» от Microsoft. Новая концепция нацелена на изменение логики построения и работы операционной системы и приложений, а также схемы взаимодействия между пользователем и электронным устройством.
Основные принципы построения и внешний вид были в значительной степени позаимствованы из информационных систем транспортных узлов. Надписи и графические элементы, в рамках этих систем имеют вполне конкретные требования: очень высокая читаемость и визуальная восприятие информации, отсутствие отвлекающих элементов, чистое и четкое представление о всех внешних элементах.

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

Уже более года, представители Microsoft активно рассказывают о концепции и особенностях нового интерфейса. Судя по тому, что тексты выступлений различных специалистов очень похожи, информация была тщательно подготовлена и проверена отделом PR. С одной стороны, в современном мире, это вполне естественно. С другой стороны, теряя живую связь и эмоциональный контакт с авторами, с дизайнерами. Они видят копию, но не оригинал. Люди пытаются бороться с ней с живыми выступлениями авторов.

Таким образом, Metro стиль. Microsoft называет это «наш новый язык дизайна».

Для стиля Metro, были разработаны собственные принципы, используемой Microsoft для создания собственной операционной системы и приложений. Компания рекомендует разработку приложений сторонних разработчиков, которые используют те же принципы.

Основным принципом системы, является ее фокусировка на контенте пользователя. В конце концов, при работе с электронным устройством, пользователь хочет получить доступ к своим данным судебного разбирательства или решить некоторые из других задач быстро, удобно и минимально отвлекаться на другие вещи. Роль интерфейса быстро и удобно направлять пользователей туда, где он сможет сделать то, что он хочет. Интерфейс теряет свое значение «лица» устройства, превращается в просто указатель на пути к функции, запрошенной пользователем. Следуя этой логике, Microsoft называет это „очистить“ интерфейс: удалить весь фон и декоративные элементы, которые только отвлекают пользователя, оставляя только самые важные вещи.

Это должно облегчить передвижение пользователя по навигации и восприятие информации.

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

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

Для Windows Phone 7, Microsoft разработала специальное семейство шрифтов Segoe.

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

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

В концепции Metro, очень важная роль отводится анимации интерфейса. Он должен „отвлечь и развлечь пользователя“. Красиво анимированный интерфейс с интересными переходами и эффектами сам формирует очень хорошее впечатление от работы с ним. Анимация делает интерфейс яркими. Microsoft настоятельно рекомендует, укреплять это впечатление. Например, активные элементы и кнопки должны реагировать, когда нажаты.

Переход с одного экрана на другой должны осуществляться с анимированным эффектом.

Система предоставляет множество различных, порой очень интересных видов анимации.
Например, в почтовом клиенте, при переходе из папки «Входящие» в папку для конкретного сообщения, имя отправителя и тема сообщения не исчезают с экрана, они, остаются, „летать“ на новом экране. Когда вы нажмете на кнопку „Отправить“, сообщение снижается и летит над верхней границей экрана. Кстати, анимация реализуется встроенной системой средств, то есть прежде, разработчикам пришлось придумать и создать все эффекты вручную, то теперь для этого достаточно указать системе, какой тип анимации вы хотели бы видеть. Это облегчает работу разработчиков.

Анимированные переходы, можно маскировать во время обработки системой команд пользователя. В идеале, хорошая продуманная анимация та, что пользователь не заметит вообще, что приложение „думает“. Благодаря красивой анимациии, он не заметит вообще, что переход от одной страницы к другой занимает некоторое время.

Microsoft советует отказаться от копирования объектов и эффектов реального мира в виртуальном интерфейсе, но вместо этого рекомендует более активно использовать возможности, предоставляемых виртуальным пространством. Таким образом, переход к иконографике и инфографике способствует Metro интерфейсу.
Меню сегодня почти всегда построены на иконках, то есть на статических изображениях, которые позволяют не только найти, но и запустить приложение.
В общем, иконка является своего рода идентификатором приложения, которое является статическим. Таким образом, разработчики намерены создавать наиболее привлекательные иконки для приложений, как правило, кнопки в стиле (3D и т.д.) ведь визуальный компонент имеет важное значение.

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

В этом кратком описании идеологии интерфейса Metro, мы использовали советы Microsoft, опустив все вторичные элементы, и, сосредоточившись на главном.

Запатентованная Концепция Metro UI

18 августа 2011 года USPTO агентство утвердило заявку на патент от Microsoft, которая звучит довольно абстрактно: „Визуальное движение для обратной связи пользовательского интерфейса“. Отрывок из документа, который является абстрактным описанием интерфейса, прямо указывает на особенности MetroUI.

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

Подтверждение патента очень важно для Microsoft. Действительно, в ближайшем будущем, интерфейсы всех основных продуктов этой компании будет в некотором роде на основе этой концепции. Windows Phone, Xbox и Windows 8. Кроме того, она обеспечивает дополнительную защиту от элементов MetroUI, используемых конкурентами. Например, Google уже много раз пыталась скопировать различные элементы MetroUI.

Примеры стиля Metro UI в веб-дизайне

Мы собрали несколько сайтов, имеющих дизайн Metro Style для вашего вдохновения. Для большинства из них, из метро особенностей, можно выделить в сетке плитки, мы видим на сайтах вдохновение в других важных аспектах, таких, как тип, выбор образов и иконографики.

Концепция пользовательского интерфейса Windows

Metro Dashboard

Windows 8 Дневной режим

Windows 8 Ночной режим

Zepppelin

Metro Dribbble

Metro web

Metro Style Form

Experiment with Metro UI

Portfolio

Metrofy

Metro – Personal Portfolio HTML5/CSS3 vCard

MetroStyle

Pressboard – Responsive Social Magazine Theme

Matrix – Responsive WordPress Theme

Windows Phone UK

WinRumors

The Verge

Первоисточник.

Заключение

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

как создается дизайн станций московского метро / Новости города / Сайт Москвы

Транспорт

24 декабря 2019 в 10:00

Фото: Пресс-служба Мэра и Правительства Москвы. Денис Гришкин

Почему метро должно быть красивым, как генерируют идеи для дизайна станций и при чем здесь городские легенды, mos.ru рассказал Сергей Кузнецов.

Строительство метро — одно из приоритетных направлений развития Москвы. С 2011 года в столице открылось 42 станции, а протяженность подземных путей увеличилась на 80 километров. В 2019 году на карте метрополитена появилось еще восемь станций: «Филатов Луг», «Некрасовка», «Ольховая», «Коммунарка», «Косино», «Прокшино», «Лухмановская» и «Улица Дмитриевского».

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

— В чем особенность работы архитекторов над проектами для станций московского метро?

— Архитектура, в отличие от любого другого объекта дизайна, жестко привязана к месту и должна ему соответствовать. Если речь идет о метро, то есть еще и конструктивные моменты, напрямую связанные с вопросами безопасности. Сочетание этих факторов и составляет особенность проектирования станций метро.

А если говорить о специфике объекта вообще, то главное здесь — количество людей, которые бывают в этом месте. Метро — самый посещаемый архитектурный объект города. Это территория, которую пересекает огромное количество зрителей. И об этой специфике объекта архитектор тоже должен помнить.

— Казалось бы, станции метро — это всего лишь транспортные узлы, места, с помощью которых люди добираются из пункта А в пункт Б. Но архитекторы все равно стараются придать этим помещениям эстетику. Зачем?

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

Здесь есть еще один момент: когда станции строятся в районах, где уникальной или исторической архитектуры мало (только типовые жилые дома), мы должны постараться сделать там что-то вроде архитектурного адреса. Это крайне важно. Поэтому мы уделяем этому внимание — дополняем такие районы узнаваемыми объектами.

На сегодняшний день внимание к облику станций метро — общемировой архитектурный тренд. К примеру, даже в Лондоне, где работает старейшее метро в мире, долгое время строили довольно утилитарные станции. Но не так давно наши коллеги там решили, что было бы интересно сделать конкурсы на яркие проекты для некоторых станций. Классные современные станции метро есть также, например, в Испании и скандинавских странах.

Такие места общего пользования, как метро, конечно, должны быть удивительными, яркими, потому что они в каком-то смысле воспитывают в горожанах и вкус, и культуру. Известно, что среда значительно влияет на наше поведение и взгляды. Поэтому метро — это очень важная часть облика города.

— Облик московского метро менялся вместе с тем, как трансформировался подход к градостроительству в целом. А какая идея является определяющей для архитекторов, создающих облик станций, сейчас?

— Наша общая установка — делать интересные и при этом функциональные проекты со своим лицом, индивидуальностью. Архитекторы стараются следовать этим установкам, и мы имеем дело с хорошими результатами. Когда у них не получается, Москомархитектура со своей стороны вносит правки в проекты. За последние годы мы сделали большой шаг в плане качества проектов новых станций. Они любопытные, уникальные, они отражают наше время. Вполне естественно, что их много — темпы строительства метрополитена у нас очень высокие.

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

Если станция хорошо выглядит, обладает своим лицом — это далеко не излишество. Город и архитектурные произведения часто сравнивают с человеком — и неспроста. У города, у мест, которые ежедневно посещают сотни тысяч человек, должно быть собственное лицо — уникальное, узнаваемое. Это же касается и метро.

Для Москвы метро — часть ее культурного достояния. Мы обязаны выдерживать исторический уровень с расчетом на то, что станции, которые возводятся сегодня, в будущем также займут свое достойное место в архитектурно-художественной истории нашего города.

— Что именно помогает наделить станцию индивидуальностью?

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

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

Надеюсь, когда их построят, в любом случае у каждой станции будет своя легенда. Мы создаем почву для развивающейся городской мифологии — для того, о чем любят говорить люди. Она складывается в мегаполисе так или иначе. У каждого нового объекта в будущем появится история, и мне кажется, что важно создать для этого некие предпосылки.

— Ценят ли москвичи то, что создают для них архитекторы? Бережно ли относятся к новым станциям метро?

— Бережно! У нас не отмечено случаев вандализма. Наше метро, к счастью, не подвергается порче, здесь не рисуют граффити, как, например, в метро некоторых американских и европейских городов. Ничего подобного в Москве не отмечается. Да и в общем москвичи внимательно и аккуратно ведут себя по отношению к местам массового использования.

Теги

архитектура Сергей Кузнецов Московский метрополитен станции метро градостроительство

Сферы

Транспорт

Департаменты

Комитет по архитектуре и градостроительству города Москвы

Округ

Восточный, Юго-Восточный, Троицкий и Новомосковский

Район

Косино-Ухтомский, Выхино-Жулебино, Некрасовка, Сосенское

Все новости

Дизайн современной иконы

Дом
Агентства и отделы
МТА Искусство и дизайн
Метро: дизайн для современной иконы

5 Av/53 St (E/M)

MTA Arts & Design и Музей современного искусства, Нью-Йорк

«Метро: дизайн для современной иконы» (2019) MTA Arts & Design и Музей современного искусства Современное искусство, Нью-Йорк, 5 Av/53 St. Фото: Патрик Кашин

Выставка «Метро: дизайн для современной иконы» отмечает историческую связь между MTA и Музеем современного искусства, двумя из самых знаковых учреждений Нью-Йорка, а также то, как графический дизайн связывает музей и общественный транспорт. система.

Панели вдоль платформы в центре города на станции 5 Av/53 St представляют собой динамический визуальный дисплей, подчеркивающий характерный графический дизайн, используемый в системе метро. Этот дизайн был создан компанией Unimark International в 1970-х годах под руководством дизайнеров Массимо Виньелли и Боба Ноорда. Дисплей включает цитаты, иллюстрированную хронологию и страницы из «Руководства по графическим стандартам Управления городского транспорта Нью-Йорка», которое объединило систему и до сих пор используется с международно-признанными вывесками. Также на видном месте представлены детали знаменитого 19-го72 карты метро с различными пересечениями линий во всех пяти районах, которые подчеркивают красоту как эстетического, так и гражданского дизайна системы метро.

Этот экспонат, разработанный отделом графики Музея современного искусства и кураторами отдела архитектуры и дизайна, иллюстрирует захватывающую историю для райдеров, которые ежедневно перемещаются по системе MTA, и для тех, кто пользуется метро, чтобы добраться до музея.

Фотографии X из Y

«Виниловая работа MTA Arts & Design / The Museum of Modern Art, Нью-Йорк, демонстрирующая графический дизайн, используемый в системе метро, в красочных формах и черных словах».

«Метро: дизайн современной иконы» от MTA Arts & Design / Музей современного искусства, Нью-Йорк, NYCT 5 Av-53 Street Station.

Фото: Патрик Кашин