Ваня Звягин

Делаю дизайн для бизнеса. Работаю ведущим дизайнером в агентстве. Иногда путешествую и фотографирую.

Процесс работы над плакатом Mercedes Benz

На курсе «Типографика и верстка» Игоря Штанга, мы делали разные задания. Одно из них — переверстка плаката на выбор. Там было что-то про очки и про Mercedes. Конечно, я сходу выбрал автомобильную тему. На курсе у нас было всего 50 минут, поэтому ничего вменяемого там не вышло.

Результат за 50 минут

Если честно, то мне левый вариант нравился больше, но преподаватель в него не очень верил. Но я не терял надежды и двигал его, как мог.

После курса я написал письмо Игорю. Предложил доделать макет в свободное время и он согласился. Сходу дал несколько наставлений: Можешь подумать насчет графики: что можно поставить вместо кружков и стрелки? Как связать графику с автомобильной темой плаката?

Тааак... автомобильная тема плаката. Сразу в голову пришли иллюстрации Герда Арнца. Кстати, вместо кружков можно поставить звезду и логотип Mercedes. Звезда — логотип Москвы:)

Арнц в деле

Что-то, кажется, не то... Хотя, идея колес и логотипа мне понравилась. Игорь написал:

  • Давай без рассказов в плакате. Лучше, чтобы картинка оставалась в рамках абстракции. У тебя получается история. Ты нарисовал буквально: «Немецкая машина врывается в Москву». Что написано, то и нарисовано — плохо.
  • Варианты со стрелкой и кружками были хороши. Просто нужно поискать другие формы.

Окей. Я зацепился за логотип и звезду и выдал пару неудачных вариантов.

Логотип Москвы и Логотип Mercedes

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

  • Надо попробовать передать динамику, не рисуя автомобиля. Мерседес на плакате Мерседеса — это самый неинтересный вариант, так каждый может. Или рисуй его условно.
Подборка хороших вариантов от Игоря
  • То есть, задачу можно сформулировать так: какими абстрактными средствами и образами можно показать динамику? Кроме звезд и кружков:) Как можно абстрактно изобразить автомобиль?
  • Нашел несколько плакатов с курса, на которых объекты изображены небуквально:
Баня и камеры. Плакаты с прошедшего курса
  • Подбери образы, а потом подумай, как их можно изобразить.

Звезда... логотип... динамика. У меня появилась идея показать движение звезды Мерседес по кривой. При этом закодировать движение цветом флага Германии. Из истории известно, что три луча мерседеса означают стихии, для которых они делают двигатели: земля, вода, воздух.

Звёзды логотипа Mercedes в движении
  • Вся эта цветная штука не очень дружит с текстом. Я про верхний белый текст и цветную иллюстрацию. Давай вставлять на макет пока что всякие готовые штуки, а не рисовать свои. Так будет быстрее. Например, конфетти с плаката Форда:
Игорь вставил на плакат всякие штуки из других плакатов

Тут я понял, что нужно откатываться до самого первого варианта. Переключаться на вариант со стрелкой. Мне понравился вариант, где много полосок двигаются по окружности. Решил нарисовать что-то похожее...

С полосками по окружности
  • В общем — нормально. Со стрелочкой, правда, мне больше нравился:)
  • Текст внизу скачет. Точки в конце колонок не нужны.
  • Картинка выглядит клипартной. Заголовок где-то посередине. Вертикальный ритм слабый. Ты усилил картинкой линейность, которая была в заголовке. Сейчас похоже на плакат в стиле диско.

Оукеей... Вернулся к стрелке. Поправил текст внизу. Добавил эффект движения буквам и стрелке. Показал сетку Игорю.

Движение стрелки и текста. Сетка
На стене
  • Уменьшай поля по бокам, не двигая элементы. Cтанет лучше. К счастью, мы можем делать, что захотим...
  • Давай, для полной картины, попробуем совместить графику, текст и фотографию. У тебя есть только графика и текст.
  • Например, летит самолетик и отбрасывает тень. Или кусок машины светит фарами на фон. 
Черновые наброски идей

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

Неудачные попытки совместить графику и фото
  • А другие машины не пробовал? Кстати, лучше ее на передний фон поставить. Фотка почти всегда главнее.
  • По стилю, кстати, можно дотянуть до ар-деко. Шрифт примерно похож. Такое швейцарское ар-деко.

Пересмотрел разные плакаты в стиле ар-деко. Там часто использовали шум на фото и лёгкие градиенты. Так сложилось, что в это время в Минск приехал Илья Бирман. На живых советах я ему показал плакат. Он дал несколько советов, сказал как можно показать динамику автомобиля. Вот плакат до и после:

До и после

Показал Игорю результат, плакат утвержден. Я очень доволен финальной версией.


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

Написал конспект по курсу «Типографика и вёрстка» Игоря Штанга.

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

16 октября   плакат

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

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

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

Март

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

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

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

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

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

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

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

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

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

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

Ответ Ильи:

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

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

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

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

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

Апрель

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

Илья пишет:

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

9 октября   схема

Краткий конспект по курсу «Типографика и вёрстка» Игоря Штанга

Расскажу про курс, который проходил 22...24 сентября в Минске. Так сказать, скромный конспект. Тут только сухой остаток. Если что-то не понятно, спросите у меня:)

День 1. Бегство от серого прямоугольника

Как обычно заказчик присылает задание? Обычно, это просто текст. Как к нему подступиться? Сначала, нужно выяснить:

  • Кто будет читать его?
  • Где будет висеть текст?

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

Теперь, пару слов о приёмах, которые помогают убежать от серого текста:

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

Разбить на колонки. Простой приём, но эффективный. Появляется ритм. Читать текст по колонкам легче. Формат колонки может повторять формат листа.

Подать мелкими порциями. Разбить текст на абзацы, дать заголовки.

Активизировать фон. Дать больше воздуха формату.

Превратить в паттерн. Тут сложно подобрать слова, лучше просто показать картинку.

Выйти в третье измерение. Секрет в наслоении разных текстовых блоков.

День 2. Конструкция



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

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


  1. Закрыть границей другого модуля. Можно использовать плашку или линейку. Самое крутое — добавить пространства.
  2. Взять в рамку или поставить на плашку. Можно линейки.
  3. Закрепить углы. Якорные объекты должны быть контрастны. Тут разговор только о формате.
  4. Коснуться каждой из сторон. Неважно, касается обреза или поля.
  5. Собрать все элементы в центре.

Сетка. Модульность — это не сетка. Сетка для выравнивания. Сетка не делит макет по смыслу.


Комбинаторика. Есть семь способов, как расположить много объектов по сетке:

  1. Заполнить модули сетки не до конца.
  2. Покрасить в разные цвета.
  3. Заполнить элементами разных видов.
  4. Объединить модули.
  5. Выйти за пределы модуля.
  6. Добавить новый слой.
  7. Соблюсти баланс порядка и хауса.

Верстка по форме. Существует три вида:

  1. Текст повторяет форму.
  2. Текст ссылается на форму.
  3. Текст создает форму.

День 3. Простая и сложная вёрстка

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

Абзац. Первый абзац приятно смотрится, когда его прибивают к заголовку.

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

Отступы. Минимальный отступ равен его межстрочному интервалу.

Списки бывают:

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

В списках можно использовать цифры, буквы алфавита, отступ слева и «—». Пойнты или точки лучше не использовать.

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


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

7 октября   конспект   прослушал

Плакат Mercedes Benz

На курсе «Типографика и вёрстка» Игоря Штанга нам дали задание: сделать из дореволюционного рекламного объявления Mercedes Benz швейцарский плакат. На решение задачи было дано 50 минут.

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

Три в одном

Приём заключается в объединении текста, фотографии и иллюстрации. При этом фотография придает динамику плакату, шрифт задает стиль, а текст информирует.

Сетка

Я использовал вертикальную из 12 колонок для выравнивания элементов. А для вертикального ритма — горизонтальную сетку.

Стиль

Акцидентный шрифт из линеек, шумы на фото и фоне — элементы, которые напоминают стиль ар-деко. Железная сетка и модули напоминают швейцарский стиль. В итоге получилось что-то новое...

Спасибы

Спасибо Игорю Штангу за курирование работы. Илье Бирману за совет о размытых объектах на фото. Отдельно хочу отметить курс «Типографика и вёрстка» Игоря, очень круто. Если вы дизайнер, технолог, редактор или просто любознательный человек, посетите курс — не пожалеете.


Если интересен процесс перевёрстки, поставьте «+» в комментариях. Если соберётся два плюса, я напишу отдельную заметку с промежуточными вариантами и подробным описанием:)

Написал про процесс работы над плакатом.
Написал конспект по курсу «Типографика и вёрстка» Игоря Штанга.

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

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

3 октября   плакат   сделал

Эмпатия

Эмпатия — это способность понимать, почему люди поступают тем или иным образом. Или другими словами способность поставить себя на место другого.

В жизни

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

В общении

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

Хэй, ребята, я свой! Я такой же, как вы.

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

В дизайне

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

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

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


Какие примеры эмпатии наблюдали вы?
Чтобы не пропустить новую заметку, вы можете подписаться на канал в Телеграме.

21 сентября   дизайн

Как спланировать личный рост

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

Составить «Осьминожку»

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

Как составить? Нужно нарисовать свои умения в виде осьминожки сегодня и через год. Поискал на сайте Бюро, обычно осьминожки выглядят как-то так:

Моя получилась вот такой:

Посмотрев на работы прошлых наборов, у меня возникло несколько вопросов: Почему многие стараются развивать все навыки равномерно? Как понять что я сделал шаг вперед? У всех эти границы очень условны и размыты. И, конечно, в результате хочется видеть список на год, так сказать, «План победы», который в итоге увеличивает ножки моей осьминожки:) Ответы на все эти вопросы я постараюсь раскрыть далее...

Распределить силы

На днях, на канале Константина Горского, я прочитал о его системе самосовершенствования. Там было пару слов про распределение сил. Передам дословно:

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

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

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

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

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

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

Шикарный принцип для глобальных осьминожек. Когда все навыки развиты слабо, разницу нужно снизить. Выравнивать 50 на 50 не стоит, так как скоро в осьминожку попадут навыки не связанные с дизайном. Я выбрал 70 на 30.

Частица данных — книга, лекция или курс. Обязательно с практикой.

Определиться с частицей данных

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

Написать лайфлист или «План победы»

Составив осьминожку, не сложно составить лайфлист. Я его делю на четыре части: прочитать, посмотреть, пойти на курс, сделать. Кстати, такой лайфлист лучше где-то опубликовать. Тогда появляется ответсвенность для его выполнения. Ведь на него смотрят все, не только я.


Как вам система? Как вы планируете свой рост? Напишите в комментарий или в Телеграм. Чтобы не пропустить новую заметку, вы можете подписаться на канал в Телеграме.

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

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

Начало

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Февраль

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

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

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

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

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

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

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

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


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

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

9 августа   схема

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

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

Центр

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

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

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

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

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

Легенда

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

Указатель

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

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

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

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

8 августа   сделал   схема

Мистер, отправьте мне вон того человека по почте!

Наткнулись в Вильнюсе на клёвый почтовый ящик. То ли сработал контраст стены, на которой он находился, то ли то, что они не так часто встречаются в городе М, а может и вовсе он не только нам кажется таким клёвым и весёлым. Короче, фото было сделано:)

Логотип состоит из почтового рожка и здания почты в Вильнюсе. Много лет назад рожок служил для подачи сигналов о прибытии или отправлении пешего или конного почтальона. В итоге он стал международным символом почты. Желтый цвет напоминает миньонов:)

Вот так выглядит почтовый ящик в Минске:

Вот вам пару занимательных фактов о почтовых ящиках и почте в целом:

  1. Первые почтовые ящики появились 400 лет назад во Флоренции. Они служили вовсе не для отправки писем любимым, а для сбора анонимных доносов на ученых и философов, которых подозревали в «связи с дьяволом». Приблизительно в то же время сжигали ведьм.
  2. В Англии до 1952 года разрешалось пересылать по почте людей. До сих пор в этой стране можно переслать корову или лошадь. Неплохо, да?
  3. Самое большое количество писем отправил бывший вице-президент казначейства Японии Вичи Нода. Все они были написаны в его деловых поездках и адресованы его жене. С 1961 по 1985 год он отправил 1307 писем, которые позже были опубликованы в 25 томах.
  4. Около 5 000 000 писем проходят через все почтовые отделения в мире за одну минуту.
  5. В Австрии почтальон носил почтовый ящик с собой на ремне.
  6. Самое старое почтовое отделение в мире расположено в Шотландии, в городе Санкьер. Оно приняло первых посетителей в далеком 1712 году. Тогда же Пётр I перенёс столицу России из Москвы в Петербург.
  7. Почтовые отделения Лондона ежегодно принимают сотни писем Шерлоку Холмсу, отправленных по адресу «Бейкер-стрит, 221b». Интересно, что в реальности такого дома не существует, поэтому вся корреспонденция пересылается в музей великого сыщика, расположенный на той же улице, но в доме 239.
  8. В логотипе FedEx, службы почтовой доставки товаров, есть замаскированная деталь — стрелка между буквами «E» и «X». Дизайнер Л. Лидер, создатель логотипа, сделал эту стрелку, чтобы на уровне подсознания клиенты связывали компанию FedEx с движением и скоростью.
Грузовик и лайнер компании FedEx

Ещё несколько почтовых ящиков из разных стран Европы:

Я думаю, такие детали придают городу особый шарм, уют и делают его более интересным. А как считаете вы?

Здоровье

Школа дизайнеров Бюро опубликовало тестовое задание пару месяцев назад. Я долго откладывал эту задачку... Решил поступать за две недели до дедлайна. Задание звучит так:

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

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

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

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

Кратко о решении

Здоровье — приложение, которое заботиться о вашем самочувствии, делает жизнь безопасной и комфортной. Приложение даёт советы по профилактике и лечению, предупреждает о серьезных заболеваниях. Работает с помощью чипа «Смотритель 2». Устройство меряет пульс, давление, уровень жидкости, холестерина, дофамина и адреналина.

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

Активация

Таблетка с чипом в 23 раз меньше, чем рублёвая монета.

Активировать чип легко — проглотите таблетку и запейте водой. Оболочка раствориться и чип «Смотритель 2» сможет измерять параметры. Устройство живет в организме человека около 2 лет, потом чип полностью растворяется. Конечно же, всё это — моя фантазия. А может и нет:-)

Показатели на одном экране. Умный будильник

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

Лекарства и медкарта

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

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

Вызов скорой помощи

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

Контроль показателей

Контролирует показатели организма за сутки, рекомендует выпить воды, поесть, заняться спортом или поспать.

Ищет ближайший супермаркет или аптеку на карте. Пользователь может рассказать о приложении друзьям и подругам. Чтобы дать рекомендацию, приложение использует уведомления. Для управления — Сири, 3Д-тач и геолокацию.

Страховка

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

Статистика, анализ, настройка

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

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

Спасибы

Спасибо за внимание каждому, кто дочитал заметку до конца. Отдельное Юле Маковозовой за помощь с текстом, а Диме Караневскому за фото:-)

Ctrl + ↓ Ранее