Способы использования пустого пространства в веб-дизайне
Веб-дизайн 0 Комментариев ,

Способы использования пустого пространства в веб-дизайне

Обычными примерами использования пустого (белого) пространства в дизайне являются сайты Apple или Google. Хотя дизайнеры этих сайтов проделали огромную работу по использованию и размещению пустого пространства, есть много других способов максимально эффективно его задействовать.

Целями использования пустого пространства являются следующие:

  • оно помогает пользователю легче и быстрее просматривать текст;
  • визуально группирует отдельные элементы;
  • создает иерархию элементов дизайна;
  • привносит чувство сочетания и гармонии в дизайн;

Кроме того, пустое пространство не обязательно должно быть белым. Оно может быть окрашено в какой-то цвет или быть в виде размытого фона. Здесь важен не его цвет, а наличие этого пространства, т.е. отсутствие какого-либо контента на нем.

U+Design

design.u.plus

Способы использования пустого пространства в веб-дизайне

Сайт фактически отменяет концепцию «белого пространства». Текст расположен на черной половине, изображения –на светлой, что создает эффект Инь-Янь. И хотя ни одно из этих пространств не является технически белым, все это можно назвать «белым» пространством.

Emark

emark.com/en

Способы использования пустого пространства в веб-дизайне

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

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

Joke de Winter

jokedewinter.co.uk

Способы использования пустого пространства в веб-дизайне

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

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

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

Le Farfalle

lefarfallecharleston.com

Способы использования пустого пространства в веб-дизайне

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

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



Подпишитесь на обновления блога!

Будьте всегда в курсе новостей

Добавить комментарий