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

Эффективное использование негативного пространства

Эффективное использование негативного пространства

Эффективное использование негативного пространства

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

Хотелось бы сразу немного пояснить свою точку зрения. Я не профессиональный дизайнер — я очень люблю минимализм и считаю его лучшим «инструментом» при построении сайта. Всё, о чём буду говорить сугубо личное мнение и ты вправе не соглашаться с ним, но выражение «негативное пространство» взято не из потолка:

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

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

Что такое негативное пространство?

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

Белое пространство следует рассматривать как активный элемент, а не пассивный фон. — Ян Чихольд

Существует два уровня негативного пространства: микро и макро. Как понятно из названий, микро связано с пространством между небольшими объектами: линии, слова, буквы. Макро негативное пространство связано между большими объектами, такими как блоки или картинки. И для общей эффективности обязательно нужно учитывать оба этих уровня негативного пространства.

Яркими примерами эффективного использования пространства могут послужить эти проекты:

Apple

Главная страница Apple iPad 

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

Google

Главная страница Google.com 

Как не крути, но гугл своего рода лидер по максимальному использованию негативного пространства, лидер в минимализме. Основная цель главное страницы — поиск. И поисковая строка в центре берёт всё внимание на себя.

И таких примеров в современном интернете очень много. Судя по последним тенденциям использование большого количества негативного пространства своего рода тренд.

Совет #1. Разделение блоков (макро)

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

 

Совет #2. Разделение текста (микро)

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

 

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

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


Вверх
Войти на сайт
или

Восстановить пароль Регистрация