Mockup

Mockup — це візуальний макет або реалістична модель майбутнього дизайну, яку використовують у графічному дизайні, щоб показати вигляд екрана, паковання, друкованого носія чи брендової продукції ще до фінального запуску. Англійська назва — mockup; у робочих процесах так позначають і сам ескіз-представлення, і готову презентаційну візуалізацію. На відміну від технічного креслення, mockup передає насамперед зовнішній вигляд, пропорції, матеріали та сприйняття макета в реальному середовищі.

Що показує mockup

Такий матеріал допомагає побачити, як дизайн виглядатиме не на білому полотні програми, а в життєвому контексті: на смартфоні, футболці, коробці, вітрині або в рекламному постері. Завдяки цьому легше оцінити читабельність, контраст, розташування логотипа, розмір елементів і загальну гармонію композиції. Mockup не замінює готовий продукт, а лише переконливо його імітує.

Основні складові

основа — фон, предмет або сцена, куди «вбудовують» дизайн;
сам макет — логотип, упаковка, інтерфейс, афіша чи інший візуальний елемент;
перспектива, світло й тіні, що роблять зображення правдоподібним;
іноді — кілька варіантів подання одного дизайну для порівняння.

Де його застосовують

У графічному дизайні mockup використовують для презентації айдентики, брендингу, web- та mobile-інтерфейсів, рекламних матеріалів, книжкових обкладинок, етикеток і паковання. Він корисний під час погодження концепції з клієнтом, підготовки портфоліо, перевірки композиції перед друком і створення маркетингових візуалів. Саме через mockup клієнт швидше розуміє ідею, ніж із сухого файлу у векторному редакторі.

Чим відрізняється від макета і прототипу

У професійній практиці mockup часто плутають із макетом, але сенс не зовсім однаковий. Макет зазвичай означає робочу структуру або верстку, тоді як mockup — це вже презентаційна візуалізація цієї структури в реалістичному оточенні. Прототип, на відміну від mockup, показує ще й поведінку: кліки, переходи, анімацію або взаємодію користувача.

Типові вимоги до якісного mockup

правдоподібна перспектива й масштаб;
акуратне вбудовування дизайну без «розривів» і спотворень;
узгодженість тіней, відблисків і фактур;
читабельність ключових елементів навіть у зменшеному вигляді.

Найкращий mockup не привертає увагу до себе, а переконливо показує сам дизайн. Якщо він зроблений точно, замовник бачить не набір шарів, а майже готовий результат.