ЭФФЕКТИВНОЕ ИСПОЛЬЗОВАНИЕ EMPTY SPACE

Меньше значит больше – таков принцип современного веб-дизайна. Если раньше сайты пестрели множеством различных элементов, а пустое пространство считалось признаком безвкусицы, то сегодня все кардинально изменилось. Вы еще должны помнить те «темные» времена, когда глаза разбегались, а внимание рассеивалось на вездесущие баннеры, иконки, куски текста, анимации и прочее. А вы всего лишь хотели узнать, как сварить гречку. Но свет в дизайн пришел, и тьма осталась позади.

В дизайне под термином "пустое пространство" понимают участки страниц сайтов, на которых не размещены какие-либо объекты и элементы. Иногда ошибочно пустое пространство ассоциируется с белым цветом, но на самом деле цвет может быть любым, как и текстура.

 Если у кого-то еще остаются вопросы о целесообразности использования empty space (оно же пустое или негативное пространство), то представим простую ситуацию. Сравним сайт с мозаикой, которая имеет цельный рисунок. Чтобы ее собрать необходимо соединять частицы мозаики клеем. Подобное происходит и при создании дизайна сайта, а пустое пространство - это и есть клей. Именно он позволяет создать органическое полотно страницы сайта, определить структуру страницы и порядок чтения, просмотра.
  
Правильное использование негативного пространства позволит вести пользователя именно тем путем, который задумали вы. Таким образом, пустое пространство становится важным элементом дизайна, который также несет смысловую нагрузку.

Пустое пространство имеет два аспекта воздействия: эстетический и практический. Если говорить об эстетике, то благодаря этому приему сайт приобретает определенную элегантность, лаконичность. Практический аспект использования негативного пространства заключается в:

• достижении лучшей читабельности;
• облегчении взаимодействия пользователя с сайтом;
• разгрузке страниц;
• создании контраста;
• расстановке акцентов.

С назначением разобрались, а теперь поговорим об эффективном использовании empty space.

Сфокусироваться на главном

Пустое пространство можно удачно использовать для концентрации фокуса на главном посыле страницы. Особенно такой прием срабатывает, когда есть конкретное назначение сайта. Например, сайт которым пользуется каждый – google.com. Практически пустая страница, по центру которой размещен логотип и строка поиска - это все, что найдем здесь. А в этом и суть, ведь это поисковая машина. И от конкретного назначения, то есть поиска необходимой информации, пользователя ничего не отвлекает.
Удачно работает этот прием и на сайте Gogoro. В центре страницы экологический скутер, вокруг пустое пространство, есть лишь небольшой текст. Это все помогает сконцентрировать внимание на главном посыле - приобретение экологического скутера.

Gogoro 

Доступность информации

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

Apple

Расстановка акцентов

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

Overclothing

Контраст цветов

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

VO2 Group

Организация и управление

Негативное пространство - отличный способ организации элементов макета. Благодаря ему можно группировать блоки контента и дифференцировать их между собой. Кроме того, это дает дизайнеру возможность рассказывать свою "историю", вести пользователя по странице последовательно, от одного элемента к другому. Такая себе "игра", где негативное пространство позволяет устанавливать правила самому дизайнеру.

Webydo