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

Кому кайф знакомиться и показывать свои сайты, каналы и соцсеточки — гоу в каменты!

Ну что ж. Напомню, что сегодня начинается серия из 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. Менеджмент

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

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