20 заметок с тегом

дизайн

Тестирование схем

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

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

Расскажу о пользе тестирования на примере работы над трамвайной схемой.

Цветопробы

Цветопробы помогают определиться с цветом. Разница цвета между экраном и бумагой порой бывает велика. Чётко различимые на экране цвета линий на бумаге сливаются в толстую линию грязного цвета.

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

Благодаря цветопробам нам удалось подобрать цвета в самом сложном пучке так, чтобы они не сливались и были различимы дальтониками.

Изменение цветов самого толстого пучка на трамвайной схеме. Картинка из процесса работы над схемой.


К концу работы у меня накопилась приличная коллекция распечаток.

Коллекция цветопроб. Если присмотреться, то можно заметить различия между схемами

Примерки

Примерки помогают определиться с форматом, покажут как схема будет смотреться в вагоне. Так же примерка разобьёт несколько гипотез и подтолкнёт к правильным решениям.

Сначала мы с Ильёй хотели сделать схему формата А3 и размещать на передней стенке вагона. На примерке выяснилось, что место для схемы ограничено глухим окном трамвая КТМ 71-605А. Ширина окна была 40 см, меньше стороны формата А3 на целый сантиметр.

Место для схемы в трамвае КТМ 71-605А. При примерке лист пришлось подрезать.


В другом трамвае места для схемы больше.


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

Этот вывод подтолкнул нас с Ильёй к мысли, что схему можно наклеить на окно. А чтобы не загораживать пассажирам вид из окна, схему решили напечатать на прозрачной подложке. Тут хочется добавить, что помимо размещения на окне возможно ещё одно решение — делать разные форматы схем для разных вагонов. Но мы решили использовать окно.

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

Подложили белую подложку — сразу стало лучше.

Примерки помогли нам определиться с форматом и техникой печати схемы.

Тестирование

Тестирование дизайна в боевых условиях пользователями помогает выявить слабые места, ошибки и позволяет сэкономить деньги.

Наклеив схему на белой непрозрачной основе на окно, трамвай № 1273 выпустили в город. За четыре часа наблюдений выяснилось:
— что схему никто не замечает;
— она загораживает обзор.

Место рядом со схемой не пользовалось популярностью. Люди садились рядом с ней только если остальные места были заняты. Пассажирам интересно смотреть в окно и неприятно сидеть рядом с глухим окном.

За четыре часа только три или четыре человека разглядывали схему. Один из них был мальчик, который увидел схему сразу, как только зашёл в вагон.

Мама показывает мальчику остановку «ЧМК»


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

Тем не менее, размещение схем на окнах возможно. Достаточно уменьшить формат.

Транспортная схема из Бремена. Схема не кричит о себе, и лучше заметна из-за нарушения целостности окна. Фотка Паши Омелёхина


У размещения схемы на окне трамвая в Челябинске есть ещё один недостаток. Зимой окна в трамваях Челябинска полностью замерзают. И на три месяца схема будет скрыта от пассажиров слоем льда. В Бремене климат позволяет заклеивать окна. Благодаря тестированию стало понятно, что когда схема повиснет в трамваях, скорее всего она будет размещена на стенах вагона.

Последовательное тестирование схемы (да и любого дизайна) на всех этапах разработки помогает избежать многих ошибок, которые не очевидны без полевых испытаний.

Появление транспортных схем

История

Карты нужны людям, чтобы ориентироваться на местности. Вполне возможно, что первые карты были словесные. «Иди на закат, поверни направо у поломанного дерева и через четыре дня дойдёшь до озера с вкусной рыбой».

Одни из ранних карт, найденные учёными — карты звёздного неба. Точки, найденные на стенах пещеры Ласко во Франции изображают часть ночного неба. Возможно, эта пещера — доисторический планетариум, где люди впервые зарисовали звёздное небо. Рисунок ниже датирован приблизительно 16 500 г. до нашей эры. На нём изображено созвездие Плеяды.

На рисунке ниже карта созвездия Северная Корона, найденная в испанской пещере Эль-Кастильо. Рисунок создан около 12 000 г. до нашей эры.

Со временем карты усложнялись, становились красивее и подробнее. На следующей картинке современный человек без труда опознает карту. Предположительно это карта поселения. Найдена в турецкой пещере в Чатал-Хююке (современная Турция). Нарисовали около 7000 г. до н. э

Со временем карты становились подробнее. Карта Птолемея, 15-век. Самая подробная карта мира на то время.

Карты развивались не только как рисунки на листах бумаги. Иногда форма карты определялась подручным материалом местности. Например, тактильная карта побережья Гренландии, вырезанная из дерева:

Или карта морских течений, собранная аборигенами Маршалловых островов из палочек:

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



Незадолго до транспортных схем


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

Этот красивый рекламный плакат вполне можно назвать транспортной схемой. Для этого есть всё нужное — транспортная линия и станции.

Или вот ещё красота, Орегонская железная дорога:

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

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

Карта железнодорожной и дорожной сети Лос-Анджелеса, 1933 год. На фрагментах видно, насколько плотно расположены надписи.



Тем временем в Великобритании

Примерно в то же время на другом побережье Атлантического океана в Великобритании произошло переосмысление транспортных схем. Обычно, когда говорят о первой транспортной схеме, вспоминают схему лондонского метро, выпущенную в 1933 году Генри Чарльзом Беком. Для друзей — Гарри.

Но за 4 года до эпохальной схемы Бека, в 1929 году Джордж Доу, служащий Лондонской и Северо-Восточной железной дороги, сделал первое схематичное изображение целой транспортной сети.

Джордж предположил, что география пассажирам не важна. Пассажирам важнее понять, как доехать из точки А в точку Б. И этим выразил весь смысл транспортных схем. Эта схема предшествовала и, возможно, повлияла на работу Бека.

В начале 20 века метро Лондона уже было большим. Первая линия открылась в 1863 году. У современных лондонцев схема начала 20 века вызовет недоумение.

Карта лондонского метро 1906 года. Несмотря на то, что она географически точная, линия в ЛВУ искажена, чтобы освободить место для легенды.


Белая линия, соединяющая пересадки, появилась впервые на карте Лондонского метро в 1909 году.

Схемой 1906 года пользоваться сложно. В центре города между станциями расстояние могло быть 200 метров. В то время как конечные станции могли отдаляться от центра Лондона на 80 км. Станции таких линий давали просто списком на краях схемы. Фактически, тех веток, которые не помещались на схему, в сознании лондонцев попросту не существовало.

В 1926 году Фредерик Стингмор попытался сделать схему более понятной. Он отказался от географии и чуть расширил центр. Схему стало чуть проще читать, но полностью проблему плотности в центре города и длинных перегонов на периферии его схема не решила.

Схема Стингмора начала 1926 года. На поздних версиях своей схемы, он добавил Темзу.

Генри Бек работавший в лондонском метро с 1925 года чертёжником нашёл решение этой проблемы. Вдохновившись внешним видом электрических плат, он сделал схему, в которой линии были горизонтальными, вертикальными либо под углом в 45°.

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


В 1931 году Бек закончил первую схему. Он показал её своим коллегам, включая Стингмора. Они убедили его послать схему в рекламный отдел. Там Беку отказали, сказав что схема выглядит слишком революционной.

Нарисованная от руки схема, которую Генри Бек послал в рекламный отдел в 1931 году. Эта схема была отклонена, но годом позже на её основе напечатали пробный тираж в 500 экземпляров. На этом рисунке видно, что Бек для обозначения станций пока использовал кружки, как на схеме Стингмора.


Расстроенный отказом Генри Бек всё же не бросил схему. Через год он решил попробовать ещё — и в этот раз ему удалось. Бек вспоминал:

«Примерно год спустя [в 1932] я сделал ещё одну схему и решил, без особой надежды, попробовать снова. В этот раз мистер Патмор из рекламного отдела послал за мной после встречи, на которой схема была рассмотрена, и встретил меня словами: „Лучше тебе сесть, я тебя сейчас шокирую. Мы собираемся её напечатать!“. Итак, благодаря моему упрямству, и я уверен, только благодаря ему, родилась Схема Лондонского метро».


Схема Бека, январь 1933 года. Станции на линиях уже отмечены засечками. Это помогает однозначно указать на станцию и размещать подписи с обеих сторон линии для компактности.


В январе 1933 года схему напечатали тиражом 750 000 копий. В феврале выпустили дополнительный тираж в 100 000 копий. Это было достаточное доказательство, что пассажиры метро оценили схему по достоинству.

В 2013 году на доме, где родился Гарри установили памятную табличку: «Гарри Бек, дизайнер схемы лондонского метро родился здесь».

Трамвай А

В 2016 году в Дептрансе Москвы вспомнили, что когда-то на трамвай А был подписан шрифтом Боклин. И Дептранс решил вернуть этот шрифт на аншлаги современных трамваев.

Мне такой выбор показался странным. Хотя бы потому что арт-нуво и общественный транспорт в современной Москве это две разные вселенные. Стало интересно, что было раньше. Гугл показал, что в разные годы шрифт на аншлаге менялся.

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

Сейчас пара «трамвай-шрифт» тоже хорошая. Современный транспорт подписан современным Москоу сансом. Кроме трамвая А.

Сам по себе Боклин прекрасен. Но любой шрифт можно испортить неуместным применением. Буква А эпохи арт-нуво выглядит чужой среди квадратных иконок и геометричного Москоу санса.

На современном трамвае А эпохи арт-нуво выглядит так же странно, как и геометричная А на старом. Будто китайцы не нашли подходящий шрифт, когда делали игрушку.

Боклин среди Москоу санса выглядит так же неуместно, как пластиковые окна в памятнике архитектуры начала 20 века.

Лекция Эркена Кагарова

Пятого июня в «Хитровке» Эркен прочитал лекцию The Very Best Off. Даже скорее не лекцию, а интересно рассказал о своей жизни и работе, сопровождая рассказ цветными слайдами.

Полтора или два часа пролетели незаметно. Сильное впечатление на меня произвела часть, в которой Эркен рассказал о пользе упорной работы.

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

В последнее время я склоняюсь к мысли, что талант не нужен. Человек добьётся успеха если он: б) постоянно занимается тем, что ему а) нравится.

2016   дизайн   лекция   эркен

Ариал

Ариал плохой шрифт — говорили они. Ариал плохой шрифт — повторял я. В разговоре с коллегой Н. упомянул об этом. Н. сказал, что Ариал хороший шрифт. Дизайнеры его хают по привычке, а на вопрос «Что в нём плохого?» ответить не могут.

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

Сел с бумажками и включил режим «доебаться». И плохой шрифт Ариал оказался хорошим шрифтом Ариал. Рассматривая отдельные символы в большом кегле я нашёл только пару недостатков. Н. показал ещё три или четыре. Но Ариал — наборный шрифт, предназначенный для использования максимум 14 кегля. Наборный шрифт оценивают по тексту.

И вот в наборе Ариал выглядит хорошо! Набор равномерный, без дыр, придраться не к чему.

Этот эксперимент напомнил — сомневайся во всём. Не важно, кто говорит, что Ариал плохой шрифт, или что рэп говно. Надо понять это самому. Распечатать шрифт, купить альбом Тимати. И проверить, правду ли говорят.

2016   arial   дизайн   стереотип   шрифт

Как схема стала официальной

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

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

Если схема станет официальной («Ну а вдруг получится? Мало ли» — думал), она должна быть крутой. Ежедневно трамвай перевозит сто тысяч пассажиров. Значительная часть воспользуется схемой. Лажать нельзя. Поэтому написал Илье. Рассказал, что хочу предложить схему «ЧелябГЭТу» и попросил совета, как её улучшить. Илья предложил возглавить проект и помог подготовится к переговорам, если получится попасть в «ЧелябГЭТ». Но какими путями туда зайти я не знал. Будь там знакомые, было бы проще — так мне казалось. Неделю я вспоминал, кто знаком хотя бы с кондуктором. А потом сделал очевидную вещь — позвонил по телефону, опубликованному на официальном сайте «ЧелябГЭТа».

«Здравствуйте! Я Саша, дизайнер. Нарисовал схему трамваев. Может, вам интересно?» — простодушно спросил я. Мне дали телефон начальника отдела рекламы и через пару дней встретился с Виктором Григорьевичем. Виктор заинтересован в развитии трамваев Челябинска и согласился обсудить перспективы с начальством. Через неделю он перезвонил и сказал: «Работаем». Услышать это было волнительно.

За время работы над проектом с Ильёй мы встретили один раз. Все правки и предложения обсуждали по скайпу или через почту.

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

На фотке не начальники. Их было как-то стрёмно фоткать.

Я готовился рассказать о пользе схемы, но это не понадобилось. Руководители единодушно её одобрили.

2015   дизайн   схема   трамвай   челябинск
2015   вёрстка   дизайн   студия

Двойная выгода

«Идите на хуй» — говорит нам Дюжев с плакатов Мегафона:

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

Не верю, что дизайнер или арт-директор не знали этот жест. Воспользовались шансом на пошутить на всю страну.

2015   дизайн   мегафон   реклама

Логотип УГИБДД по Челябинской области

Согласно приказа ГУВД по Челябинской области № 772 л/с от 26.06.2007 г. и приказа № 1355 л/c от 24.09.2012 г. я служил в органах внутренних дел РФ непрерывно пять лет, три месяца и три дня, после чего уволился.

На прощальной вечеринке в сентябре 2012 мне подарили сувенирные часы и книгу, выпущенные к 75-летнему юбилею ГАИ—ГИБДД. Недавно за завтраком рассматривал юбилейные часы и удивился плохой отрисовке логотипа. А ведь помню — было что-то хорошее.

Во время службы я знал, что щит и дорога — это логотип Управления (логотип ГИБДД Магнитогорска описывается так же). Он красовался на флажках, пепельницах, в журналах и книгах. Но в детали не вглядывался, не до того было — Родину спасал. В интернете, книгах и фотографиях я нашёл пять версий знака:

1. Логотип со значка, сделанного для МРЭО. Год не знаю, поэтому поставил первым. Щит похож на амфору:

2. Версия, висевшая на сайте Управления c 2003 года. Уже не амфора, но ещё и не щит:

3. Тот самый логотип с часов. Уже в 2010 году этот логотип висел на крыльце Управления. Утолщающаяся к верху линия щита, странная «и», превращающая Управление ГИБДД в «Управленне ГНБДД». Не знак, а китайская подделка:

4. Редизайн сайта Управления в октябре 2011 года затронул и логотип. Забыли о перспективе — разделительная полоса не сужается, уходя в даль. Но это лучшая версия, из тех что я видел. Отличный щит — сразу похоже на логотип серьёзного заведения:

5. Логотип, появившийся в 2014 году. Острые углы смягчили, изгиб острия щита напоминает сердце, добавляя няшности. Наверное, это символ любви и добра, которое ГИБДД несёт гражданам и водителям.

В 70-е годы прошлого века народные дружины, помогавшие милиции и ГАИ, носили клёвые значки:

Такой не стыдно на грудь повесить. Чего не скажешь о текущем логотипе УГИБДД, вздумай кто сделать из него значок.

Иногда кажется, что на детали логотипа обращают внимание только дизайнеры. Нормальным людям всё равно. Узнаётся и ладно. Но я маму не слушал, стал дизайнером и перерисовал знак:

Знак считывается при пересылке факсом и снятии копии с копии:

Новому логотипу новую машину:

Скачать знак в АИ и ЕПС.

2015   гибдд   дизайн   логотип

Логотипы XX века

Идеи витают в воздухе. Недавно анонсировал логотип Центрального клуба айкидо. И впервые опубликовал процесс работы, описывающий поиск решения. Среди неприятых знаков был такой:

На днях перечитывал «Модульные системы» Мюллера-Брокмана и наткнулся на картинку с заголовком «Логотипы XX века». Там был один знак, на который похож мой — пометил его точкой:

В гугле я не нашёл ответа, что это за знак. Было бы очень интересно почитать про него. Может, кто из вас сталкивался с ним?

2014   дизайн   логотип   процесс
Ctrl + ↓ Ранее