Советы по дизайну. Философия, психология и трудовые будни дизайнера.
Что
такое Мокап
Мокап
Mock-up (Mockup)
- термин по большей части относящийся к графическому дизайну. Это подготовленная
предметная композиция, которая помогает заказчику, не обладающему ассоциативным
и пространственным мышлением, понять как будет работать заказанный дизайн
на стадии конечного продукта. Это возможность наглядно показать еще разрабатываемый
дизайн, но уже в реальной среде обитания, когда можно посмотреть как будет
выглядеть готовый макет на реальных носителях, в окружении других предметов
или в руках потребителя.
Классическим примером мокапа можно считать разрабатываемый макет визитной
карточки, наложенный на постановочную фотографию, где сразу понятно как
он будет смотреться в стопке визиток, лежащих на офисном столе. Такая подача
дизайна на ранней стадии проектирования помогает дизайнеру максимально правильно
донести идею до заказчика, а заказчику в свою очередь в более короткие сроки
определиться с выбором дизайна и возможными коррективами дизайн-макета со
своей стороны.
Где брать мокапы
Такие предметные композиции - мокапы можно подготовить несколькими способами:
Сделать редактируемый мокап самостоятельно в программе Photoshop.
(В этом случае
дизайнер сам решает каким будет сюжет и может выбрать максимально эффективный
вариант подачи для своей идеи.)
Скачать мокап
онлайн с одного из бесчисленного множества бесплатных фотостоков
для дизайнеров. К примеру с morepsd.ru, где кроме большого количества
мокапов есть также шаблоны для дизайна сайтов, шаблоны для полиграфии,
векторные иконки и интерфейсы приложений. morepsd.ru - правильный ресурс
для вдохновления как начинающих, так и опытных дизайнеров, где представлены
только современные и только стильные дизайнерские решения. (В этом случае
дизайнером экономится куча времени, но могут возникнуть сложности при
поиске подходящего сюжета.)
Виды мокапов
В соответствии с поставленной задачей выбирается и вариант создания мокапа.
Например, если вам нужно показать как будет смотреться страница мобильного
приложения на экране смартфона, вы выбираете:
Статичное не редактируемое постановочное фото с нужными объектами на
которое накладывается масштабированное изображение приложения.
Редактируемый .psd
файл где можно редактировать как всю композицию, так и отдельные предметы.
Это более гибкий и правильный вариант.
Но еще правильнее будет показать мобильное приложение в динамической
среде в момент когда пользователь взаимодействует с ним. Для этой цели
рекомендуется использовать After
Effects для создания эффектного видео с экраном смартфона,
на который потом накладывается или статичное или (что намного лучше)
динамичное изображение продукта.
Думаю понятно, что мокапы - единственно правильный вариант представления
дизайн-макета заказчику. И это не только максимально эффективное визуальное
представление создаваемого продукта, а еще и своеобразный этикет дизайнера
- одно из правил хорошего тона.