Одним из наиболее важных ранних проектных решений, которое принимают веб-дизайнеры – каким должен быть фон проекта, что олицетворять, что на нем должно быть изображено, какая будет гамма и так далее. Размышления касаются также и того,  будут ли использоваться  модные элементы, такие как геометрические фигуры, градиенты или узоры? Или это будет однотонный  фон, способный создать акцент на элементах и контенте?

Оглядываясь назад можно заметить, что ежегодно некоторые отдельные направления меняются очень или не очень сильно. Но меняются. С течением года, эти же направления еще больше изменяются, но не отходят от основных посылов, которые дают о себе знать в начале года. Также и в этот раз. В начале 2019 года мы посмотрим на предпосылки и возможные варианты того, как в текущем году будут изменяться направления по подбору фона. На что хорошо обращать чуть больше своего внимания, а о чем можно и не волноваться.

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

Цветовые блоки

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

Такие цветовые блоки хорошо использовать с яркими или светлыми оттенками и с добавлением вторичного цвета, контрастного. Именно такую реализацию можно увидеть на novation, femmeandfierce, forhers, mathieulevesque, Qusq Pro.

Однотонный цвет

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

Эти фоны часто имеют реалистичные слои на переднем плане, а иногда и границу или другой фон позади себя, что способствует созданию глубины. Так, например, проекты ниже обладают либо полной однотонной заливкой, либо частичной. Но при этом расположение элементов поверх однородного цвета создает двоякое ощущение: с одной стороны – плоская конструкция, без теней и переливов; с другой стороны – объемность и глубина. Речь идет о timestalks, opefac, choosemuse, grandbains.

Иллюстрации

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

Что особенно приятно в иллюстрации, так это то, что она может быть привлекающей внимание и особо запоминающейся. Дело в том, что самое трудное в иллюстрации – это фоновые конструкции (сцена), которые  могут быть довольно занятными и необычными. Соответственно, дизайнеру приходится тщательно планировать размещение и стиль других элементов. Например, если фон полностью иллюстрируется, то за текстовым блоком создается пустое пространство с тем, чтобы текст можно было прочитать. Или оно окрашивается в некий однородный цвет. Аналогично оформляются и другие элементы, что повышает их восприятие, читабельность, конкретику.

Посмотрим на chatmonchy, ngest, thedesignproject, multipartner, 2019.troa, fixate.

Фигуры

Круги, многоугольники и другие геометрические элементы в текущем году будут использоваться чаще. И как одна из причин этого – цветовые блоки, о которых мы рассказывали выше. Одно их использование (а блоки ведь могут иметь разные размеры) говорит о стремлении к большему количеству геометрических форм.

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

Для наглядности стоит обратить внимание на проекты: .mad, novation, libenar, geex-arts, alprimecapital, battle.style.

Акварель

Давно мы не говорили в блоге об акварели, но, как ни странно, её  создавать несложно (мы уже рассказывали как) и используют нередко. Удивительно, но акварельные фоны, как правило, вызывают множество откликов у дизайнеров (веб/полиграфия). И либо её любят (акварель), либо – нет. Не существует здесь никакой середины и вариаций использования.

Между тем, многие люди ассоциируют акварельный стиль с женственным мотивом, направлением тематики даже. Но поскольку акварелью можно оформить практически любой сайт, то таких ассоциаций возникать никак не должно. Поэтому совет в данном случае простой: используйте нейтральные цвета и тематику акварели, чтобы добавить глубину или баланс фону.

Акварельные фоны могут имитировать собой отдельные элементы, которые окрашиваются соответствующим образом или просто включают в себя мазки  и пятна краски. Вариаций использования акварели много и вот некоторые примеры: decor.gucci, brotherearth, .nadayoga, yadrenakopot, arena, wisepick, whimsyrose.

Пузыри, пятна и шарики

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

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

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

Различные вариации текучих фигур представлены на: startups, kobu, chatmonchy, adorder, thedesignproject

Природные мотивы

В первую очередь, речь идет о текстурах древесины, использование которых свойственно для сайтов ресторанной тематики, отелей, отдыха на природе и так далее. Но также часто такие фоны популярны, когда речь идет об использовании фотографий продукта и стилевой конструкции. Например, когда некоторый предмет лежит на древесной поверхности. Более в дизайне не используются такие  текстуры и фон нигде.

Оба варианта (фотография или текстура деревянной поверхности) отлично работают с этим элементом (фон), так как такой вариант фона обеспечивает естественную конструкцию, которая не является плоской. Это интересное решение, но не слишком часто используемое из-за своей специфичности. Зато особенность такого фона – возможность привлечь внимание пользователей к предметам и элементам на заднем плане.

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

Наглядными примерами могут стать: beawesome, lanterndesign, jet, juliussilvert.

Серое и белое

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

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

Посмотрим на hkipf, atelierrichelieu, venezianocoffee, webinword, floatingcanvas.

Градиенты, абстракции, линии

Кроме того, стоит помнить и о том, что никуда не исчезнут в течение года градиенты, абстрактные формы и фигуры, использование линий в фоне. Но если все то, что мы описывали выше несет в себе некоторый смысл, то эти варианты применяются чисто для визуального интереса. Абстракции, например, могут создать точку интереса рядом с элементом, который пользователи должны видеть, способствовать ощущению пространства и глубины. Градиенты, же способны перекрывать собой видео или фотографии, анимации и способствовать выделению элементов переднего плана. Если же рассматривать варианты фонов, на которых начертаны линии, то они могут помочь сориентироваться взгляду пользователя среди всех элементов.

Но в любом случае, основная мысль использования любого фона – сочетание их между собой.

Завершение

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

Мы говорили о сочетаемости, а потому никто не отменял варианты использования фигур поверх градиента, или использования акварельного стиля в пузырях и шариках. Вариаций действительно много и они из года в год остаются в трендах. Другой момент заключается в том, как часто они используются, как стилистически оформляются и сочетаются. Для каких целей и в каком варианте.

Цветовые блоки могут создавать объем одним своим присутствием и без использования теней вокруг рамки. Но пузыри и шарики также могут быть выполнены в виде объемных фигур. И при этом оба варианта будут выглядеть красиво и актуально, не будет создаваться ощущения старости и ретроспективы.

Как вам материал?