План обучения младшего дизайнера в IT-Agency

Дизайнеры в нашем агентстве делятся на три уровня: младший, продвинутый и ведущий. Уровень зависит от знаний, опыта и духа сотрудника. Эти уровни отличаются типом и сложностью задачи, а также ролью дизайнера на проекте.

• Младший дизайнер — исполнитель, который работает с командой через ведущего. Он решает простые задачи и помогает другим дизайнерам.
• Продвинутый — тактик, который работает напрямую с командой и ведущим. Он может сам ставить задачи младшим и предлагать свои решения.
• Ведущий — стратег, который управляет проектами и командой дизайнеров. Он ставит задачи абсолютно всем, принимает ключевые решения и напрямую влияет на развитие услуг агентства.

Успейте купить корпоративный пакет COSSA-2025 со скидкой!

Cossa анонсирует главный рекламный формат на весь 2025 год: сразу 8 различных опций.

Пакет идеально подходит для онлайн-сервисов, стартапов, интернет-компаний и digital-агентств.

Успейте приобрести пакет до повышения цены!

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

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

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

Решение задач и организация работы

Работа в агентстве строится так: условный джедай говорит дизайнеру «Сделай мне сайт» и уходит по своим делам. Теперь это задача дизайнера, и он отвечает за результат. Если сайт получится плохим, это не «джедай плохо объяснил», это дизайнер не разобрался. Чтобы таких ситуаций не возникало, дизайнеру нужно правильно подходить к выполнению задач: принять задачу, спланировать своё время, сделать, согласовать и передать.

Принимать задачу

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

Планировать

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

Делать осознанно

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

Согласовывать

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

Передавать

Дизайнер и разработчик в одной команде — помогите друг другу сделать хорошо.

Рекомендуемые книги и курсы по планированию и организации работы

Курс «Учитесь учиться».
Барбара Оакли. «Думай как математик».
Джейсон Фрайд и Дэвид Хайнемайер Хенссон. «Getting Real».

Интерфейс и представление информации

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

Интерфейс должен быть удобным и очевидным, чтобы у пользователя не возникало вопроса: «И что мне с этим делать?»

Рекомендуемые книги по дизайну и проектированию

Книга Бюро Артёма Горбунова «Пользовательский интерфейс».
Дональд Норман. «Дизайн привычных вещей».
Джеф Раскин. «Новые направления в проектировании компьютерных систем».
Эдвард Тафти. «Представление информации».

Типографика и вёрстка

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

Основы

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

Сверстать блок

Сверстать страницу

Улучшить

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

Рекомендуемые книги по типографике и вёрстке

Книга Бюро Артёма Горбунова «Типографика и вёрстка».
Тим Харровер. «Настольная книга газетного дизайнера».
А. Королькова. «Живая типографика».
Йозеф Мюллер-Брокман. «Модульные системы в графическом дизайне».
Ян Чихольд. «Облик книги».

Интернет-маркетинг

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

Основы

Это те зоны, которые дизайнер должен учитывать при проектировании сайта, баннеров или посадочных страниц. Если, конечно, их цель — конверсии, а не только красота.

Делать баннеры

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

Работать с аналитикой

Аналитика нужна на двух этапах: до и после переделок. До переделок нужно посмотреть, какие результаты даёт нынешний дизайн. После переделок нужно оценить, как результаты изменились. Если в худшую сторону, надо подумать почему и исправить.

Рекомендуемые книги по интернет-маркетингу

А. Петроченков, Е. Новиков. «Идеальный Landing Page».

Текст и редактура

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

Рекомендуемые книги и курсы по работе с текстами

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

Дизайн и право

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

HTML и CSS

Вёрсткой страниц занимается технолог, но дизайнер всё равно должен знать основы HTML и CSS. Это помогает найти общий язык с технологом и предлагать решения, используя редактор кода в браузере. Младший дизайнер в агентстве проходит курс «Структура HTML-документа».

Английский язык

Много хороших книг о дизайне выходят на английском языке, некоторые из них не переведены до сих пор, а некоторые не будут переведены никогда. То же самое касается статей, лекций и подкастов. Знание английского языка открывает дизайнеру доступ к новым знаниям и опыту.

На что подписаться

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

В Фейсбуке, «ВКонтакте» и Твиттере мы рассказываем о новых статьях, открытых вакансиях, предстоящих мероприятиях и новостях агентства.

В Телеграме всё то же самое, но ещё личные заметки нашего ведущего джедая Захара и музыка :–)

В рассылке собираем все новости и материалы агентства, а также полезные ссылки из канала #знания в Слаке.

На рассылку Кирилла Олейниченко, чтобы получать на почту самое интересное о дизайне за неделю, а не тратить часы на самостоятельный поиск. Стоит 108 ₽ в месяц, пример письма.

На канал Кости Горского в Телеграме, чтобы узнать о дизайне продуктов, руководстве дизайнерами и продуктивности. Прошлые публикации.

На советы Бюро, чтобы разбираться в типографике, вёрстке, веб-разработке, шрифтах, редактуре и переговорах.

Мнение редакции может не совпадать с мнением автора. Ваши статьи присылайте нам на 42@cossa.ru. А наши требования к ним — вот тут.