Ну что ж. Напомню, что сегодня начинается серия из 23 коротких заметок, которые должны в общих чертах обозначить темы всех разделов↑ дизайнерского родмапа (или карты компетенций дизайнера).

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

Начнём 🙂

1. Композиция

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

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

1.1. Академическая композиция. Это то, чему учат на занятиях по рисунку и, собственно, композиции. Формат, пространство, контраст, равновесие, напряжение, ритм, акцент, доминанта, всякие такие слова.

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

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

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

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

Один из главных паттернов композиции — модульная сетка. Но модульность — это не только композиционный паттерн, но и мощный инструмент проектирования. (Главный в 20-м веке по факту.) Поэтому у него свой раздел.

↓ Пишите всё, что думаете, это поможет.

2. Цвет

Область знания, незаметно пронизывающая всю дизайнерскую деятельность.

Ребёнок узнаёт цвета через их названия — машина красная, крокодильчик зелёный. Человечество тоже осознавало цвета по мере формирования языка (ну вы в курсе, если нет, дайте знать). Должен ли дизайнер повторять этот путь? Сейчас ему в общем-то предъявляют цветовой круг (не вполне научную вещь), а если он из художки, то и вовсе набор баночек (это тёплые, это светлые) — и всё, используй.

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

А ещё важно понимать, как хранится цвет внутри файлов, как преобразуется фотошопом и как всё это связано с глазами, волнами и прочей наукой. Без этого всё всегда оказывается неожиданным: от простейшего «почему на печати оно не такое яркое» до майнд-бендинг вопросика «как сделать тёмную тему не уродской» (уж точно не инверсией, да?).

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

↓ Пишите всё, что думаете, это поможет.

3. Шрифт

Когда я впервые столкнулся со шрифтами (лет 30 назад?), это были просто какие-то слова в списке. Позже — файлы из папки «100500 шрифтов и программ для компьютерной графики» (горжусь, что застал всю эту хрень с палёным софтом на дисках, она составляет часть моей идентичности).

Лишь спустя много лет я узнал, что у каждого шрифта есть автор. Какой-то конкретный человек, или несколько. И что всегда кто-то к кому-то приходит, о чём-то договаривается, или наоборот, автор внезапно осознаёт, что вот такой нужен шрифт, и жить без него не может. Всё это продолжается уже лет триста (500?), и в каком-то смысле совершенно никак не меняется (технологии меняются, а общая сюжетная рамка — нет).

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

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

А темы раздела получаются такие:

3.1. История письменности. Сначала надо понять, как люди вообще пишут, что бывает, как устроено. Ещё до шрифтов.

3.2. Классификации шрифтов. Надо запомнить самые распространённые способы классифицировать шрифты (их много, одного какого-то правильного нет), чтобы расширить вокабуляр и легче ориентироваться.

3.3. Эстетика кириллицы. Отдельной строкой как-то принять кириллицу, разглядеть в ней уникальную эстетику, насмотреться, крч.

4. Типографика

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

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

Темы получаются примерно такие:

4.1. Композиция в типографике. Она отличается от «общей» композиции. У текста не «верх, низ, лево и право», а «начало и конец». Подразумевается линейное, часто построчное движение глаз от начала к концу. Это влияет на ощущение равновесия в тексте — это не равновесие покоя, как у мешка с картошкой, а равновесие движения, как у балансирующего велосипедиста. (Прямая цитата из моей книги, сорян). Важно сразу выкупить эту концепцию, чтобы потом не пытаться избавляться от заглавных букв, свисающих элементов и рваного края, потому что «какое-то оно неуравновешенное». (Об этом мало говорят, кажется, нет какого-то одного источника — мейби нужно будет его создать, собрать в одном месте цитаты и примеры отовсюду.)

4.2. Основы вёрстки. Это о том, как подчинить вёрстку задачам коммуникации, как найти идеальное соответствие «содержания» и «формы» (здесь мы поиграем, как будто это не одно и то же)

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

4.4. Леттеринг. Обязательно надо попробовать порисовать буквы, увлечься этим на несколько лет. Может, научитесь и получите дополнительную степень свободы, сможете создавать декоративные надписи любого характера или смело подправлять буквы в своих логотипах. Может, не научитесь, но сможете ценить и заказывать услуги тех, кто научился. Без погружения в микромир мало что прикольного можно сделать, нужно освоиться в этом микромире.

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

5. Информационный дизайн

Вообще-то любой дизайн — информационный. Быть информационным дизайнером — значит всегда использовать специальную «оптику», мыслить в определённой парадигме: есть источник информации, есть получатель, а дизайн — это лишь «интерфейс доступа» (неважно, на бумаге или на экране, интерактивный или статический). И, как следствие, предъявлять к этому интерфейсу требования — чтобы он был эффективным, минимально достаточным, и (в большинстве случаев) понятным без подсказок. А уже из этих требований следует всё остальное.

Темы в родмапе выходят примерно такие:

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

5.2. Вёрстка таблиц. Кажется, что таблица это ну просто такой формат представления данных, один из. А я думаю, что таблицы — это окно в мир информационного дизайна. Если вы новичок, прежде чем погружаться в дизайн интерфейсов, я бы рекомендовал научиться верстать таблицы. Потому что с одной стороны это делается «на бумаге», в любых привычных инструментах, хоть в Фигме, хоть в Гугл-доке; а с другой — требует совершенно нового мышления, «как обеспечить максимально эффективный доступ к информации».

5.3. Инфографика и 5.4. Визуализация данных. Это одно и то же, но в образовательных целях есть смысл поделить на «попроще» (что-то из 10-100 чисел) и «посложнее» (что-то из 1000-1000000). Потому что отличается и инструментарий, и уровень требуемых компетенций. Инфографика нужна сильно реже, чем хотелось бы энтузиастам. Но в те моменты, когда она нужна — её эффективность ни с чем не может сравниться, она буквально творит волшебство, делает невидимое видимым. Это сложный жанр, на много много тысяч часов.

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

Что думаете? ↓ Пишите всё, что думаете.

На этой неделе мы прошлись по 5 разделам из 23:
1. Композиция
2. Цвет
3. Шрифт
4. Типографика
5. Информационный дизайн

Про нас написали:
• Константин Константинопольский
• Рост Саши Мальцева
• ева делает

(И наверняка кто-то ещё!) Если вы про нас написали, а мы не заметили — дайте знать, включим в следующий пост.

Завтра поедем дальше.

6. Человек

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

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

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

Темы в этом разделе видятся такие:

6.1. Психология. Чтобы разбираться, как устроена наша эмоциональная жизнь (то есть просто жизнь), как мы принимаем решения (если можно так назвать), что любим, чего боимся, и всё такое.

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

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

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

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

7. Взаимоотношения с клиентами

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

Раздел мог бы состоять вот из каких тем:

7.1. Обработка запросов. Откуда вообще берётся спрос на дизайн, где взять входящие запросы. Как отвечать, как понимать, за что браться, за что нет. Какие вопросы задать потенциальному клиенту, как проверить культурную и организационную совместимость.

7.2. Оценка. Как оценить стоимость работы. Какие вообще бывают способы брать деньги (почасовка, недельный или месячный фикс, прайс-лист и ежемесячная оплата, поэтапная оплата — какие особенности, как балансируются риски в каждом случае, чего бояться, чего не бояться). Как оценить сроки работы, что обещать, чего не обещать.

7.3. Фиксация договорённостей. Что писать — ТЗ, понимание задачи, спецификацию проекта, коммерческое предложение? Где писать — в чате, на миро-доске, на красивом фирменном бланке? Кто пишет — дизайнер, заказчик? А договор — модный короткий, скучный длинный, с условиями проекта, рамочный? Как его сделать?

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

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

А пока курса нет, могу предложить пару ссылок.

1. Глава «Трудный клиент» из моей книги «Сложный дизайнер». Эта глава доступна бесплатно, а вообще в книге примерно половина о чём-то таком (есть главы про коммуникацию, про деньги и про дедлайны).

2. Статья для Скилбокса. Вообще забыл про неё, а недавно гуглил себя (всё ещё никак не получается затмить дизайнера одежды Александра Арутюнова), и нашёл её, и перечитал. Она неплохая.

8. Менеджмент

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

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

А «базовые» темы — это вот такие:

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

8.2. Планирование. В чём ценность планирования, каким оно бывает, какие задачи решает и не решает. Как распланировать проект, спринт, неделю, день, и почему именно так. Что делать, когда всё пошло немножечко не по плану (то есть всегда).

8.3. Делегирование. Традиционно делегирование воспринимается как руководительская тема, но мы рекомендуем практиковать делегирование как можно раньше! Потому что это а) довольно сложно, требует времени б) офигеть как отрезвляет, в личностный рост +1000 сразу в) вообще главный лайфхак на свете. Учиться делегировать задачи — лучшая инвестиция в себя. Хз, как учиться, но кое-какие подсказки собрать сможем.

9. Риторика и переговоры

(Это раздел раньше назывался «Презентация и переговоры», но риторика — более точный термин, хоть и менее привычный.)

Две, казалось бы, разные области знания — одна о том, как что-то показать, объяснить, другая о том, как чего-то добиться, разрулить конфликт, продать. Но я предлагаю думать, что это одно. Это о том, как говорить и слушать, как мыслить структурно и управлять эмоциями.