78 PSD мокапов в квартире
- Фильтры
- Закрыть
Сортировка:
- Новый
- Популярные
- А-Я
№ 2438
Визитная карточка в рождественских декорациях
Автор Eradzh Shams
18 декабря 2021, 18:54
778Cкачиваний
57.06 Mb
№ 2313
Мокап рамки с постером
Автор Tatiana Teplukhina
06 марта 2021, 11:00
1470Cкачиваний
31.46 Mb
№ 2264
Мокап моноблока
Автор Tatiana Teplukhina
13 февраля 2021, 11:00
953Cкачиваний
40.68 Mb
№ 2261
PSD мокап голубого экрана
Автор Tatiana Teplukhina
13 февраля 2021, 10:15
663Cкачиваний
31.53 Mb
№ 2260
PSD мокап моноблока
Автор Tatiana Teplukhina
13 февраля 2021, 10:00
782Cкачиваний
33.
4 Mb
№ 2256
PSD мокап школьной доски
Автор Tatiana Teplukhina
12 февраля 2021, 10:00
729Cкачиваний
52.64 Mb
№ 2229
Мокап на столе айфон и визитка
Автор Tatiana Teplukhina
28 января 2021, 16:30
1491Cкачиваний
28.31 Mb
№ 2193
PSD мокап большой картины
Автор Tatiana Teplukhina
12 января 2021, 10:45
1575Cкачиваний
38.4 Mb
№ 2192
PSD мокап трех рамок
Автор Tatiana Teplukhina
12 января 2021, 10:00
1378Cкачиваний
50.5 Mb
№ 2191
Мокап постера в детской
Автор Tatiana Teplukhina
11 января 2021, 11:00
1311Cкачиваний
48.24 Mb
№ 2190
PSD мокап двух постеров
Автор Tatiana Teplukhina
11 января 2021, 10:30
1077Cкачиваний
47.57 Mb
№ 2146
Мокап комнаты с постером
Автор Tatiana Teplukhina
06 ноября 2020, 12:00
1213Cкачиваний
26.
81 Mb
№ 2145
PSD мокап постер в детской
Автор Tatiana Teplukhina
05 ноября 2020, 18:48
1912Cкачиваний
36.47 Mb
№ 2106
PSD рабочего стола для портфолио
Автор Eradzh Shams
01 октября 2020, 09:29
1530Cкачиваний
76.59 Mb
№ 2101
Мокап черного постера
Автор Tatiana Teplukhina
28 сентября 2020, 08:00
734Cкачиваний
64.09 Mb
№ 1922
PSD mockup of Smartphone
Автор Tatiana Teplukhina
668Cкачиваний
41.35 Mb
№ 1921
Free mockup of the MacBook
Автор Tatiana Teplukhina
08 августа 2020, 22:00
1010Cкачиваний
53.99 Mb
№ 1886
PSD mockup MacBook
Автор Tatiana Teplukhina
30 июля 2020, 22:00
786Cкачиваний
41.57 Mb
№ 1880
Free psd mockup смартфона в руке
Автор Tatiana Teplukhina
27 июля 2020, 22:45
938Cкачиваний
26.
99 Mb
№ 1878
Free psd mockup смартфона
Автор Tatiana Teplukhina
27 июля 2020, 22:15
841Cкачиваний
49.9 Mb
№ 1762
Free PSD mockup плаката в студии
Автор Tatiana Teplukhina
04 июля 2020, 22:00
1834Cкачиваний
52.7 Mb
№ 1706
Доступный мокап макбука
Автор Tatiana Teplukhina
24 июня 2020, 22:00
686Cкачиваний
90.74 Mb
№ 1674
PSD mockup планшета в руках
Автор Tatiana Teplukhina
15 июня 2020, 22:30
842Cкачиваний
47.58 Mb
№ 1673
Grey MacBook mockup
Автор Tatiana Teplukhina
15 июня 2020, 22:15
1236Cкачиваний
53.63 Mb
№ 1671
Mockup free MacBook
Автор Tatiana Teplukhina
14 июня 2020, 22:30
608Cкачиваний
20.05 Mb
№ 1666
Free mockup макбука
Автор Tatiana Teplukhina
12 июня 2020, 22:15
985Cкачиваний
12.
74 Mb
№ 1657
iMac mockup
Автор Tatiana Teplukhina
10 июня 2020, 22:15
838Cкачиваний
23.08 Mb
№ 1510
PSD мокап блокнота скетчей
Автор Irina Limonova
27 апреля 2020, 16:00
1058Cкачиваний
46.9 Mb
№ 1492
Мокап двух постеров
Автор Tatiana Teplukhina
25 апреля 2020, 16:45
1227Cкачиваний
48.69 Mb
№ 1482
Мокап двух рамок
Автор Tatiana Teplukhina
786Cкачиваний
52.36 Mb
№ 1464
Мокап постели с простыней и подушками
Автор Eradzh Shams
17 апреля 2020, 08:44
2529Cкачиваний
26.5 Mb
№ 1463
PSD мокап постельного белья
Автор Eradzh Shams
17 апреля 2020, 08:30
1958Cкачиваний
33.23 Mb
№ 1365
Подушка на стуле
Автор Tatiana Teplukhina
12 марта 2020, 17:30
1320Cкачиваний
86.
41 Mb
№ 1366
Mockup free psd пол и подушка
Автор Tatiana Teplukhina
12 марта 2020, 05:45
1225Cкачиваний
53.19 Mb
№ 1279
Синее изображение в мокапе MacBook
Автор Tatiana Teplukhina
797Cкачиваний
15.76 Mb
№ 1277
РSD mockup макбука
Автор Tatiana Teplukhina
13 февраля 2020, 16:15
800Cкачиваний
11.15 Mb
№ 1252
PSD-мокап изображения с морем
Автор Tatiana Teplukhina
06 февраля 2020, 18:39
1030Cкачиваний
27.38 Mb
№ 1248
Mockup открытки с 8-м марта
Автор Tatiana Teplukhina
06 февраля 2020, 18:26
1414Cкачиваний
28.62 Mb
№ 1231
Рабочее место у окна
Автор Tatiana Teplukhina
04 февраля 2020, 18:14
634Cкачиваний
16.01 Mb
№ 1217
Айфон в руке (мокап)
Автор Tatiana Teplukhina
02 февраля 2020, 09:37
831Cкачиваний
22.
17 Mb
№ 1214
PSD мокап изображения будильника на дисплее
Автор Tatiana Teplukhina
02 февраля 2020, 09:27
877Cкачиваний
29.83 Mb
№ 1202
Мокап розовой валентинки в стиле Minecraft
Автор Tatiana Teplukhina
28 января 2020, 16:23
845Cкачиваний
28.8 Mb
№ 1188
Планшет с красным дисплеем
Автор Tatiana Teplukhina
21 января 2020, 18:58
644Cкачиваний
29.84 Mb
№ 1186
Мокап планшета и смартфона на диване
Автор Tatiana Teplukhina
21 января 2020, 18:55
638Cкачиваний
45.29 Mb
№ 1185
iPad у девушки
Автор Tatiana Teplukhina
21 января 2020, 18:53
808Cкачиваний
23.82 Mb
№ 1183
MacBook on a wooden surface
Автор Tatiana Teplukhina
21 января 2020, 18:50
727Cкачиваний
41.41 Mb
№ 1182
Черный айпад у мужчины в руках
Автор Tatiana Teplukhina
21 января 2020, 18:47
675Cкачиваний
46.
9 Mb
№ 1176
PSD мокап ноутбука на комоде
Автор Tatiana Teplukhina
20 января 2020, 18:57
654Cкачиваний
30.08 Mb
№ 1165
Планшет с тенью от руки
20 января 2020, 17:52
613Cкачиваний
7.68 Mb
№ 1153
MacBook на деревянном полу
Автор Tatiana Teplukhina
17 января 2020, 17:24
653Cкачиваний
18.58 Mb
№ 1140
PSD мокап iMac в комнате
Автор Tatiana Teplukhina
16 января 2020, 18:35
920Cкачиваний
28.14 Mb
№ 1137
Мокап моноблока на фоне книг
Автор Tatiana Teplukhina
16 января 2020, 18:27
682Cкачиваний
67.43 Mb
№ 1132
PSD мокап картины на стене
Автор Tatiana Teplukhina
13 января 2020, 20:05
1907Cкачиваний
29.62 Mb
№ 1131
PSD мокап картины на холсте
Автор Tatiana Teplukhina
13 января 2020, 20:02
2809Cкачиваний
19.
46 Mb
№ 1091
IMac на столе в комнате
Автор Tatiana Teplukhina
03 января 2020, 13:34
836Cкачиваний
44.83 Mb
№ 1090
Моноблок iMac в помещении
Автор Tatiana Teplukhina
03 января 2020, 12:30
782Cкачиваний
21.58 Mb
№ 1089
PSD мокап iMac от Apple
Автор Tatiana Teplukhina
03 января 2020, 12:24
733Cкачиваний
29.6 Mb
№ 1086
PSD мокап айфона в руке
Автор Tatiana Teplukhina
03 января 2020, 12:08
665Cкачиваний
29.28 Mb
№ 1080
PSD мокап смартфона в руке
Автор Tatiana Teplukhina
652Cкачиваний
32 Mb
№ 1051
Mockup Apple monitor
Автор Tatiana Teplukhina
24 декабря 2019, 18:33
752Cкачиваний
21.15 Mb
Что такое мокап? Как сделать mockup и использовать его в работе.
Что общего между красивым сайтом, фанатский мерчем, обложкой книги и визиткой? В производстве каждой из этих вещей принимают участие дизайнеры. Это борцы творческого фронта, без которых уже трудно представить современный мир. Но мало придумать красивый дизайн, нужно его правильно презентовать заказчику, чтобы ему понравилось и хотелось внести меньше правок. Сделать убедительную презентацию поможет mock-up. В этой статье мы расскажем, что такое мокап.
Mock-up ― что это и для чего он нужен?
Мокап ― это макет продукта с помещённым на нём дизайнерским решением. С помощью mock-up заказчик может увидеть свой продукт «в деле». Mock-up может быть как электронный, так и физический. Электронный вариант макетов используют для демонстрации рекламной и PR-продукции. Физически реализованные макеты распространены в сфере самолётостроения и строительства. В этой статье мы будем говорить об электронных мокапах.
При создании демонстрационного материала создаётся не просто картинка, а трёхмерное изображение, что ещё больше приближает электронный макет к реалистичности.
- фирменного стиля,
- обложки книги,
- буклетов,
- визиток,
- мерча,
- POS-материалов.
Электронные макеты популярнее материальных из-за своей дешевизны. Печать — это дорого, особенно если распечатать нужно не просто буклет, а, например, этикетку для нестандартной упаковки или даже билборд. Также стоит помнить о правках, без которых редко обходятся заказчики. Таким образом, вам придётся снова и снова распечатывать новые варианты. Такой подход не экономичен и не экологичен.
Мокап помогает не только при демонстрации дизайна, но и при создании самого изображения. Дизайнер помещает макет на предмет и смотрит, как улучшить свою работу.
Чем отличается mock-up, wireframe, sketch и prototype
Кроме mock-up, есть понятия wireframe, sketch и prototype. Их часто путают между собой.
Sketch (скетч) ― это набросок, зарисовка, идея.
В нём нет конкретики. Результат может в корне отличается от первого наброска. Задача скетча ― зафиксировать идею. Ими часто пользуются модные дизайнеры, когда придумывают одежду.
Wireframe ― это схема проекта. Часто wireframe называют мокапом для сайта. Но у них есть большие отличия. Wireframe отражает визуальный «скелет» без иллюстраций и декоративных элементов. Яркий пример wireframe ― каркас сайта. Он создаётся, чтобы познакомиться с основными блоками и функциями будущего сайта. Веб-макет показывает, где будет меню, основные кнопки, блоки с текстом и другие элементы, каких приблизительно размеров они будут.
Prototype ― это близкий к готовности продукт. Его можно попробовать в действии. Например, в прототипе сайта должны работать все страницы, кнопки и ссылки.
Как создать mock-up
Мы говорили, что электронный мокап дешевле, чем физический макет, но всё-таки сделать его не так-то просто. Дело в том, что к разработанному дизайну нужно подготовить и макеты предметов, на которых будет располагаться созданная картинка.
Шаблоны демонстрационных материалов можно создать самостоятельно или скачать уже готовые. Для самостоятельного создания шаблона продукта можно использовать любую программу для рисования. Определёнными фаворитами сейчас являются:
Adobe Illustrator,
Adobe Photoshop,
Figma.
Выбор программы зависит от продукта. Чтобы создать мокапы сайтов, лучше работать в Figma. Эта программа разработана в первую очередь для создания веб-дизайна. Однако здесь получаются скорее прототипы, нежели мокапы.
Если речь идёт о материальных продуктах, понадобятся более сложные программы. Так как шаблон должен быть объёмным, рисовать его проще всего в программе Adobe Illustrator. В ней есть функция 3D-моделирования, что значительно упрощает задачу.
Рисование шаблонов продуктов ― процесс долгий и трудоёмкий. Дабы сэкономить время дизайнеры пользуются уже готовыми шаблонами, которые размещаются на интернет-ресурсах. Для работы с готовыми шаблонами больше подходит Adobe Photoshop.
В программу нужно поместить скачанный шаблон и объединить его с созданным дизайном.
Откуда взять шаблон mock-up и как с ним работать
Стоков с шаблонами для мокапов немало. Мы разберём только 5 из них, которые, по нашему мнению, имеют хорошую базу иллюстраций.
Mockupworld ― англоязычный ресурс с большой базой мокапов. Здесь есть не только шаблоны книг, вывесок и iPhone, но и макеты косметической продукции, медицинских масок и даже грузовиков. При регистрации обещают подарок ― 10 бесплатных эксклюзивных макетов. Сервис сотрудничает с сервисом Placeit, о котором ниже мы поговорим подробнее. Обратите внимание! Так как это англоязычный сайт, вводить запрос в поиске по сайту придётся на английском языке. Кириллицу он не воспринимает.
Freepik ― это сток, в котором есть не только макеты для мокапов, но и иконки, изображения, векторные иллюстрации, фотографии. Поэтому при покупке подписки вы получаете доступ не только к шаблонам, но и к библиотеке других творческих материалов.
В отличие от Mockupworld он понимает русский язык, поэтому в поиск можно вводить запросы как на английском, так и на русском языке. Freemockup ― это русскоязычный сервис, что значительно облегчит поиск нужного макета. По сравнению с предыдущими сервисами у Freemockup не такая обширная библиотека, однако все стандартные макеты есть.
Mockups-design ― ещё один англоязычный сервис. Библиотека небольшая. В основном специализируются на традиционной рекламной и сувенирной продукции. Их главное достоинство ― минимализм макетов. Всё просто, но со вкусом.
PSD Freebies ― интересная онлайн-библиотека макетов с необычными шаблонами. Тут вам и шоперы в кухонном интерьере и бумажный кофейный стаканчик на бордюре и даже макеты ароматических свечек. Если вы ищете что-то необычное, загляните на этот сайт.
В отличие от Mockupworld он понимает русский язык, поэтому в поиск можно вводить запросы как на английском, так и на русском языке. Как использовать мокап, скачанный из библиотеки? Макеты предназначены для работы с программой Adobe Photoshop.
С каждого из этих сайтов скачивается zip-документ, в котором есть инструкция по использованию макета, и PSD документ с самим макетом. Откройте макет в Photoshop. Традиционный файл PSD будет состоять из слоёв. Один из слоёв будет предназначен для того, чтобы в него вставили другой дизайн. Обычно он называется «Your design here» или подобным образом. Вам остаётся только вставить свою картинку в этот слой. При желании можно поиграться с цветами. Например, чтобы показать, как будет выглядеть логотип на продуктах разного цвета. Готово, вы можете презентовать свою работу.
Как работать с мокапами? Онлайн-сервис для создания мокапа
Те, у кого нет Illustrator, Photoshop или Figma, могут воспользоваться онлайн-сервисом. Одним из таких сервисов является Placeit. Он прост в использовании, у него есть большая база макетов и отличный онлайн-генератор, который самостоятельно поместит ваше изображение на шаблон. На каждом шаблоне указаны размеры. Таким образом, вы будете уверены в параметрах своего мокапа.
Для примера давайте вместе попробуем воспользоваться этим сервисом.
Выберите подходящий шаблон.
Чтобы загрузить свой дизайн, нажмите на кнопку Insert Image.
Онлайн-генератор сам поместит ваш дизайн на макет. Вот, что получилось у нас:
К сожалению, сервис платный. Скачать созданный мокап без оплаты не получится. Выгоднее всего брать годовую подписку. Она стоит 90$. Учитывая количество готовых шаблонов, это отличное вложение для дизайнера.
Проблемы с использованием готовых мокапов
Как пользоваться мокапами, скачанными из интернета мы рассказали, но неужели с ними всё так просто? К сожалению, нет. Вы можете столкнуться с такими проблемами, как:
Размеры макетов на англоязычных сайтах могут не подходить под российские стандарты. Здесь в большей степени идёт речь о полиграфии. В России есть определённые стандарты типографий, на которые ориентируются дизайнеры.
Они могут отличаться от европейских и американских стандартов. Это может вызывать сложность при поиске подходящего макета. Будьте внимательны, ведь ошибка в размерах может испортить всю выпущенную партию напечатанного продукта.
Они могут отличаться от европейских и американских стандартов. Это может вызывать сложность при поиске подходящего макета. Будьте внимательны, ведь ошибка в размерах может испортить всю выпущенную партию напечатанного продукта.Перегруженность макета. Создатели макетов создают всё новые и новые шаблоны. Некоторые из шаблонов иногда выглядят перегруженными. Такие материалы лучше не выбирать. Цель мокапа ― презентовать созданный дизайн. Макет продукта может быть атмосферным, но он не должен затмевать работу дизайнера. Отдавайте предпочтение минималистичным шаблонам. С ними сложнее промахнуться.
Примеры mock-up
И напоследок покажем мокапы для фотошопа для разных продуктов.
Канцелярия и полиграфия
На канцелярии и полиграфии часто помещают элементы фирменного стиля (мокап логотипа, шрифт, фирменные цвета). Именно такие мелочи позволяют компании произвести приятное первое впечатление.
Упаковка
Найти подходящий готовый шаблон для мокапа упаковки ― высший пилотаж.
Здесь нет никаких стандартов, как это принято в полиграфии. Однако библиотеки шаблонов уже настолько обширные, что поискать нужный объект стоит. Вот, например, шаблон упаковки для крема:
Вывеска
Если вы готовите дизайн для наружной рекламы или мокап вывески, лучше показывать на макете, который сымитирует элементы городского пространства. Хотя бы немного.
Если вы смогли создать дизайн для продукта, сделать его презентацию для вас не будет сложной задачей. Особенно с таким количеством сервисов-помощников. Не торопитесь делать мокап. Выделите на него время.
Чем убедительнее вы представите свою работу, тем меньше правок понадобится вносить в проект. Старайтесь делать макеты объёмными. Если вы рисуете их с нуля, не забывайте про тени. Удачи в творческом пути!
Interior Mockup — Etsy.de
Etsy больше не поддерживает старые версии вашего веб-браузера, чтобы обеспечить безопасность пользовательских данных. Пожалуйста, обновите до последней версии.
Воспользуйтесь всеми преимуществами нашего сайта, включив JavaScript.
Найдите что-нибудь памятное, присоединяйтесь к сообществу, делающему добро.
(более 1000 релевантных результатов)
Дизайнов, тем, шаблонов и графических элементов для загрузки на Dribbble
9 Interior Mockups0136Посмотреть презентацию Frames
Презентация Frames
Посмотреть макет алюминиевой печати
Макет печати из алюминия
Посмотреть создатель сцен макета кадров
Создатель макетов сцен Frames
Посмотреть Мокапы Ретро Интерьерных Плакатов
Мокапы интерьерных постеров в стиле ретро
Посмотреть набор мокапов обложки журнала
Набор макетов обложки журнала
Просмотр сцены макета интерьера
Сцена макета интерьера
Посмотреть макеты видео и фоторамок.
