Обычными примерами использования пустого (белого) пространства в дизайне являются сайты Apple или Google. Хотя дизайнеры этих сайтов проделали огромную работу по использованию и размещению пустого пространства, есть много других способов максимально эффективно его задействовать.
Целями использования пустого пространства являются следующие:
- оно помогает пользователю легче и быстрее просматривать текст;
- визуально группирует отдельные элементы;
- создает иерархию элементов дизайна;
- привносит чувство сочетания и гармонии в дизайн;
Кроме того, пустое пространство не обязательно должно быть белым. Оно может быть окрашено в какой-то цвет или быть в виде размытого фона. Здесь важен не его цвет, а наличие этого пространства, т.е. отсутствие какого-либо контента на нем.
U+Design
Сайт фактически отменяет концепцию «белого пространства». Текст расположен на черной половине, изображения –на светлой, что создает эффект Инь-Янь. И хотя ни одно из этих пространств не является технически белым, все это можно назвать «белым» пространством.
Emark
Emark использует вырезы и геометрические узоры, чтобы создать пустое пространство и добавить визуальный интерес к изображениям и тексту. Пространство представляет собой сочетание белого цвета с фигурами и линиями, которые помогают обеспечить визуальное представление.
Также дизайн использует цветные блоки на белом фоне. Комбинация ярких цветов и пространства фокусирует внимание на контенте блоков.
Joke de Winter
В этом примере роль пустого пространства играет размытое черно-белое фото. Внешний вид сайта — это современный, многоуровневый дизайн, который отличается четкостью.
При скроллинге сайта можно увидеть, что свободное пространство используется и вокруг текстовых элементов с негабаритными полями для создания акцента на определенных частях текста.
Пустое пространство на сайте чередуется между белым и серым. Также строками текста используется больший интервал, чем обычно.
Le Farfalle
Самый интересный эффект использования белого пространства можно заметить при скроллинге, когда крупные, качественные фото чередуются с текстом на белом фоне.
Это позволяет пользователю быстро перемещаться между фото и текстовым контентом. Это упрощает дизайн и делает сайт легким для чтения и понимания.