Главная / Блог / Блог компании «БиАй Интеграция» / Использование паттернов в веб-дизайне

Использование паттернов в веб-дизайне

Паттерны - это повторяющиеся графические элементы. Дизайнеры используют их для решения частных задач, в том числе при разработке фирменного стиля компаний. Используют паттерны и веб-разработчики, ведь при создании веб-дизайна они предоставляют широкое поле для творческих экспериментов: комбинируя одни и те же элемент, можно добиться совершенно неповторимых, но привлекающих внимание результатов.

Паттерн в веб-дизайне
Для корпоративных сайтов нередко используют сдержанные по цветовой гамме фигуры традиционных форм. Для личных и специализированных сайтов ограничений нет. Например, российские этносайты традиционно выделяются паттернами славянского происхождения. Некоторые сайты тематики hi-tech представлены паттернами, мимикрирующими под объекты микро- и нано-мира. 

Классификация паттернов опирается на два основных признака: форма (вид) элементов и способ их реализации в веб.
    По виду элементов паттерны состоят:
  • Из геометрических фигур (треугольник, квадрат и т.д.).
  • Паттерн из геометрических фигур
  • Из узоров.
  • Паттерн из узоров
  • Из элементов, встречающихся в природе (снежинка, яблоко и т.д.).
  • Паттерн из снежинок
  • Из головоломок.
  • Паттерн из головоломки
По способу реализации паттерны подразделяются на следующие:
  • Генерируемые паттерны. Представляют собой сочетание дизайна и кода. Картинка интерфейса динамическая, изображение плавно меняется, перетекая из одних форм и размеров в другие согласно движениям курсора. Пример.
  • Паттерны big-data. Через простые формы и линии пользователю передается идея о том, что специализация компании – работы с большими массивами данных.
  • Паттерн большие массивы данных
  • Анимированные паттерны. Это движущиеся поступательно или вращательно паттерны, траектория движения точек которого имеет замкнутый характер (циклическое движение). В отличие о генерируемых, анимированные паттерны двигаются без участия пользователя. Пример.
  • Сетчатые паттерны – равномерно распределенные но странице элементы, создающие эффект «сетки». Матрицу смотрели? Братья Вачовски впервые показали grid-паттерны в кино.
  • Сетчатый паттерн
  • Креативные паттерны. По сути сюда относятся все остальные паттерны, не упомянутые в пунктах выше. Правда, градус творчества может быть настолько высок, что от подобных паттернов будет рябить в глазах.
  • Креативный паттерн
Веб-студия «БиАй Интеграция» оформит Ваш сайт с помощью паттернов. Звоните: +7 495 645 7831.

Возврат к списку