обзор самых востребованных
дизайн-профессий в 2024 году

Что такое мокапы и зачем они дизайнеру?

Что такое мокапы и зачем они дизайнеру?
28 ноября, 2023
4 мин

Слово «mockup» дословно переводится, как «макет». Это модель объекта или художественная сцена, на которую можно примерить свой дизайн, чтобы понять, как он будет смотреться на определенном носителе, например, на упаковке, футболке или стакане. Мокапы используют в работе графические дизайнеры, веб-дизайнеры и дизайнеры интерфейсов.

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

Согласование дизайна

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

Презентация

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

Мокапы используются в презентациях продуктов
Презентация iPhone 14. Источник

Кейсы в портфолио

С помощью мокапов можно составлять мудборды, презентации или кейсы для Behance или соцсетей:

Мокапы для презентации айдентики
Мокапы для презентации айдентики. Источник

Где найти мокапы

  • Можно использовать стоки или магазины. Самый известный из них — это Adobe Stock.
  • Также дизайнеры делятся собственными мокапами на Behance и Dribbble. Если они выложены в свободном доступе, то их можно скачивать и использовать. Но лучше предварительно уточнить у автора, разрешено ли коммерческое использование.
  • Есть веб-сервисы, которые позволяют вставлять свой дизайн в шаблоны сразу в браузере — например, Artboard. Для некоммерческого использования существует план «навсегда бесплатно», а с платной подпиской можно использовать шаблоны для коммерческих проектов.
  • Сервис shotsnapp тоже позволяет поместить свой дизайн на экран девайсов прямо в браузере.
  • Для работы с мокапами в Figma есть специальные плагины, например Vectary 3D Elements.
  • Сервис PlaceIT, утверждает, что у него самая большая коллекция мокапов в интернете. 
  • The Mockup Club специализируется на размещении ссылок на бесплатные шаблоны. Они постоянно тестируют и проверяют, что все макеты, на которые они ссылаются, высокого качества, не содержат спама и вирусов и бесплатны для использования.
  • Еще один сервис — Mockuptree, тоже бесплатный и с указанием типа лицензии.
  • morflax studio — библиотека профессиональных 3D-макетов разных устройств.
  • Когда для вау-эффекта необходимо показать клиенту качественную презентацию, иногда стоит купить мокап. Например, на ресурсах Mockup.Maison или layers.

Авторское право

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

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

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

В каком формате скачивать мокапы

Чаще всего дизайнеры работают с мокапами в формате PSD. Если открыть файл в Photoshop, то на панели справа в нем можно увидеть слои, маски и смарт-объекты, которые в итоге складываются в объемную картинку. В такой файл проще вставить свой дизайн и он будет смотреться реалистично.

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

PSD - самый популярный формат для работы с мокапами

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Читайте также

Подпишитесь сейчас на нашу рассылку

Мы присылаем отличные материалы и никогда не спамим. Отписаться можно в любой момент