создание паттерна и мокапов

1. Создание паттерна и применение его на мокапах

2.

• Мокап (от англ. mockup —
макет, модель) — это
реалистичная визуализация
дизайна или продукта, которая
показывает, как он будет
выглядеть в реальном
контексте. Это шаблон, на
который можно наложить
готовый дизайн — логотип,
интерфейс сайта, принт,
элементы фирменного стиля
и т. д..

3.

Примеры
мокапов

4.

Примеры
мокапов

5.

• Паттерн в дизайне — это рисунок из систематически
повторяющихся элементов, внешний вид и расположение которых
регламентированы правилом или концепцией дизайна. Это может
быть графический узор, типографическая схема, цветовая
комбинация или даже способ организации контента на странице.
Отличительные черты паттернов:
• единый стиль всего рисунка и визуальный порядок;
• однородный узор, отсутствие центра композиции;
• возможность неограниченного копирования;
• лёгкая масштабируемость;
• следование рисунка определённым правилам: соблюдение
расстояния между элементами и их размера, угла наклона,
используемых цвет

6.

Некоторые виды паттернов в дизайне:
•Геометрические — основаны на повторяющихся
геометрических формах: линиях, кругах,
треугольниках, квадратах.
•Абстрактные — могут включать абстрактные формы,
линии, цветовые комбинации.
•Орнаментальные — основаны на традиционных
узорах, орнаментах, часто вдохновлённых
историческими или этническими мотивами.
•Минималистичные — отличаются простотой и
чёткостью форм.
•С персонажами — повторяющиеся изображения
героев или фигур.
•Типографические — построены на основе букв, слов
или текстовых блоков.

7.

Применение
Паттерны используют практически во всех
областях дизайна. Некоторые сферы
применения:
•Фирменный стиль — паттерны выступают в
качестве основы для дизайна логотипа, визиток,
фирменной атрибутики и других элементов
брендинга.
•Упаковка продуктов — паттерны часто
используются для привлечения внимания на
полках магазинов, могут помочь выделить
продукт среди конкурентов.
•Мерч — паттерны используют для создания
запоминающихся дизайнов одежды,
аксессуаров, посуды, других товаров.
•Оформление сайтов и приложений — в
современных интерфейсах паттерны используют
для дизайна отдельных элементов (шапки сайта,
меню, карточек), заполнения пустого
пространства или в качестве креативных
деталей.
•Реклама и документация — паттернами
дополняют онлайн-рекламу (баннеры, картинки к

8. Задание

1. Выбрать понравившийся логотип – определить его концепцию,
целевую аудиторию, будущие подходящие мокапы (не менее 3 штук)
2. Выявить или создать цветовую палитру (2-3 основных цвета, можно
использовать дополнительные цвета, но указать все)
3. Создать новый авторский графический знак на основе уже
имеющегося логотипа, можно повторить моменты графического
элемента или шрифта, либо отталкиваться в создании от темы или
бизнеса, в котором использован данный логотип.
4. Создать паттерн («объект» – «узор»- «создать») на основе нового
созданного авторского графического элемента
5. Разместить паттерн на мокапах
6. Разместить готовые элементы на презентационном щите А3
(выбранный лого, цветовая палитра, авторский элемент, паттерн, 3
мокапа). Поработать над правильной композицией и визуальной
составляющей.

9. Логотипы для задания представлены ниже (выбрать любой один из предложенных)

10.

11.

12.

13.

14.

15.

16.

17.

18.

19. Примеры готовой работы: презентационный щит на А3

20.

21.

22.

23.

24.

25.

26.

27. Бесплатные мокапы:

• https://psdmockup.ru/
• https://mockupdownload.ru/
• https://www.psdfreebies.com/category/mockups