5 идей для бэкграугдов в 2017

Автор: Carrie Cousins    Источник: designshack.net
23.01.2017
724
0
img

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

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

1. Геометрия и фотографии

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

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

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

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

2. Оттенки серого

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

Серый фон может быть и глубоким и теплым и холодным. Оттенки могут совпадать с цветами бренда или другой графикой. Или же это может быть плоский серый оттенок на основе черного.

Не зависимо от того, какой оттенок серого вы выберете, не забывайте, что окружающие элементы будут влиять на то, как он будет восприниматься пользователями. Например, на сайте Пола Валентина (Paul Valentine) в сочетании с пастельно-розовым он выглядит довольно мягким, а на сайте Даллин (S. Dallyn) более стильным.

3. Слои и яркие цвета

Цветные блоки, так же как и геометрические формы, могут использоваться для создания многослойного бэкграунда. Яркие цветные блоки – смелый и интересный выбор.

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

Эта тенденция основывается на другом популярном в последнее время цветовом тренде. Многие цвета и слои имеют связь с материальным дизайном (или какие-то пережитки из плоского дизайна). Это слияние и смещение трендов – естественная эволюция, которая легко применяется и подстраивается под существующие сайты, не требуя полного редизайна.

4. Асимметрия

Забудьте о сетке! (Ну или хотя бы сделайте так, чтоб все не было таким симметричным.)

Бэкграунд не должен иметь идеально выровненных элементов или узоров. Он не должен быть сплошным цветом или изображением.

Бэкграунд может быть комбинацией разных элементов, расположенных таким образом, чтобы создать идеальный баланс, который нельзя разделить ровно посередине. Это может быть большое изображение, но не на всю ширину экрана, а с белыми отступами по бокам, как на сайте Nap Luxury Guesthouse. Или как на сайте CMMNTY, где текстовые элементы и белое пространство имеют равные противовесы, заставляя пользователя смотреть на буквы. Это может быть едва уловимое смещение изображения относительно текстового блока, как на сайте Vase.

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

5. Абстракция

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

Если речь о дизайне вашего сайта, то вам нужна отличительная черта, которая будет привлекать внимание пользователей. Если ваш сайт будет выглядеть так же, как и все остальные, то у них не будет причин остаться. Предложите им что-нибудь интересное. Добавьте невероятный текст, заинтересуйте их. Рискните быть смелым, другим и интересным.

Вывод

Ваш сайт страдает от старого или надоевшего фона? (Это нормально, такое происходит со всеми.)

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

ПОХОЖИЕ СТАТЬИ: