Паттерн (pattern) — это рисунок из повторяющихся элементов с неочевидными (бесшовными) границами. Все составляющие выполнены в общем стиле и образуют единую композицию.
Паттерны применяют в веб- и графическом дизайне: оформляют ими сайты, приложения, рекламные баннеры, посты в соцсетях. В офлайн-среде такие рисунки востребованы в дизайне мебели, интерьера, одежды, аксессуаров, посуды, упаковки, канцелярии (блокнотов, тетрадей).
Паттерн торговой сети «Лента» состоит из геометрических форм, изображений еды и напитков, столовых приборов, «элементов радости» — смайлов, лайков, сердец
Значение паттерна в разных сферах и его отличие от текстуры
Понятие «паттерн» происходит от английского слова pattern — шаблон, образец. В широком значении это упорядоченная и повторяющаяся система чего-либо. Ее смысл меняется в зависимости от сферы использования:
| В рисунке | Изображение из повторяющихся элементов, граница между которыми размыта: цветы на обоях, платье в крапинку, фон с узором для сайта. |
| В психологии | Шаблоны поведения — действия и реакции, которые человек повторяет в тех или иных ситуациях: чистит зубы и делает зарядку по утрам, по привычке ищет корзину интернет-магазина в правом верхнем углу страницы.
Эти особенности психики используют в UX-дизайне, когда разрабатывают интерфейс сайта или приложения. |
| В музыке и поэзии | Дублирующиеся части произведения: зацикленная инструментальная партия, припев песни, повторяющиеся слова и строки в стихотворении. |
| В проектировании | Алгоритм решения задачи. Чтобы спроектировать трансформаторную будку, достаточно действовать по шаблону: выполнить устоявшуюся последовательность действий, которую применяют уже много лет. |
| В медицине | Биологические колебания (сердечный ритм, нервные импульсы). |
| В вязании и оригами | Чертеж или схема объекта (вязаного изделия, бумажной фигурки). |
| В природе | Повторяющиеся элементы окружающего мира: пятна на шкуре снежного барса, морские волны, спиральные узоры ракушек. |
| В архитектуре и промышленном дизайне | Прикладные дублирующиеся компоненты: окна дома, протекторы шин, рельефные рисунки на подошве обуви. |
Орнаменты зданий, окна, балконы — тоже паттерны
Отличительные черты рисунков-паттернов:
Повторяемость элементов. Изображение содержит дублирующиеся фрагменты (одни и те же либо несколько чередующихся).
Бесшовность. У рисунка стерты и размыты границы между элементами. Это позволяет размножить или обрезать его без визуальных искажений.
Однородность и единство стиля. Каждый элемент подчиняется единой концепции расположения, цвета, масштаба, наклона, размера, расстояния до другого компонента.
Ни один из фрагментов не выбивается из общей идеи, в рисунке нет композиционного центра. Если какой-либо элемент выделяется — это уже иллюстрация.
Масштабируемость и адаптивность. Рисунок легко уменьшать и увеличивать, растягивать, располагать разными способами.
Универсальность. Один и тот же паттерн удобно размещать на любых носителях: от сувенирного магнита до платья в пол.
Паттерн «Яндекс Маркета» — элементы желтого скотча. Они символизируют разнообразие ассортимента, легкость и веселье шопинга
Паттерн надо отличать от текстуры — изображения (рисунка или фотографии), которое реалистично передает свойства материала или поверхности (древесины, травы, бумаги).
Текстура выглядит однородно, но в ней нет точного повторения элементов. Ее детали похожи друг на друга, но они не идентичные. Текстуру можно превратить в паттерн: вырезать фрагмент и ретушью совместить его с аналогичными деталями.
Текстура травы
Зачем бизнесу нужны паттерны и где их применяют
Бизнес использует паттерны, чтобы сделать визуальные концепции более яркими и запоминающимися. Рисунки подчеркивают индивидуальность и образ бренда, повышают его узнаваемость, выделяют компанию среди конкурентов и привлекают внимание аудитории.
Визуальные паттерны позволяют подчеркнуть единый стиль, отношение отдельной концепции к общему смыслу. Если паттерн становится уникальным и узнаваемым, он помогает отстроиться от конкурентов.
В основном паттерны работают в качестве дополнительных элементов фирменного стиля и визуальной айдентики. Реже — без привязки к этому: узоры на новой коллекции одежды могут быть и частью брендинга, и просто дизайнерским решением.
Черно-бело-красная клетка на бежевом фоне — фирменный принт британского бренда Burberry. Компания производит люксовую одежду, аксессуары и парфюмерию
Паттерны как элементы айдентики разрабатывают одновременно с остальной атрибутикой (логотипом, корпоративными шрифтами, цветами), создавая единый гармоничный стиль. Все компоненты и правила их использования описывают в брендбуке или гайдлайне.
В брендбуке ВШЭ описаны паттерны и требования к ним
Товар и упаковка. Рисунки на товаре идентифицируют его, показывают связь с конкретным брендом: Louis Vuitton часто изображает на своих продуктах фирменные узоры с монограммой LV.
Логотип Louis Vuitton — один из самых узнаваемых фирменных символов в мире
Паттерны размещают на упаковках товара — сумках, пакетах, коробках.
На фирменной упаковке GUCCI изображен зеленый орнамент
Некоторые компании используют несколько разных рисунков, чтобы разграничивать товарные линейки, вкусы или ценовые категории продуктов.
Nespresso делает упаковку с индивидуальным рисунком для каждого кофейного вкуса
Интернет-платформы. С помощью паттернов бренды оформляют сайты и приложения. В 2000-х годах было модно полностью заливать фон узорами и текстурами. Сейчас такое встречается редко.
В современных интерфейсах паттерны используют для дизайна отдельных элементов (шапки сайта, меню, карточек), заполнения пустого пространства или в качестве креативных деталей.
На сайте коммуникационного агентства Breaking Trends размещен узор из повторяющегося названия компании
Реклама и документация. Паттернами дополняют онлайн-рекламу (баннеры, картинки к продающим постам) и печатные материалы (флаеры, листовки, уличные щиты, деловые документы). Рисунки выполняют роль фона или элемента дизайна.
«Пятёрочка» размещает фирменный рисунок на имиджевых билбордах
Униформа, сувениры, мерч. Паттерны применяют в дизайне униформы сотрудников, сувениров и мерча — фирменных брендированных футболок, кружек, сумок, зонтов, наклеек, магнитов.
Брендированный стакан торговой сети «Перекрёсток» включает элементы паттерна — геометрические фигуры зеленого цвета
Дизайн интерьера. Паттернами декорируют торговые точки компании — магазины, кафе, рестораны, корнеры на фудкорте, салоны, офисы, филиалы. Рисунки размещают на стенах, окнах, дверях, предметах интерьера.
Стена ресторана «Додо Пиццы» отделана чередующимися буквами D и O. Источник
Транспорт. Рисунками брендируют транспортные средства компании: автомобили, автобусы.
Автомобили OZON брендированы узором из кривых полос в фирменных цветах
Какие бывают паттерны
Рассмотрим основные виды рисунков.
Геометрические. Включают линии и фигуры (круги, овалы, прямоугольники, треугольники, квадраты, ромбы).
Паттерн с треугольниками
Многие паттерны имеют математическую структуру, опираются на математические модели, например золотое сечение. Эти пропорции используют не только в дизайне, но в строительстве, проектировании, программировании.
Абстрактные. Изображают объекты нестандартно: в виде необычных и причудливых линий, изгибов, пятен, плоскостей, форм.
Абстрактный паттерн. Источник: Freepik
Минималистичные. Их главная особенность — относительно небольшое число элементов и много свободного пространства.
Элементов немного, они расположены достаточно далеко друг от друга. Это минималистичный стиль
С логотипом. Состоят из полноценного лого или его отдельных частей.
Паттерн «ВКонтакте» состоит из элементов монограммы VK, которая входит в логотип
С персонажами. В них задействуют образы животных, людей, вымышленных героев.
Рисунок с животными и птицами
Типографические. Основаны на повторении цифр, букв, слов, знаков препинания.
Рисунок с дублирующимися словами style и fashion, выполненными в разных шрифтах
Органические. Связаны с естественными природными мотивами: растениями, деревьями, водой.
Рисунок из цветов и листьев
Орнаментные. В эту группу входят традиционные узоры и национальные орнаменты.
Хохломская роспись — русский народный орнамент
Тематические. Отражают какую-либо тематику: праздник, событие, кино, город, страну.
Паттерн на тему Франции: Эйфелева башня, круассаны и другие атрибуты, которые ассоциируются со страной
Возможно пересечение и комбинация разных вариантов. Например, к минималистичному паттерну применимы почти все остальные виды. Он может изображать что угодно — от геометрических фигур до персонажей фэнтези.
Как создать паттерн
Рисунки создают в графических редакторах (Photoshop, Illustrator, Figma, CorelDRAW) или сервисах-генераторах. Второй вариант подходит начинающим дизайнерам, которым еще сложно работать в профессиональных программах. Онлайн-сервисы позволяют легко и быстро делать паттерны без специальной подготовки. Популярные платформы:
more.graphics генерирует паттерны с помощью искусственного интеллекта. Пользователям доступны шаблоны в разных стилях, функции редактирования цветов, фона, размера рисунка
При создании рисунка необходимо учитывать:
Особенности бренда. Важно понимать сферу деятельности компании, ее ценности, философию, ЦА. От этого зависит концепция: нефтегазовой корпорации не подойдут рисунки с сердечками и эмодзи, а на сайте детского магазина неуместны мрачные композиции.
Общую концепцию. Все фрагменты должны гармонировать между собой по стилю и цветовой гамме. Не надо перегружать рисунок лишними элементами или, наоборот, оставлять слишком много пустого пространства.
Качество исходных изображений. Нечеткие, размытые элементы с низким разрешением смотрятся некрасиво и неэстетично. Поэтому исходники должны быть высокого качества.
Главные мысли
