Web Дизайн. Уроки фотошопа, photoshop. Статьи о дизайне. Как создать сайт. Обучение дизайну. Фото. Гламурные галереи
Веб дизайн


Дизайн Форум


Про дизайн и web дизайн




Главная     Галереи Дизайна (29)




  Статьи о дизайне





  Галереи дизайна

Промышленный дизайн, графический дизайн, гламурные картинки, иконки, аватары.

  Помощь Дизайнеру!

Советы по дизайну. Философия, психология и трудовые будни дизайнера.



  Что такое Мокап




Мокап

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

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

Где брать мокапы

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

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

Мокап

Виды мокапов

В соответствии с поставленной задачей выбирается и вариант создания мокапа.
Например, если вам нужно показать как будет смотреться страница мобильного приложения на экране смартфона, вы выбираете:
  1. Статичное не редактируемое постановочное фото с нужными объектами на которое накладывается масштабированное изображение приложения.

  2. Редактируемый .psd файл где можно редактировать как всю композицию, так и отдельные предметы. Это более гибкий и правильный вариант.

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


С уважением, Михаил К.









  Rambler's Top100  


Web дизайн и создание сайтов       Пользовательское соглашение

Карта сайта      Наверх