Читаю про визуальный дизайн и везде мелькает слово "паттерн". В одном месте пишут про повторяющиеся орнаменты, в другом - про UI-паттерны типа карточек и табов, в третьем - про паттерны поведения пользователя.
Так что такое паттерн в дизайне в принципе и какие у него функции? Интересует именно визуальная и UX сторона, а не программирование.
Паттерн в дизайне - это повторяющийся элемент или решение, которое выполняет конкретную задачу. Функций несколько, и они не пересекаются:
Визуальная функция: паттерн как орнамент создает текстуру, ритм и фоновое наполнение пространства. Берешь плитку, размножаешь - получаешь фон для сайта, ткань, обои. Здесь цель - эстетика и заполнение.
Структурная функция: паттерн как UI-компонент (карточка товара, модальное окно, хлебные крошки) - это готовое решение типовой задачи. Ты не придумываешь каждый раз заново, как показать список статей, а берешь проверенный паттерн. Экономит время и снижает когнитивную нагрузку на пользователя, потому что он уже видел похожее в десятке других продуктов.
Поведенческая функция: паттерн взаимодействия описывает, как пользователь делает что-то (свайп для удаления, pull-to-refresh, бесконечная лента). Это уже про ожидания. Когда паттерн нарушен - человек теряется.
Общая суть: паттерн убирает необходимость решать одну задачу дважды. На уровне визуала - это ритм и повтор. На уровне UX - это язык, который пользователь уже знает.
Если совсем коротко: паттерн - это решение, которое уже кто-то проверил до тебя. Твоя задача - применить его в нужном контексте, а не изобретать велосипед.
Стоит добавить про функцию консистентности внутри системы. Когда дизайн-система в продукте использует одни и те же паттерны везде, пользователь строит ментальную модель один раз и дальше двигается автоматически. Нарушение паттерна в одном месте ломает эту модель и стоит дорого - люди начинают делать ошибки или просто уходят.
Смотри на это через призму теории гештальта. Паттерн эксплуатирует врожденные механизмы восприятия: закон близости, закон подобия, закон непрерывности. Мозг ищет повторяемость и группирует похожие объекты автоматически, без сознательного усилия. Дизайнер, который понимает это, не просто красиво расставляет элементы, а программирует путь взгляда по экрану. Паттерн в этом смысле - инструмент управления вниманием на фундаментальном нейрофизиологическом уровне.
Есть еще одна функция о которой редко говорят открыто - паттерн как инструмент манипуляции. Темные паттерны (dark patterns) специально нарушают ожидания пользователя в пользу бизнеса: скрытые чекбоксы, подписки в один клик, кнопки отмены покрашенные в серый. Это тоже паттерны, просто деструктивные. Понимать функции паттернов надо в том числе чтобы распознавать такие штуки.
Спасибо, наконец то понятное разграничение. Все три уровня в одном месте - это то что мне и было нужно.