Что такое скетчинг: зачем нужен этот скилл и как ему научиться

И почему рисунки на полях — это продуктивно

Что такое скетчинг

Обычный день дизайнера и маркетолога часто проходит где-то между ноутбуком и кружкой пуэра. А мы предлагаем разбавить рабочий стол блокнотом и карандашом или графическим планшетом — для скетчинга. 

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

В материале вместе с экспертом, ведущим арт-директором СберМаркетинга Валерием Исаченковым, разобрали, как превратить скетчинг в рабочий инструмент для дизайнеров и маркетологов, где этому учиться и какие простые упражнения попробовать уже сегодня.

Что такое скетчинг

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

Условно скетчи можно разделить на два вида.

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

Чтобы освоить наброски, достаточно опираться на базовый набор инструментов:

  • Квадрат, круг, треугольник, прямоугольник и человечек-пиктограмма помогают обозначить интерфейсы, объекты и роли пользователя. 
  • Прямые, кривые и стрелки передают направление движения и задают ритм. 
Что такое скетчинг простыми словами
Интерфейс карточки товара на скетче можно собрать из примитивов — и подумать над расположением и весом элементов, негативным пространством. Источник: Sora

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

Какие бывают виды скетчинга
В эскиз заложили фирменные цвета и важные детали концепции — акцент на состав, формат упаковки. Источник: Krea

Для чего осваивать скетчинг в эпоху диджитал

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

Медитативные практики для начинающих
Интуитивный скетчинг помогает снять внутреннее напряжение через образы — эмоции переносятся из головы на бумагу как формы и яркие линии. Источник: Krea

Скетчинг ускоряет любой процесс. Достаточно пары минут, чтобы вручную разложить идею лендинга по трем колонкам. Или нарисовать раскадровку для видео, где каждая сцена в простой рамке. Особенно это заметно в UX/UI — прежде, чем открывать Figma, лучше быстро накидать сетку, блоки и иерархию от руки.

Комментарий эксперта

Через скетч очень удобно приземлять абстрактные мысли. Так сильно проще договориться внутри команды — все смотрят на один и тот же рисунок и обсуждают уже не «ощущения», а конкретику.

С заказчиком сложнее, к скетчу для презентации почти всегда нужна устная или текстовая расшифровка — что именно здесь показано, что важно. Если у дизайнера в голове картинка связана с кучей контекста, то клиент может видеть несколько линий и искренне не понимать, что здесь «очевидно».

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

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

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

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

Как рисование влияет на мозг
Скетчинг от руки быстро активирует все зоны мозга. Источник: Nano Banana Pro

В рабочие будни Валерий иногда устраивает скетч-сессии с коллегами — дизайнеры и сотрудники других отделов СберМаркетинга рисуют натюрморты маркерами и акварелью. 

Линеры для скетчинга
Фото Валерия Исаченкова, автор скетча Екатерина Соколова
Какие маркеры подходят для скетчинга
Фото Валерия Исаченкова

Где учиться скетчингу

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

На курсе «Рисование: ежедневная практика» от Bang Bang Education вы выработаете привычку скетчить каждый день. За 6 занятий преподаватель учит искать простые формы, компоновать объекты, работать с абстракцией и метафорой. Такие занятия помогут победить перфекционизм и начать просто рисовать.

Скетчинг легкие рисунки
Студенты создают простые, но интересные и идейные скетчи. Источник

У этой онлайн-школы также есть бесплатный интенсив «Наброски с Миной Милк» с 13 упражнениями для иллюстратора — ведущая показывает, как нарисовать животных, упаковку товаров, проводит ревью работ и подсказывает, как применять свои навыки.

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

Bang Bang Education. Курс быстрого рисунка разбирает композицию, свет и тень, дает алгоритм рисования. Он поможет поставить руку и научиться передавать объем минимальными средствами. Автор курса работал с коммерческими заказами крупных компаний — «МИФ», «Яндекс», GQ, Esquire.

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

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

Комментарий эксперта

Делать просто — сложно. За уверенной линией обычно стоит много «некрасивых» листов, попыток, поисков, слез.

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

Красивые рисунки маркерами для скетчинга
Дизайнеры СберМаркетинга скетчат акварелью, цветными карандашами, маркерами. Фото Валерия Исаченкова

Что купить для скетчинга

Можно начать скетчить в простом блокноте с плотной бумагой, например 140 г/м² — она выдержит линеры, маркеры и легкую акварель, не коробится и не просвечивает. К нему подойдет любая удобная ручка или тонкий лайнер — того, что не жалко, хватит для привычки рисовать регулярно.

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

Комментарий эксперта

Лучший инструмент для начала — тот, которым вы действительно будете рисовать, а не бережно класть в ящик «на потом». Я сам, наверное, 90% всех записей и зарисовок делаю перьевой ручкой. Физическое сопротивление бумаги, маленькие огрехи, вариации линии — все это сильно обогащает рисунок и ощущения от процесса.

Я абсолютно не против цифровой среды — она мощная и удобная. Но цифра легко избаловывает: бесконечный выбор кистей, цветов, слоев; всегда можно отменить, стереть, переписать. Это классно, но чуть притупляет смелость и умение «договариваться» с уже сделанным — искать решение внутри того, что уже есть, а не откатывать к чистому листу.

Один из моих учителей, Шлюпкин Анатолий Иванович, учил нас делать зарисовки шариковой ручкой, а не графитным карандашом с ластиком. Сразу, без права на откат — и не мучить ни себя, ни бумагу бесконечными исправлениями. В какой-то момент я для себя сформулировал это так: «Жизнь слишком коротка для карандаша со стирашкой».

Развитие творческого воображения и фантазии
Блокнот Валерия ежедневно заполняется набросками со смыслом и уже давно сопровождает его в каждой рабочей задаче. Фото Валерия Исаченкова

Топ-3 быстрых упражнения, чтобы начать скетчить

Предлагаем три небольших упражнения по 5 минут — это хороший способ разогреть и набить руку, а еще «переключить» мышление в визуальный режим. За основу возьмем привычные дизайнеру и маркетологу инструменты — простые фигуры, иконки и макеты в Figma.

10 кругов. Нарисуйте на листе 5-10 одинаковых кругов и засеките таймер на 5 минут. Задача — превратить каждый в предмет. Например, солнце, чашку сверху, колесо, цветок. Упражнение помогает мозгу создавать новые связи. Со временем круги можно заменить треугольниками или овалами.

Примеры софт скилов дизайнера
Фото автора

Пиктограммы. Напишите список из 5 бытовых объектов. Например, ложка, лампа, чайник, стул, смартфон. Затем нарисуйте иконку с каждым из них. Чтобы усложнить задачу, поставьте таймер по 10 секунд на каждую пиктограмму. Такое упражнение тренирует умение видеть предметы как простые геометрические фигуры, что важно в любом виде скетчинга — от макета в UI-дизайне до иллюстрации.

Примеры софт скилов маркетолога
Фото автора

«Обратная» Figma. Откройте любой макет сайта или приложения и попробуйте пересобрать его в виде скетча. У вас на бумаге получится обратное моделирование: крупные блоки, расположение кнопок, ритм по вертикали и пропорции. Это развивает композицию и помогает быстрее переходить к прототипам в реальных задачах.

Развитие софт скилов
Источник: Sora

«Честно» — рассылка о том, что волнует и бесит

Искренние письма о работе и жизни, эксклюзивные кейсы и интервью с экспертами диджитала.

Наш юрист будет ругаться, если вы не примете :(
Нажимая «Подписаться», я принимаю Правила использования и подтверждаю, что ознакомлен с Политикой обработки персональных данных.
Наше комьюнити в ТГ ❤️