4 заметки с тегом

схема

Процесс создания схемы Минского метро. Часть 3

Если вы пропустили, вот первая и вторая часть.

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

Май

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

Ответ Ильи:

Ой, как резко стало лучше. Прям сильно лучше и чище. Впервые ощущение что «почти готово» :-) Это обычно 50% по времени выходит. Только речку надо светлее. Цвет у зданий слабый. Может его как-то чёрным сделать, а не белым? Может смотреться эффектно.

Кстати, нам надо придумать куда принцессу из Monument Valley засунуть.

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

Может попробуем такую штуку для веселья? Только точки крупнее. Прямо так, конечно, отстой, но я бы поискал в таком направлении эффект. Хочется не градиент, а что-то более графичное:

Штука для веселья

Насчёт шрифтов:

Шрифт «Дин»
Шрифт «Стем»
Шрифт «Победа»
Шрифт «Формуляр»
Шрифт P22 Underground

В шрифте хотелось как-то отразить Минск. Немного советского союза в современной упаковке. Остановились на шрифте P22 Underground, решили примерить.

Попробовал советы Ильи. Взял цвета линий из Лондонской схемы. Встали вроде круто.

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

Получилась крепкая итерация. Собираю макет и отправляю. Илья отвечает:

Неочевидно, что «Площадь Юбилейная» — конечная станция.

В транслите не надо сокращать Ploshcha. И замените subway на metro.

В подписях линий не хватает слова «линия».

Звезда на «Площади Победы» неприятно касается подписи. Надо чтобы налезало сильнее. И снизу плохо разрывается линия. Возможно, круг надо сделать более прозрачным.

Фиолетовый цвет у вокзала не в тему. Лучше сделать чёрным, но крупнее.

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

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

Подписали сколько идти пешком из центра, добавили автовокзал и аэропорт.

Тут я понял, что мне не нравится как выглядит река. Цвет и форма слабые. Ещё нарисовал арены более детально. Костя был занят зданиями в центре, поэтому арены я набросал быстро сам, чтобы были. Переверстал график работы.

К этому времени Костя нарисовал Башни возле вокзала. Вместо одной из статуй принцесса.

Добавили башни, нарисовали новый остров и всякие мелочи.

Комментарии Ильи:

Было круче, когда точечки выходов были без «опасности».

Линии автобусов невидимые, их надо чернее.

«Площадь Ленина» подвинуть правее-выше, чтобы не мешала башням.

Чижовка-арена... Издалека кажется, что это танк.

Кажется, от деревьев падает тень или что-то такое? Она не такая и не туда падает, как у 3д-зданий. Надо подружить.

Остров хочется как-то подписать. А реку как-то с изгибом, картографически.

Замечания понятны, взяли в работу. По дороге у нас с Ильёй возник спор. Мы не могли найти общее решение о направлении теней у зданий и деревьев. Илья предлагал все тени направить вниз. Мы были за тень сбоку, она придавала объёма. Костя на кубе показал пример.

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

Мы пошли искать примеры и мерить разные тени на своих зданиях.

Получилось убедить Илью, что тень вниз выглядит не очень. Договорились кидать тень вправо.

Собрали очередную версию. Точки выходов стали ярче. Подписали остров, реку и автовокзал. Убили поезда и убрали неровности в подписях.

Тени поправить не успели :-(

Илья: Кругленькие точечки возле выходов были веселее. Давайте уберем иконки у вокзалов. Они не красивые. И место вокруг «Вокзальной» самое грязное. Надо что-то там сделать. Вокзалы же относятся к одному месту, где «Вокзальная».

Я: Они реально так стоят!

Илья: Может, как-то так надо вообще, чтобы сломать таблицу возникшую:

Я: И вокзал не подписывать?

Илья: Уже написано «Вокзальная», что там подписывать? Можно эту иконку вокзала зелёной сделать. А около станции «Уручье», такой же синий самолёт большой. И под ней просто текстом подписать: «автобус 300Э в аэропорт».

Я: Но станция метро «Вокзальная» левее самого вокзала...

Илья: Хм, а может как-то удастся подпись налево вывернуть?

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

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

Новые тени у зданий :-)

Июнь

Илья:

В алфавитном указателе я бы убрал и отступы, и жирность первых букв. И я хочу чтобы использовались «птички» как в моей Московской схеме 2013 года. А для станций в центре можно использовать такие же кружочки, как обозначения выходов. Хотя... жирность может и выживет, попробуй. Ещё переносить лучше так, чтобы было поровну слов в группе. Нет смысла неделимыми оставлять группы на одну букву. Это же служебная штука, ей пользуется один пассажир из 1000. Она должна смотреться как фон.

Ещё подумай куда можно подписи наших имен вставить.

Что с аренами решили?

Арены решили рисовать объёмными, но после первого выпуска схемы.

Илья:

Указатель пока лайк.

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

Бесит уголок возле «Фрунзенской». Там и без плашки нормально всё читается.

У автобусных линий кружочек кажется неоправданным. Можно просто пенёк двойной. В две стороны, как у конечных станций линии метро.

Давайте вернёмся к куску вокруг «Вокзальной». Весь текст про вокзал должен быть под «Вокзальной». Нужна зелёная иконка поезда, как у аэропорта. Очевидно, нужно то место, где зелёная линия гнётся, сдвинуть правее-ниже. Тогда станция из неё будет торчать ближе к тому месту, где вокзал.

Не уверен, что правильно понял, но покажу промежуточное решение.

Есть небольшой нюанс. Сейчас можно попасть на вокзал со станции «Площадь Ленина» не выходя на улицу. А «Вокзальная» находится ниже вокзала и пока не имеет туннеля к нему. И иконка поезда должна быть синяя. Ещё вокзал стоит прямо через дорогу от «Ворот Города». Это всё важно учесть.

Илья:

Я бы всё-таки на вот такую версию посмотрел ещё раз.

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

В этот же момент Илья написал:

Надо убрать её вообще за круг, чтобы не казалось, что она подходит для того, чтобы ехать на вокзал.

Давайте как-то покажем, что зелёная линия строится. Может нарисуем её как-то контурно.

Доработал замечания и собрал очередную версию.

Илья:

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

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

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

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

Илья говорит:

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

Мои подходы к деревьям:

Остановились на последнем варианте. Версия с новыми деревьями и зелёной линией:

Илья:

«20 мин от центра · 20 min from the centre». Вместо «·» нужна иконка человечка.

Ещё не очень понятно откуда идёт автобус №1

Линейное расположение деревьев на ул. Карла Маркса и Богдановича бесит.

«Октябрьская» и «Купаловская». Фигово выровнен транслит, хочется левее его. Проверь ещё остальные.

Давайте время в графике работы по-тафтиански напишем. 5:30am to 1:00am.

А что за штука в центре возле Дворца Республики? Прямоугольник на палке.

Костя:

Это экран на площади. Популярное место встреч, местные поймут.

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

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

Временно убили лифты и туалеты, но решили, что сделаем ещё подход во второй версии. Ещё подтюнили целую гору не очень важных мелочей :-)

Илья:

Есть опасение, что иконка железнодорожного вокзала похожа на пароход. Хотя графически она нормальная.

Деревья стали крутецкими, на мой взгляд.

Звезду у обелиска на «Площади Победы» хочется крупнее чуток.

К этому времени Костя нарисовал собор Святого Духа. Сделали правки и добавили новое здание на схему. Выставил схему в формат A2, сделал мосты для первой версии. Потом Костя нарисует крутые.

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

Закончился июнь. Про работу в июле и августе я расскажу в четвертой части. Кстати, четвертая часть будет завершающей. Там Костя дорисует основные здания в центре. Я расскажу, как мы верстали заголовок. Ещё про важность герба на схеме и не только. Ну и самая горячая тема — транслитерация. Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме или RSS.

Процесс создания схемы метро Минска: часть 1 · часть 2 · часть 3
Первая версия схемы Минского метро.

29 декабря   схема

Процесс создания схемы Минского метро. Часть 2

Если вы пропустили, вот первая часть.

Расскажу про процесс работы в марте и апреле. Многие удивляются, что мы делали такую работу 8 месяцев. Хочу уточнить этот момент. Мы с Костей уделяли схеме метро не более 7...9 часов в неделю. В целом, я потратил чуть больше, чем 200 часов на эту работу. Это не так мощно звучит, как 8 месяцев.

Март

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

Далее деревья. Мы собрали папку файлов с разными картами и схемами. Некоторые из них впечатлили особенно:

Вдохновились и собрали новую версию. Попробовали разные цвета в зданиях и детализиpовали их. Сделали новые деревья и реку. Добавили градиент переходу — стало лучше:) Сгладили спуски линий и тень у центрального острова. За городом станции показали «пеньками». Использовали более родные цвета для города:

Отправляем Илье, получаем ответ:

Парки, деревья, река — кайф.

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

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

В целом форма не кажется красивой, а целое важнее деталей. Это не значит, что детали не важны. Это только значит, что если с деталями всё прекрасно, а в целом получается не очень, то это не катит :-)

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

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

Ответ Ильи:

Нужно как-нибудь сжать или заполнить пустующие кварталы. Центральный круг должен выглядеть более-менее равномерно плотным.

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

Бордер у круга надо убрать, а фон за его пределами сделать темнее.

Я понял, что старый центр города не выживет, нужно перерисовывать всё с нуля. Чтобы плотно распределить вес, нарисовал схему в блокноте.

Стало видно, что улицы нужно рисовать под 45°, нарушая географию. Так смотрится эстетичнее и рисовать стало проще. Самые пустые края центра решили обрезать, чтобы увеличить плотность.

Апрель

В апреле мы пытались подружить Минск с нашим кругом в центре. За основу взяли меньшую часть центра, чтобы она стала плотнее. Все улицы под 45°. Все стало чуть крупнее. Добавил зелёную ветку. В парках начал рисовать холмы и деревья. В центре случайно получился подмигивающий смайл.

Илья пишет:

Надо как-то сжать расстояние между Октябрьской и Площадью Победы. При этом попасть перекрёстком красной и синей линии в центр круга.

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

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

Зелёную линию плохо видно над парком.

Одинаковые расстояния между центральными станциями и пересечение ровно в центре... Надо перерисовывать центр снова. Я собрался с силами, нарисовал и презентовал новый прототип, а затем и макет, Илье:

Заодно я решил попробовать новые обозначения станций в центре и за ним. За центром — обычные пеньки, в центре — более детальные.

Ответ арт-директора:

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

Надо понять, что полезного у нас будет снизу. Режим работы? Цены проезда?

Насчёт обозначений станции в центре. Сейчас их не видно, потерялись. Давай еще поищем...

Верхние станции синей линии возле круга хочется написать справа.

Речку точно можно бледнее, она сейчас спорит с линиями.

Контраст шрифта между центральными и нецентральными станциями надо чуть больше или, наоборот, не делать. Сейчас почти но не совсем.

Давайте уже поправим транслит?!


Про организацию макета расскажу в 4, последней, части.
Процесс создания схемы метро Минска: часть 1 · часть 2 · часть 3
Последняя версия схемы Минского метро.

Ещё скоро появится отдельная заметка от Кости. Он расскажет про процесс создания зданий в центре в подробностях.

Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме.

2017   схема

Процесс создания схемы Минского метро. Часть 1

Часть 2 · Часть 3

Складывается мнение, что каждый дизайнер должен нарисовать версию схемы метро города, в котором живет. А чем я хуже других...

Начало

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

Я подумал, что можно сделать её намного проще и информативнее, выкинув лишнее и правильно расставив акценты.

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

А вот так выглядел ответ Ильи:

Я не смог отказаться от сделки, которую предложил Илья:

Eсли хочешь делать вместе схему, чтобы я вникал во всё и давал развёрнутые комментарии, советовал как общаться с городскими властями или с рекламной фирмой, то я хочу быть арт-директором проекта и выпустить его потом на своём сайте (разумеется, будет написано, что дизайнер — ты).

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

Понимаю, что это жёстко, но если ты согласишься, то я буду готов уделять этому время и силы.

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

Кусок центра Нью-Йорка

Через неделю Илья предложил рисовать город подробно:

Если в городе всего две линии, надо рисовать остальной город тоже.

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

Нужно было равномерно залить всю свободную область, использовать её максимально полезно. Идея мне понравилась. Я нарисовал сначала центральные улицы, парки, выходы из метро, реку, железную дорогу и даже трамвайные пути. Потом добавили здания. Кстати, отдельное спасибо Егору Селютину за линейчатые иллюстрации зданий. Спойлер: потом мы решили их убрать и использовать в другом проекте:) Мы дошли до вот такой версии:

Спустя месяц работы интерес начал чуть падать, что-то не получалось, что-то получалось, но не очень. И тут меня очень взбодрила новость от Ильи. Она появилась... ну вот очень вовремя.

Ко мне тут недавно пришёл ещё один дизайнер, который тоже хочет схему минского метро рисовать на тех же условиях. Я, разумеется, не против, но на всякий случай говорю тебе. Вдруг ты так не захочешь. Я предполагаю, что когда у одного из вас начнёт получаться что-то похожее на правду, я попрошу вас объединить усилия и допилить одну крутую схему.

Скажи, если тебе кажется, что тут что-то не так.

Тут меня перевернуло, идейный заряд пополнился снова. Илья предложил показать мою версию другому дизайнеру. Рассказал, что он сможет мне помочь с изометрией в зданиях. Я был только обеими руками за такой союз! Так я познакомился с клёвым дизайнером Костей Евстратенко.

Деревья на схеме берлинского Тиергартена

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

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

Февраль

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

Костя нарисовал несколько черновиков с разной детализацией, собрали всё в кучу получилось так:

Добавили МКАД, линии и реку за центром. В центре переделали станции, нарисовали заново четыре здания, добавили мост. Подготовил версию на белом фоне и на синем. Выбрали белый, с ним приятнее:

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

— Линии стекают прикольно, но по смыслу вообще не то. Люди будут запинаться! Вокзал нужно подписать крупно и железную дорогу понятную сделать.

— На переходе нужен красивый градиент.

— Единственная круглая линия МКАДА выбивается. Плохо. Самолётик очень маленький.

Цветовые схемы для зданий Илья посоветовал подсмотреть в игре «Монумент валли». Там очень много клёвых зданий.


Процесс создания схемы метро Минска: часть 1 · часть 2 · часть 3
Последняя версия схемы Минского метро.

Чтобы не пропустить новую заметку — подпишитесь на мой канал в Телеграме.

2017   схема

Схема метро Минска

В конце июля у моего города появилась красивая схема метро, которую мы старательно рисовали вечерами 8 месяцев. Задача от арт-директора звучала так: нужно спроектировать такую схему метро, чтобы другие города завидовали.

Центр

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

Линия, которую строят

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

Транслитерация

Сейчас действует исторический гост на транслитерацию, согласно которому буквы ш и ч передаются как š и č. К сожалению, большая часть мира никогда не догадается, как это читать. Вместо гостовского транслита мы используем понятную латиницу.

Легенда

Её нет. Мы всё подписали прямо на схеме.

Указатель

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

Думаю, что схема будет здорово смотреться на платформах центральных станций Минского метро. Арт-директор проекта Илья Бирман. Дизайнеры я и Костя Евстратенко.

Про нас написал:

Рассказываю о процессе создания:

2017   сделал   схема