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

Негативное пространство на странице

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

Этим часто страдали сайты лет 15 назад: очень мелкие значки, куча кнопок, изображений, все буквально борется за внимание читателя. Однако человеческое внимание очень ограничено. Мы скорее сбежим с «загруженной» страницы, как из грязной комнаты, чем будем пытаться что-то найти. 

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

Как создать «комфортное» пустое пространство в дизайне?

Даже если элементов на сайте не так много, они не должны быть слишком близко друг к другу. Вот что можно сделать, чтобы страница стала «дышать»:

Разделяйте текст на небольшие абзацы. 5-6 строк — оптимальный вариант, чтобы было легко сканировать текст и не терять строку.

Увеличьте межстрочный интервал. Чем больше высота строки, тем легче читать текст. Конечно, во всем должна быть мера — слишком большой интервал превратит текст в кучу отдельных строк и выглядеть это будет странно.

Делайте отступ между изображением и подписью, заголовком и основным текстом и т. д. Не позволяйте текстовым блокам прилепиться к своим соседям, даже если это одна строка.

Делите страницу на смысловые блоки и добавляйте между ними пустое пространство (не менее 120 px). Группировку элементов можно подчеркнуть цветом или полосами-разделителями. Обращайте внимание на то, чтобы у полей вокруг блоков была одинаковая ширина — так дизайн выглядит аккуратнее. 

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

Вывод

Не перегружайте страницу элементами и делайте между ними отступы. Это поможет управлять вниманием пользователей и упростит восприятие контента.

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