Как называются элементы дизайна, часто использующиеся на зарубежных лендингах?

Question

[Алексей Скляров]

На land-book.com собирается много интересных лендингов, и вот хочется узнать, как называются все эти элементы дизайна , которые используются в бекграундах? Типа фигур построенных из линий, разных волн и все остальное, что по себе довольно тривиально, но отлично дополняет дизайн.

Comments

[Сергей Горячев]

Сайт классный, в закладки. А объясняльщик из тебя хреновый.

[xmoonlight]

Sergey Goryachev: если б не твой коммент - ссылку бы не открыл)

[Игорь Воротнёв]

Sergey Goryachev: xmoonlight: +1)))

[Алексей Скляров]

Перечитал, согласен, что-то криво описал. Попробую еще раз: на таких лендингах (те, что размещаются на лендбуке) на многих сайтах используются разные геометрические фигуры в качестве фона, например:
1. волны
2. куча рассыпающихся треугольников
3. различного вида полосы
4. и тд

Смотрим: https://dribbble.com/shots/3022194-Guyon-Homepage/... тут у нас в шапке 3 волны, 2 полупрозрачные, одна не прозрачная, ниже в блоке фон сделать в виде пчелиных сот с градиентом.

Все это и подобное этому используется довольно часто на зарубежных лендингах. Мой вопрос: как такое называется?

[Vladislav]

Может что-то типа pattern background web design?

Answer 1

[Pavel Designer]

Вы шутите, да?)

Всё что на фоне называется фоновым, геометрические фигуры все имеют название, что-то непонятное чаще называется абстрактным. Следовательно, если кратко, то всё это — фоновые изображения, фоновая графика, фоновые иллюстрации.
Соединяете слова в поисковый запрос (причём, лучше на английском языке) и находите искомое, но чаще красивая графика создаётся под проект т.к. на стоках всё давно устарело.

По примеру с Дрибла что можно найти на Шаттерстоке (просто как пример): всякие волны, пчелиные соты, всякие линии.

А еще быстрее сделать эти волны в Иллюстраторе за 2 минуты (нарисовал одну, окрасил в белый и скопировал трижды с разной прозрачностью), соты тоже за 5 минут (сделал одну, скопировал, повернул как надо, перекрасил и вставил в макет (если не в Иллюстраторе/Скетче делается вдруг).

Дополню на всякий случай: если фоновая иллюстрация повторяющаяся, то это узор (pattern), если без видимых стыков — это бесшовный узор (seamless pattern).

Вообще забавно, что 9 человек подписалось узнать что на фоне у нас фоновые картинки, а делаются они в графических редакторах)))

Comments

[landergate]

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

[Pavel Designer]

landergate: а что сделать, если особого названия-то и нет?) Не всегда стОит искать смысл где-то глубже разумного.

[landergate]

Pavel Designer: Вопрос абстрактен, я согласен.
Но вот правка про "pattern" - мне кажется, это то, что он искал. =)

[Pavel Designer]

landergate: не совсем то. В примерах не повторяющиеся узоры (паттерны), а именно в общем — просто фоновые иллюстрации — соты, волны, линии, полоски и т.п. При этом, сами паттерны это тоже фоновая иллюстрация только с повторяющимся рисунком.

[Роман Романенко]

Pavel Designer: а чем отличается seamless pattern от просто pattern ? Даже набрал для сравнения в гугл картинках и то и другое, но разницы не вижу пока что. Как я понял, seamless pattern - это такой кусок картинки, который вставляется фоном на сайт с повторением по осям и образует однородный фон.
Но в моем понимании просто pattern это то же самое. Или нет?

[Pavel Designer]

Роман Романенко: если по-простому, то бесшовный гарантированно сделан для неограниченного повторения, а просто паттерн, на практике, иногда может не быть таковым. Но, в целом, паттерн это некий шаблон, да.

[Алексей Скляров]

Pavel Designer: То что это все может быть отрисовано за 2 минуты никто не спорит, и вопрос стоит не в том, как это отрисовать, а имеется ли у этого название. Потому что в бекграундах используется как правило 3-4 вида фонов (описал их выше). Про патерны можно тоже не рассказывать. Идея вот в чем: сейчас модны градиентные треугольники в различной вариации: разлетающиеся, вращающиеся и тд, называется это как polygon background, вопрос был именно, есть ли у этих волн, линий какое-то название, по которым можно отыскивать работы и прочее?

[Pavel Designer]

Алексей Скляров: конечно, названия есть =) Они очевидны и озвучены выше. Ищите на английском и всё найдёте (ну или почти всё).
И polygonal background, triangle background, honeycomb, waves, line, pattern, background, ornament и т.д. и т.п. Не нужно искать какой-то глубокий смысл там, где его нет)