Применение паттернов в дизайне

Паттерн - это шаблон или схема. Проще всего его ассоциировать с бесшовными и повторяющимися рисунками. Такие есть на обоях, например. Они используются для того, чтобы подчеркнуть уникальность определенного бренда.

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

Как определить паттерн?

Это можно сделать при помощи следующих признаков:

• Единый стиль рисунка, который никогда не меняется.
• Отсутствие центра композиции. То есть можно выделить любую часть паттерна, и она будет смотреться полноценно.
  
• Универсальность, то есть паттерн можно использовать для разных целей.
  
• Масштабируемость. Можно увеличить его или уменьшить, при этом он не изменится.
  
• Бесшовность. Это когда нет швов, мешающих паттерну.
  
• Следование определенным правилам. Одинаковое расстояние между элементами, одинаковый размер, угол наклона и т.д.
  

Где используются паттерны?

Можно выделить две сферы, в которых популярно данное направление.

• Любое оформление вещей, помещений, продукции и т.д. Подарочная обертка часто делается с помощью паттерна. Его можно использовать для создания посуды, обоев, штор, блокнотов, одежды и т.д. Даже наволочку для подушки можно украсить паттерном.
• Сайты и их интерфейсы, приложения. Вместо обычной заливки фона по бокам делают паттерн. Им же заполняют пустое место на сайте или обложку в мессенджерах.
  

Виды паттернов

Единой классификации паттернов нет. Несколько видов часто объединяют в один. Но мы рассмотрим, самые популярные варианты:

• Геометрический. Комбинации фигур повторяются в одной последовательности.
• Абстрактный. Когда в рисунке есть много разных компонентов.
  
• Минималистичный. Это когда любой вышеописанный паттерн имеет много свободного пространства. Такие паттерны часто стали использоваться в десятых годах, когда в моду вошел минимализм во всем.
  

• На основе логотипа. В таком паттерне часто повторяются логотипы или их части.
• Орнаменты. В этом случае за основу берутся традиционные узоры, которые потом используются в дизайне. Обычно его применяют компании, работающие на узкую аудиторию.
  
• Типографика. Есть фраза, буквы или слова, которые постоянно повторяются. они могут быть как хаотичными, так и структурированными.
  
• Паттерны с героями и персонажами. Это может быть лиса, собака, какой-то человек и т.д. Иногда дизайнеры оставляют много пространства между объектами, а иногда почти полностью заполняют его.
  

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

Иногда паттерны поделены по значимости. Первые узнаваемы и являются частью бренда или крупного приложения (наверняка вы узнаете паттерн в телеграм-переписке). Вторые не имеют такой большой значимости и служат вспомогательным инструментом. Например, они могут быть нарисованы на расходниках.

Где найти паттерн?

Самое простое и правильное решение - воспользоваться фотостоком или просто купить их. Но помните, что на зарубежных ресурсах слово “паттерн” может иметь другое значение. Рисунки там могут быть необязательно бесшовными.

Фотосток - это место с большим количеством выставленных иллюстраций, которые можно купить. Если вы учитесь дизайну, лучше посмотреть на паттерны, созданные профессионалами.

Также существуют приложения, создающие паттерны:

• Паттерны из иконок привлекательны и легко делаются. Их можно создать на этом сайте. Выбирайте цвета, размеры, настраивайте иконки и т.д.
• Здесь можно посмотреть на интересные мозаики.
  
• Отличный, простой и понятный редактор паттернов.
  

Какие программы могут пригодиться для создания паттерна?

Их три: Adobe Photoshop, Adobe Illustrator и Figma. Перед созданием нужно подобрать подходящие элементы, которые потом получится превратить в полноценный паттерн. Если есть желание сделать их самому, вот несколько советов для новичков:

Простая схема, которая поможет понять теорию цвета.

• Для начала проведите мозговой штурм и нарисуйте несколько (5-6, можно больше) вариантов паттерна на бумаге. Во время практики в голову часто приходят хорошие идеи.
• Рано или поздно придется экспериментировать с цветами. Если у вас есть опыт (многие дизайнеры раньше любили рисовать), можете попробовать смелые решения. Например, иногда концепт без теории цветов в голове выглядит хорошо. Попытайтесь нарисовать его.
  
• Сперва черно-белый вариант, потом цвета. Так проще, наоборот делайте только если обладаете опытом.
  

Если вы только учитесь, тратьте больше времени на освоение фотошопа или иллюстратора и меньше времени на другие типы рисунков.

Правильная последовательность действий для паттерна

Это инструкция, которая поможет сделать свой рисунок хорошим. Если вы никогда не создавали паттерны - можете применять ее:

• Выбираем основу. Буква, эскиз, растение, животное и т.д. Нужно чтобы оно было красивым и подходило под стиль. Ориентируетесь на минимализм? Не используйте нагружающие объекты. Делаете что-то для сайта? Подумайте, какой объект будет смотреться наиболее органично.
• Эскизы. Начинаете расставлять эту основу в разных местах и проверяете, насколько хорошо она будет смотреться. Можно поиграть с отступами между элементами, углом наклона фигуры, масштабом и т.д.
  
• Цветовая палитра. Для нее можно тренировать насмотренность или использовать специальные сервисы. Сделайте 5-6 вариантов. При выборе стилей ориентируйтесь на потребности заказчика и т.д. Например, у него в брендбуке есть много фиолетового, поэтому лучше использовать этот цвет.
  
• Цифровая копия. Получившийся паттерн переносите в приложение. Проверяете, как оно будет работать. В некоторых из них есть полезные инструменты для подготовки паттерна. К ним относится, например, шаблон повторения.
  
• Тестирование паттерна. Проверяете, как он выглядит на нужном макете. Если таковой отсутствует, можно взять случайные поверхности, подходящие по смыслу.
  
• Отправляете результат. Заказчик оценивает паттерн, может, дает правки. Это финальный этап работы. Чтобы не получать дополнительные правки, тщательно проверяйте тз и изучайте знания аудитории. Также для дизайнера важно уметь обсуждать план проекта.
  

Все приходит с опытом, поэтому лучший совет - учиться у профессионалов и много практиковаться. Обычно с паттернами не возникает никаких проблем.

На нашем курсе по дизайн-мышлению дети учатся придумывать новые идеи для работы. Там учат понимать потребности целевой аудитории, экспериментировать с подходами, делать и тестировать продукты, а также презентовать свои решения. Переходите и записывайтесь к нам.

 Читайте также:

     1. Понятие и применение растровой и векторной графики.
     2. Виды и применение иллюстраций.
     3. Профессия UX/UI-дизайнер.