Фон в дизайне сайтов и приложений

Фон—неотъемлемая часть сайта или приложения. Если он однотонный и не яркий, пользователи не придают ему значения и даже не замечают. Тем не менее продуманный фон улучшит общее впечатление о продукте, например, правильно подобранный контрастный цвет привлечет внимание, а изображение дополнит впечатления от текста.

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

Каким может быть фон:

• Однотонный фон

Яркий однотонный фон—хороший способ привлечь внимание к блоку, если правильно его подобрать, он обеспечит хороший контраст с текстом, привлекая к нему больше внимания.

Однотонный фон может быть неяркий, еле заметного оттенка, чтобы визуально разделить блоки.

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

• Градиент

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

• Фото

Красивые фотографии отлично подойдут, чтобы передать атмосферу и идею, усилить впечатление от текста.

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

• Элементы фирменного стиля

Использование элементов фирстиля позволит подчеркнуть единство стиля, произведет впечатление аккуратного и точно выверенного продукта, где каждая деталь на своем месте. 

• Паттерн

Паттерн может быть частью фирменного стиля или подходящим к отрасли продукта.

• Текстура

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

• Анимация

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

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

• Красивые фотографии отлично подойдут, чтобы передать атмосферу и идею, усилить впечатление от текста.

• Элемент фирменного стиля на фоне позволит подчеркнуть единство стиля.

• Фон с паттерном или текстурой акцентирует внимание на специфике продукта.

• Анимация привлечет внимание к определенному блоку.