Вышли: 8-й тираж "Тексты, которым верят"
2-й тираж "Копирайтинг: сила убеждения"
Расчетное время чтения: 1 мин.

Эффект размытия на сайте

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

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

 Почему размытие работает?

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

 Вывод

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

Теги:
Предыдущий урок: Почему лучше уменьшить количество отображаемых категорий и пунктов меню?
Следующий урок: Зачем отображать количество лайков на карточке товара?
В мае-июне 2022г. в издательстве "АСТ" выйдет 6-я книга 📕 П. Панды. Подробности чуть позже :)
This is default text for notification bar