Мокап (mockup)

Одобренно экспертом
Тимофей Белоглазов
Эксперт статьи
Тимофей Белоглазов
СEO агентства Dviga
Автор статьи
Анастасия Кулакова

Мокап (mock-up) — модель реального объекта, на которую можно наложить любой дизайн. Например, трехмерное изображение футболки, куда можно добавить свой принт.

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

Чаще всего мокапы используют для:

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

Дизайн чехла на мокапе телефона

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

Зачем используют мокапы

Основная цель mock-up — показать, как будет выглядеть дизайн на реальном носителе. Носитель — это предмет, на который планируют нанести изображение. Например, листовка или сумка-шоппер.
Как сделать мокап: для новичков и продвинутых дизайнеров
Визуализация помогает решить две основные задачи: проверить идеи и объяснить их другим людям. В первом случае дизайнер протестирует, удачно ли смотрятся его решения на разных объектах и в разном окружении. Во втором — коллеги, клиенты или партнеры смогут увидеть наглядно, каким будет результат. Например, питч нового приложения пройдет эффективнее, если потенциальные инвесторы смогут сразу просмотреть прототип на мокапе телефона — так продукт сразу станет понятнее и реальнее, а значит его будет проще представить и оценить.

формат носителя

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

Мокап это по сути более доступная цифровая версия физического прототипа. Бывает, что можно обойтись и готовым решением (например достаточно легко можно найти мокапы стандартизированных носителей вроде визитки или баннера 3*6), бывает, что требуется делать 3D-модель будущего объекта и показывать какие-то решения на нем, а бывает, что надо сделать физический прототип, например, прототип ресторанного меню эффективнее напечатать в реальный размер и попробовать его полистать.

Тимофей Белоглазов

Тимофей Белоглазов

СEO агентства Dviga

Какими бывают мокапы

Мокапы имитируют реальные объекты, на которые в будущем будет помещен дизайн. Этими объектами чаще всего становятся:

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

Скриншот маркетплейса Ozon

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

Конструкции для наружной рекламы. Мокапы билбордов, световых панелей, вывесок и других носителей помогают проверить, как креатив будет смотреться в окружении домов, машин и проходящих мимо людей.

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

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

Тимофей Белоглазов

Тимофей Белоглазов

СEO агентства Dviga
мокап ситилайта

Например, такой бесплатный mock-up достаточно универсальный, чтобы проверить креатив, который будет расположен на ситилайте любой городской автобусной остановки. Источник

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

мокап нескольких бумажных носителей разных размеров

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

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

бейджи для гостей и элементы оформления пространства

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

 

Для любого продукта можно сделать mock-up. Например, компания производит холодильники с уникальными иллюстрациями на дверцах. Это дорогостоящий товар, который делают только на заказ. Чтобы показать клиентам, как будет выглядеть итоговый результат, достаточно сфотографировать всего один такой холодильник. Дизайнер сможет наложить на него любое изображение.

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

Мокапы приложений

Мокапы приложений часто показывают посетителям на сайтах. Это позволяет не просто призывать к скачиванию сервиса, а наглядно продемонстрировать его возможности. Источник

Главное

  • Это модель реального объекта, на которую можно наложить любой дизайн. Например, трехмерное изображение футболки, куда можно добавить свой принт.
  • Основная цель mock-up — показать, как будет выглядеть дизайн на реальном носителе.
  • Использование мокапов помогает решить две основные задачи: проверить идеи и объяснить их другим людям. 
  • Чаще всего используют мокапы девайсов, однотипных товаров, печатной и сувенирной продукции, а также конструкций для наружной рекламы.

Вы нашли ответ?

2
1