Малювання для дизайнера: чи треба вміти і з чого почати

Крок 1

Визначте, яке малювання потрібне саме вам

«Дизайнер» — надто широке слово, і вимоги до малювання дуже різні:

• •UI/UX дизайн — головне вміння тут скетчинг: накидати екран, сценарій чи схему, щоб обговорити ідею. Художній рисунок не потрібен;
• •графічний дизайн — знадобиться відчуття форми, композиції й кольору; рисунок допомагає, особливо в логотипах та айдентиці;
• •ілюстрація — тут малювання і є основною навичкою, і без регулярної практики рисунка не обійтися.

💡 Якщо ви йдете в інтерфейси, «не вмію малювати» — не причина відкладати старт. Як почати в UI/UX — у гайді Як стати UI/UX дизайнером з нуля.

Крок 2

Вивчіть простий словник скетчу

У Nielsen Norman Group пишуть, що навіть люди з обмеженими навичками малювання можуть навчитися скетчити вайрфрейми, якщо засвоять кілька поширених умовних позначень. Тоді ви думаєте про ідею, а не про те, як її намалювати. Базовий набір:

• •прямокутник — екран, блок, картка чи навігація;
• •прямокутник із хрестиком — зображення чи фото;
• •тонкі горизонтальні лінії — текст; товсті — заголовок;
• •прямокутник із лінією чи стрілкою — кнопка, що кудись веде; для головної дії додайте підпис;
• •квадрат або коло з лінією поруч — чекбокс або радіокнопка з підписом.

💡 NN/g радить обмеження, які не дають зависнути на дрібницях: товстий маркер, таймер і невеликий аркуш. Тонкою ручкою дуже хочеться виводити деталі.

Крок 3

Скетчте варіанти, а не одну ідею

Найкорисніше застосування скетчу для дизайнера — швидко перебрати багато рішень, перш ніж малювати одне начисто. Спробуйте вправу Crazy 8's з методики Design Sprint від Google: складіть аркуш так, щоб вийшло вісім секцій, поставте таймер на вісім хвилин і намалюйте по одній ідеї в кожній секції.

• •перша ідея часто найменш оригінальна; вправа штовхає піти далі;
• •скетчі не мають бути гарними: важливо, щоб було зрозуміло, що за ідея;
• •після таймера оберіть дві-три найсильніші й лише тоді переходьте у Figma.

💡 Візьміть для вправи знайомий екран: вхід у застосунок, кошик чи профіль. Вісім варіантів одного екрана швидко показують, скільки рішень ви пропускали.

Крок 4

Навчіться малювати сценарій

Окремий екран — лише частина історії. Сторіборд показує, як людина взаємодіє з продуктом у реальній ситуації. За NN/g, у будь-якого сторіборду є три складники: конкретний сценарій, візуали й підписи до них. Візуали можуть бути простими: людина з кола й ліній, телефон-прямокутник, скетч екрана й бульбашки з репліками.

• •почніть з одного речення сценарію: хто користувач і що йому треба;
• •розбийте його на кілька кадрів: ситуація, проблема, дія з продуктом, результат;
• •під кожним кадром напишіть одне речення: що відбувається.

Крок 5

Тренуйте руку щодня

Рука тренується так само, як будь-яка навичка: регулярно й невеликими порціями. Виділіть на це трохи часу щодня і чергуйте вправи:

• •рівні лінії, кола й прямокутники від руки — для впевненого штриха;
• •скетч одного екрана улюбленого застосунку з пам'яті, а потім звірка з оригіналом;
• •замальовки предметів навколо — якщо цікавлять ілюстрація чи графіка;
• •одна вправа Crazy 8's на тиждень на нову задачу.

💡 Фотографуйте скетчі й складайте в одну папку: за місяць різницю видно самим. А ще їх можна показати в спільноті й спитати, чи зрозуміла ідея без пояснень.