Область дизайна сайтов постоянно меняется и развивается. То, что круто, модно и эффективно в этот месяц может легко устареть на следующий. Но если есть один принцип, который поддерживается относительно стабильно в течение последних нескольких лет, это простота. И способ ее достижения - это использование отрицательного пространства.
Его преимущества в веб-дизайне
Существует привычка среди дизайнеров предполагать, что чем сложнее, тем лучше. Вы чувствуете давление, да? Все ваше образование и опыт научили вас верить, что сложные конструкции и методы должны быть лучше - но, они труднее! Правильное его использование может оказать большое влияние на эффективность ваших проектов дизайна.
Причины тому
- Придает форму дизайна
Есть пара различных типов отрицательного пространства: микро- и макро. Микро-отрицательное пространство - это расстояние между элементами, подобно пустому пространству между буквами, абзацами, и между различными элементами. Это белое пространство дает вам форму макета и дает возможность пользователям понять контекст дизайна. Макро-отрицательное пространство - это более крупные элементы: фон между заголовком и нижним колонтитулом сайта. Это тоже придает форму.
- Ограничивает отвлекающие факторы
Оно не требует много мозговой активности для обработки происходящего. Фактически, это устраняет отвлекающие факторы и дает возможность пользователю сконцентрироваться на тех элементах, которые действительно важны.
- Улучшает имидж бренда
В нем есть что-то гладкое и утончённое. Престижные бренды часто используют простой, нейтральный дизайн, чтобы сделать акцент на бренде, а не на сайте. Другие компании могут извлечь выгоду из применения этих же принципов.
Способы использования
Для многих дизайнеров оформление простых сайтов сложнее, чем сложных. Каждый элемент имеет значение, и меньше места для ошибок. Точность - ключ к успеху.
Вот конкретные способы использования этого пространства в своих интересах.
Вспомогательные материалы. Выделитесь
Главная страница сайта Stucchi - хороший пример того, как это пространство может быть использовано, чтобы помочь продуктам выделяться, заинтересовать, и фокусироваться на некоторых вещах. Обратите внимание, что элементы, включая детали для соединения, кажутся плавающими на странице. Такая чистая конструкция устраняет отвлекающие факторы, которые могли бы конкурировать за внимание пользователей и минимизировать общее воздействие.
Глубина и строение
Отрицательное пространство также может создавать глубину и текстуру, которую трудно достичь в типичном формате дизайна сайта с насыщенным фоном и множеством конфликтующих элементов.
Дизайн Monster Bite Cookies - фантастический пример. Обратите внимание, что укус каждого печенья хорошо дополняется чистым фоном. Поэтому, внимание пользователя сразу фокусируется на укусе и окружающих его текстурах. Печенье выглядит так, как будто оно выскакивает со страницы.
Подчеркните деталь
Компания Apple всегда представляла хорошую работу, используя негативное пространство в своем бренде - на всех носителях информации и во всех категориях продуктов. Последний пример этого - новая страница продукта iPhone XR.
Эта страница показывает на то, что оно не всегда должно быть белым и открытым. Иногда это пространство может казаться темным и загадочным. Оно сочетается с дизайном параллакса, с помощью которого изображения и текст словно парят в космосе.
Согласованность действий
Есть один пример, с которым мы все хорошо знакомы, это домашняя страница Google. Хотя элементы страницы с годами менялись, всегда существовала одна постоянная: много отрицательного пространства. Это то, чем отличается Google от других поисковых систем, таких как Bing и Yahoo, которые имеют подавляющий дизайн и вездесущие отвлекающие факторы.
Простой веб-дизайн - это хороший веб-дизайн
Некоторым трудно это понять. Это также более сложная задача. Повышая свои навыки проектирования, не торопитесь впитать всю мощь отрицательного пространства и роль, которую оно играет в современном дизайне. Это не то что вы можете игнорировать или подавлять.