Что такое mockup, как выбрать и пользоваться?

Обновлено 16.03.2023

Лілія Д.

Многие начинающие дизайнеры и опытные специалисты не слышали о таком понятии как "mockup".

Что же означает это новомодное слово? На самом деле, обычно это просто файл psd (формат Photoshop) с изображением предметов, на которые можно наложить собственный вариант дизайна. Также файл может иметь формат Ai (Adobe Illustrator).

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

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

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

Где искать? Есть несколько сайтов, которыми я пользуюсь. Первый из них Freepic, на котором собраны как бесплатные, так и платные мокапы в хорошем качестве.
Еще один сайт - Mockupworld, англоязычный, можно вписать запрос в поисковой строке если нужно что-то конкретное, или найти нужный мокап по категориям. 
PSD Freebies - сайт с огромной коллекцией качественных мокапов.
CSS Author - сайт с множеством мокапов, разделенных по категориям.
Mockup world - каталог качественных мокапов (представлено множество платных вариантов).
Mockups-design - мокап для рекламной продукции (для визиток, флаеров и т.п.).
Mockup download - еще один хороший ресурс с платными и бесплатными шаблонами для дизайн-проектов.

Подобных источников много, если введете запрос в поисковую строку Google - найдете множество таких сайтов.

Краткий гайд, как работать с мокапом:

  • Скачать мокап с сайта и его разархивировать.
  • Найти в папке архива файл psd.
  • Открыть его в Photoshop.
  • Найти среди слоев слой со смарт-объектом, обычно такие слои имеют имена "YOUR DESIGN HERE", "PLACE YOUR DESIGN HERE" и тд. Кликнуть по иконке этого слоя дважды, откроется новый документ, в котором заменяем слои на нужные нам, добавляем логотип или другие элементы.
  • Сохранить файл через File-Save, закрыть и вернуться к исходному файлу.
  • Дизайн автоматически вставился на мокап и разместился нужным образом (под правильным углом, правильно изогнулся и тд).

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

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

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

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

Понравилась статья? Оцените

5

На основе отзывов 1 пользователей

Лілія Д.

Автор и репетитор на BUKI: Лілія Д.

РЕПЕТИТОРСЬКА ШКОЛА, У ЯКІЙ НАВЧАЄМО АНГЛІЙСЬКОЇ. Я Лілія, власниця та викладач англійської.

Другие блоги автора

Ищете репетитора?

На BUKI посылают заявки на сотрудничество с репетитором каждые 4 минуты. Но уже 650 000+ студентов нашли преподаватели. Хотите присоединиться к ним?

Подобрать репетитора

BUKI

Платформа, объединяющая репетиторов и учащихся

Создать профиль репетитора