Багато дизайнерів-початківців та досвідчених фахівців не чули про таке поняття як "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, закрити та повернутись до початкового файлу.
- Дизайн автоматично вставився на мокап і розмістився потрібним чином (під правильним кутом, правильно вигнувся і тд).
Варто знати також і про правильне використання мокапів, адже предмет, зображений на мокапі, має максимально відповідати виду його діяльності та носію дизайну, який він буде використовувати (для кондитерської фірми - найкраще на фартусі, для книжкового магазину - на пакетах, в які будуть пакувати товар покупцям). Тобто, якщо розроблений логотип буде використовуватись на фірмовому бланку та календарі, нема сенсу показувати його на банці чи банері.
При виборі мокапа слід звертати увагу також на якість картинки (файли мають мати велику роздільну здатність, бути контрастними), нейтральний фон, не надто яскраві кольори елементів. Загалом зображення повинне бути у ідеалі у колірній гамі дизайну що накладається, або схожим до неї.
Звісно, якщо підходящого мокапа ви не знайшли в Інтернеті, можна створити власний, але це може зайняти до декількох годин, тому потрібно врахувати це в час роботи над проєктом.
Часто для представлення клієнту поліграфічного дизайну, фірмового стилю чи іншої продукції використовуються кілька мокапів, з яких формують презентацію.
