Скетчинг: что это, где применяется и как освоить

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

Чем скетч отличается от рисунка и прототипа

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

Эту границу подробно описал исследователь интерфейсов Билл Бакстон в книге «Sketching User Experiences» (2007). В главе «The Anatomy of Sketching» (отрывок из книги, с. 110–111) он перечисляет свойства скетча: его делают быстро и дёшево, его не жалко выбросить, скетчи редко существуют поодиночке, в них только необходимые детали, и они не должны выглядеть более завершёнными, чем сам проект. Последний пункт важен на практике: увидев на первой встрече аккуратную цветную картинку, заказчик обсуждает оттенок фасадов, хотя ещё не решено, где будет плита.

Когда важны точные размеры, нужен чертёж, а когда клиент хочет увидеть комнату «как на фото» — 3D-визуализация. Скетч хорош там, где решения ещё меняются каждые десять минут.

Четыре рабочие ситуации

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

Продакт-менеджер рисует прямоугольник экрана, блоки вместо текста и стрелки переходов с подписью «сюда приходит пользователь из письма». Такой набросок заменяет абзац технического задания и не выдаёт себя за готовый макет; о дизайне интерфейсов на сайте есть отдельная статья.

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

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

Учебный пример: три варианта прихожей за двадцать минут

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

Почему три, а не один, объясняет эксперимент Университета Торонто. Мануэла Тохиди, Билл Бакстон, Рональд Бекер и Эбигейл Селлен в работе «Getting the Right Design and the Design Right: Testing Many Is Better Than One» (конференция CHI 2006, с. 1243–1252) показали 48 участникам бумажные прототипы пульта управления климатом в доме. Все экраны были нарисованы от руки цветными маркерами на карточках размером 5 × 8 дюймов. Три группы по 12 человек видели по одному варианту, ещё 12 человек — все три. Оценки по десятибалльной шкале оказались выше, когда вариант показывали в одиночку: у «круглого» интерфейса 9,08 против 8,13, у «линейного» 7,92 против 6,89. Число критических замечаний к «линейному» варианту выросло с 1,92 до 5,08 на человека, когда рядом лежали альтернативы. Главное — ни один из 36 участников, видевших единственный вариант, не попросил его переделать, а среди видевших три один из вариантов отклонили трое из двенадцати. Авторы пишут, что дешёвые ручные наброски позволяют держать несколько вариантов в работе дольше. Для скетчинга вывод простой: одна картинка вызывает вежливое «нормально», а три — честный разговор о том, что клиенту не нравится.

С чего начать и в каком порядке осваивать

Порядок выстроен от руки к голове. Сначала рука учится вести прямую без линейки, иначе каждый рисунок превращается в борьбу с дрожащей линией. Затем идут простые тела и перспектива: без них мебель «разъезжается», а экран в наклоне выглядит кривым. Упрощение и тон добавляют позже, потому что они работают только на верно построенной форме. Подписи и работа на время замыкают цикл: они превращают упражнение в рабочий инструмент.

1. Линии: листы прямых, параллелей и эллипсов от плеча, без отрыва и без исправлений.
2. Простые тела: куб, цилиндр и параллелепипед во фронтальной и угловой перспективе.
3. Предметы из тел: стул, шкаф, кружка, телефон, кронштейн.
4. Упрощение: что убрать, чтобы осталась идея, — фактуру, мелкие детали, лишние предметы.
5. Тон маркером: один серый для теней, один цвет для главного материала.
6. Подписи, стрелки, человечек для масштаба и работа с таймером на 5–10 минут.

Для старта хватит линера 0,3–0,5 мм, одного-двух серых маркеров и плотной бумаги А4. Первые две недели полезно рисовать то, что рядом: комнату, рабочий стол, свой телефон. Если скетч нужен для работы с интерьерами, удобно учиться сразу на этом материале. Так, на курсе «Скетчинг для дизайнеров интерьера» Skillbox за месяц и около 20 часов проходят 11 модулей: фронтальную, угловую перспективу и изометрию, мебель и материалы, отражения, лестницы и потолки, свет, тень и цвет. В финале нужно собрать серию интерьерных скетчей; карандаш, линер и маркеры покупают отдельно.

Упражнения, которые дают скорость

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

Для путешественника и для всех, кто хочет тренировать перспективу на улице, подходит городской скетчинг. На курсе «Городской скетчинг» Международной академии креатива около 50 уроков в шести модулях: материалы и композиция, линейная перспектива, угловые здания, цилиндры и купола, настроение городской сцены и перспектива с тремя точками схода. Рисуют балконы, трамваи, улицы и крыши Петербурга. Есть тариф с самостоятельным прохождением и тариф с сопровождением, где работы смотрит преподаватель; срок доступа стоит уточнить до оплаты.

Где ошибаются новички

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

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

Как навык влияет на доход

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

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

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

Как выбрать обучение

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

Если скетч нужен для одежды, ищите программу, где учат строить фигуру и передавать ткань. Например, на курсе «Иллюстрация в сфере моды» Fashion Factory School 13 уроков в записи общим объёмом больше 17 часов за три месяца: построение женской и мужской фигуры, кистей и стоп, портрет, одежда, фактура тканей, принты и аксессуары. За курс набирается больше 11 работ для портфолио. Обратной связи от преподавателя в этом формате нет, а маркеры Sketchmarker или Copic и маркерную бумагу нужно купить заранее.

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

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