Мини-практика: рисуем первый эскиз от руки

Саммари

Вот мы и добрались до самого интересного — первой практики своими руками. Причём буквально: никакой Figma, только лист бумаги, карандаш (ручка, маркер, крошки от булочки — сойдёт всё) и немного фантазии. В этом уроке ты сделаешь свой первый эскиз интерфейса. Без страха, без ожиданий — просто в удовольствие.

Почему бумага — это мощно?

Потому что бумага не тормозит. Не требует регистрации. Не отвлекает на выбор шрифта и тени. Она даёт тебе простоту и свободу.

Даже самые опытные UX/UI-дизайнеры начинают с набросков от руки. Потому что это помогает не застрять на деталях, а сосредоточиться на идее. Что на экране? Где кнопка? Как пользователь будет двигаться? А уже потом — цвета, пиксели, шлифовка.

Так что не думай, что «рисовать от руки — несерьёзно». Самые серьёзные проекты начинались с салфеток. Или — с уголка блокнота, где вместо хлеба родился лендинг.

Что будем рисовать?

Представим, что тебе дали задачу: сделать простой сайт для пиццерии.

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

Что там может быть?

• Логотип и название
• Кнопка «Меню» или «Сделать заказ»
• Фото пиццы (вкусной, конечно)
• Призыв: «Горячая пицца за 15 минут»
• Кнопка «Позвонить»

А может, ты предложишь что-то по-своему? Отлично! Это твой экран. Ты теперь здесь босс.

Как рисовать?

1. Возьми лист бумаги и что-нибудь пишущее.
2. Отметь прямоугольник — это твой экран.
3. Прямоугольниками покажи блоки: где будет логотип, где текст, где кнопка.
4. Добавь подписи. Не рисуй идеально — просто обозначь.
5. Хочешь — добавь стрелочки, пометки, эмоции. Это твой скетч, не галерея современного искусства.

Если выйдет криво — это отлично. Значит, ты настоящий дизайнер. Прямые линии оставим на следующий шаг. Сейчас — процесс, идея, структура.

А как понять, получилось ли?

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

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

Задание после урока

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

Бонус по желанию: нарисуй также и мобильную версию.