Клиенты с гораздо большей вероятностью одобрят или купят дизайн, если смогут представить, как он будет выглядеть в реальности.
И в мире, где быстро меняющиеся бизнес-решения являются нормой, для дизайнеров как никогда важно иметь возможность быстро представить реалистичный макет своего проекта.
В этом кратком руководстве мы познакомим вас с трехэтапным процессом поиска, понимания и использования файлов макетов для вашего дизайна.
Шаг №1: Найдите и скачайте макет!
В Интернете можно найти практически все, что вам нужно, в том числе это касается и файлов макетов устройств.Доступно множество бесплатных и платных макетов, и мы рекомендуем вам проверить оба варианта, чтобы убедиться, какой из них лучше всего соответствует вашим потребностям.
Как только вы найдете то, что ищете, загрузите файл.
Большинство файлов макетов содержат папку, которая обычно содержит набор следующих файлов: .
psd, .
jpg и .
txt или .
pdf. Давайте рассмотрим назначение каждого из них: Файл .
psd — это исходный файл, в котором вы будете работать и редактировать контент, чтобы позже вставить туда свой дизайн.
Файл .
jpg — это предварительный просмотр макета, предназначенный для того, чтобы увидеть, как макет может выглядеть с дизайном внутри него.
.
Текст или .
pdf — описывает детали файла, такие как автор макета, лицензионная информация и его состав.
В качестве примера мы рассмотрим этот макет iPhone X:
Шаг 2. Откройте файл и найдите в нем смарт-объект.
После того, как мы загрузили и распаковали файл макета, пришло время открыть его в Adobe Photoshop и ознакомиться со слоями макета.Понимание того, как редактировать слои, важно, поскольку в этом случае вы замените шаблон в макете своим собственным дизайном.
Большинство макетов состоят как минимум из трех слоев: цвета фона, самого объекта и места для логотипа.
Конечно, слои могут различаться в зависимости от количества объектов в макете, а также от того, насколько простой или сложный дизайн вы хотите в конечном итоге поместить в этот макет. Чтобы отредактировать смарт-объект, нажмите на него, чтобы перейти на экран редактирования.
Смарт-объекты
Смарт-объект — это объект, который никогда не теряет своего качества, независимо от того, насколько сильно вы меняете его размер.Он состоит из векторных или растровых изображений, которые представляют собой слои данных изображения, созданные в формате файлов Illustrator или Photoshop. Он предназначен для безопасного сохранения характеристик изображения независимо от внесенных изменений, отсюда и слово «умный».
Смарт-объекты — это нерастрированные файлы.
Что это значит? Растеризация — это процесс преобразования векторного изображения (файла Illustrator), состоящего из точек и кривых, в компьютерную или печатную версию пиксельной графики.
Некоторые инструменты, такие как ластик, заливка и фильтры, работают только с растровыми файлами.
Смарт-объекты не растеризуются, поскольку процесс растеризации означает, что вы больше не можете масштабировать изображение без потери качества.
Чтобы найти смарт-объект, найдите небольшой значок над слоем, обычно расположенный в правом нижнем углу.
Когда вы наведете на него указатель мыши, появится текст, указывающий, что вы находитесь на смарт-объекте.
Шаг №3: Опубликуйте свой контент
Наконец, последний шаг — вставить созданный вами дизайн в макет. В окне редактирования, содержащем смарт-объект, просто перетащите свой дизайн на экран, чтобы заменить содержимое макета своей собственной работой.
Затем нажмите «Сохранить» и вернитесь к исходному PSD-файлу, чтобы увидеть изменения.
В нашем случае обновленный файл будет выглядеть так:
Заключение
Мокапы помогают вашему клиенту визуализировать, как его дизайн будет выглядеть в реальном мире.Мокапы невероятно легко найти и использовать, и они могут существенно повлиять на то, как клиенты и пользователи воспринимают ваш дизайн.
Считаете ли вы использование подобных макетов устройств полезными в дизайне и рекламе? Теги: #дизайн #фотошоп #мокапы #макет
-
Видео-Товары И Что С Ними Связано
19 Oct, 24 -
Обучение По Iis 7.0 В Москве
19 Oct, 24 -
Как Я Взломал Паяльник
19 Oct, 24 -
Shoot3D - Макет. Тайна Танцующих Мужчин
19 Oct, 24