Подписка на блог

В Телеграме помимо ссылок на заметки делюсь околодизайнерскими наблюдениями.

В Твиттере помимо ссылок на заметки пишу всякую чушь.

В Тумблере и Же-же есть автоматические трансляции. Если не работает, напишите мне: ilyabirman@ilyabirman.ru.

По РСС и Джейсон-фиду трансляции для автоматических читалок

Книга «Дизайн транспортных схем»

Первые три главы третьей части «Дизайна транспортных схем»

В книге «Дизайн транспортных схем» вышли новые главы третьей части: «Графема», «Текстура» и «Ритм». По изначальному плану в третьей части должно было быть всего три главы, но материала оказалось больше, поэтому там глав будет четыре. Но пока вот первые три вам.

Из рассылки издательства о новых главах:

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

Текстура
На прочность конструкции схемы влияет её плотность, текстура. Стоит позаботиться о том, чтобы линии, текст, реки, улицы и другие элементы были равномерно распределены по схеме. Приёмы избавления от дыр и комков — в главе «Текстура».

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

Доступны несколько демонстрационных разворотов. Вроде таких:

Про недостатки берлинской графемы:

Про то, как решали проблемы с текстурой в Москве:

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

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

Кстати, подписку можно подарить.

См. также:

 Нет комментариев    602   13 дн   книга «Дизайн транспортных схем»

Вторая часть книги «Дизайн транспортных схем»

Вышли главы «Детализация» и «Свобода». Таким образом, целиком вышла вторая часть книги, «Принцип». Я снял видео с рассказом о ней:

Из рассылки издательства о новых главах:

Детализация

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

Свобода

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

Тест по части «Принцип»

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

Некоторые из разворотов второй части. О соответствии линий маршрутам:

139

О цветовом кодировании:

174

О геометрии. Сетка углов:

180

О пределах допустимых искажений, связанных с геометризацией:

188

Об ориентации. Монреаль:

208

Об охвате. Можно показывать не всё:

О свободе. Пример исключения на схеме:

Ну и традиционный тест в конце части:

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

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

Кстати, подписку можно подарить.

См. также:

 Нет комментариев    1836   4 мес   книга «Дизайн транспортных схем»
 Нет комментариев    1317   4 мес   видео   доклады   книга «Дизайн транспортных схем»

Ещё три главы второй части «Дизайна транспортных схем»

В книге «Дизайн транспортных схем» вышли новые главы второй части: «Геометрия», «Ориентация» и «Охват».

Из рассылки издательства о новых главах:

metro-letter-2b.jpg

Геометрия

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

Ориентация

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

Охват

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

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

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

Кстати, подписку можно подарить.

См. также:

 Нет комментариев    1423   5 мес   книга «Дизайн транспортных схем»
 Нет комментариев    873   8 мес   видео   доклады   книга «Дизайн транспортных схем»

Первые две главы второй части «Дизайна транспортных схем»

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

Из рассылки издательства о новых главах:

Глава «Соответствие линий маршрутам» — о том, как на схеме изображать маршруты: все одной линией или каждый своей, отдельной. Отдельные линии обычно лучше считываются, но когда в городе много попутных маршрутов, на схеме получаются шлейфы параллельных линий и глаз теряется. Если оставить одну линию на все маршруты, каждый перекрёсток будет сбивать с толку. Дизайнеру схемы приходится разрешать противоречие: как изобразить маршруты отдельными линиями, но избежать толстых шлейфов? Автор рассказывает о решении и иллюстрирует его на примерах из Стокгольма, Лондона, Нью-Йорка, Москвы, Будапешта и Парижа.

Глава «Цветовое кодирование» — о цветах линий на транспортных схемах. В классической картографии значение линий передаётся их рисунком: благодаря разным толщинам линий и узорам мы отличаем железную дорогу от автомобильной, границу от меридиана. На транспортных схемах линии изображают маршруты, и за линиями обычно закрепляют разные цвета, чтобы их было проще различать и читать. Что влияет на выбор цвета линии? Как используют цвета за пределами схемы? Как подобрать оттенки с учётом проблем дальтоников? В каких случаях разные линии могут иметь общий цвет? Илья Бирман отвечает на эти вопросы и щедро иллюстрирует примерами.

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

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

Кстати, подписку можно подарить.

См. также:

 Нет комментариев    872   8 мес   книга «Дизайн транспортных схем»

Переписка про схему Симсититранса

В Студии Лебедева в 2005 году сделали фирстиль Симсититранса, в том числе нарисовали схему его маршрутов, такую:

Мне схема понадобилась в качестве примера для моей книги «Дизайн транспортных схем». В книге она должна была занять 3/5 ширины разворота. Но картинка на сайте Студии — 500 пк в ширину. По нашим издательским стандартам мне нужно в четыре раза больше. Я вынес мозг половине Студии, чтобы для меня нашли исходник схемы, но исходника найти так и не смогли.

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

Фигачим:

Никита всё время норовит сделать лучше, чем было в оригинале:

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

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

Главной проблемой в этой схеме оказался подбор шрифта. Никто не знает, что за шрифт на ней использован! Одна сотая часть игры со шрифтами:

Выиграть так и не удалось.

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

Тёма отвечает:

Я защищаюсь:

Тёма парирует:

Ну ладно, чё. В общем, загадка так и не была разгадана. В результате разворот в книге выглядит так (при ширине экрана в 1024 пункта):

Если найдёте какое-то несоответствие оригиналу, говорите.

И подписывайтесь на книгу «Дизайн транспортных схем» — самую задротскую книгу в мире!

Переписка опубликована с разрешения участников.

 3 комментария    2412   10 мес   книга «Дизайн транспортных схем»

Первая часть книги «Дизайн транспортных схем»

Предновогодние новости о книге «Дизайн транспортных схем»!

Вышли главы «Схема как символ» и «Поиск решения». Таким образом, целиком вышла первая часть книги. Я снял видео с рассказом о ней:

Из рассылки издательства о новых главах:

metro-letter-1b.jpg

Схема — заметный объект графического дизайна в городе. Сильный графический дизайн работает на бренд транспорта, а через это — и на имидж города. Если схема в каком‑то городе слишком «лондонская», она продолжает работать на Лондон, а не на свой город. В главе «Схема как символ» Илья Бирман показывает важные эстетические детали разных схем и рассказывает о значении культурного поиска в процессе дизайна.

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

Некоторые из новых разворотов. Схема как символ:

79
94

Поиск решения:

103
126

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

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

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

См. также:

 Нет комментариев    690   10 мес   книга «Дизайн транспортных схем»

Первые три главы «Дизайна транспортных схем»

У меня хорошая новость: на этой неделе вышли первые три главы «Дизайна транспортных схем». Те, кто оформили подписку, могут уже читать их. А кто не оформил, может оформить и читать.

За последние века географические знания человека достигли высокой точности. Но карты не просто показывают реальность как есть, а помогают человеку в его задаче. Снимок земли из космоса точен и очень красив, но малопригоден для путешествий. Карта Меркатора изображает Гренландию размером с Африку (надо в пятнадцать раз меньше), но она незаменима для навигации. У Гугля до недавнего времени использовалась проекция Меркатора:

Деревяшки из Гренландии:

С возникновением коммерческого транспорта особое значение приобрела задача помогать пассажирам попадать из пункта А в пункт Б. Карты транспортных сетей стали одним из способов их рекламы. Красота в Монреале:

Старейший метрополитен в мире, лондонский, ещё в 1933 году перешёл с карты на схему, которую создал чертёжник Генри Бек. А это схематичное изображение линии на открытке, за тридцать лет до Бека:

Современная лондонская схема наследует дизайн Бека. Цитата с сайта Транспорта Лондона:

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

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

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

 1 комментарий    1228   2018   книга «Дизайн транспортных схем»
 Нет комментариев    534   2018   видео   книга «Дизайн транспортных схем»
Ранее Ctrl + ↓