Обеспечение порядка и баланса при проектировании сайта является главной задачей веб-дизайнера. При этом ему нужно все время быть крайне внимательным, экспериментируя с цветом, формами и размером всех ключевых элементов. Вот восемь фактов, о которых нужно знать, работая с белым пространством. Очень многие дизайнеры, особенно новички, не понимают значения белого, или как его иногда называют, негативного пространства. А между тем это один из самых главных элементов в дизайне любого сайта. Белое пространство это промежутки, отделяющие один элемент от другого. То есть, проще говоря, пустое место, не заполненное ничем. И хотя такое пространство называют белым, его цвет может быть любым.
Интерпретация это восприятие
Каждый веб-дизайнер должен понимать, что он прежде всего переводчик со своего собственного, непонятного обычному пользователю языка. Он оперирует образами и шрифтами, оформляя свои мысли в нечто такое, что становится ясным для массовой аудитории. Это нечто называется дизайн.
Говоря об образах, с которыми работает дизайнер, следует помнить, что лучше всего работают простые формы. Человек может очень легко себе представить, что две одинаковых половинки круга вместе составят один круг. Это максимально простой мыслительный процесс и происходит он сам собой, инстинктивно. Когда человеческий мозг сталкивается с каким-либо объектом или изображением наш перцептивный мыслительный процесс классифицирует основные их характеристики. Дальше наступает следующий этап – мозг обращается к своему «банку памяти» и начинает искать свойства, которые соответствуют увиденному объекту.
Когда дизайнер размещает элементы в белом пространстве, он должен думать о действиях пользователей, которые последуют его инструкциям, реализованным в виде сообщений, изображений и объектов.
Как это работает
Инстинктивный и спонтанный процесс распознавания и стремление выяснить характеристики различных объектов хорошо описан в таком направлении психологии, как гештальт. Как концепция, гештальт исходит из идеи, что целое является большим, чем сумма его частей. Гештальт также утверждает, что люди лучше интерпретируют и воспринимают образы, если им их преподносят в максимально простой форме. Наш мозг действует сам по себе, будучи в состоянии распознать основные формы и принять решение о том, что с ними делать. И в этот момент происходит удивительная вещь: восприятие превращается в интерпретацию. Человек начинает понимать значение образа.
Логистика в белом пространстве
В веб-дизайне закон близости и установление четких разграничений имеют огромное значение. Если белого пространства слишком мало, то дизайн превращается в визуальный хаос – человек, смотря на то, как сгруппированы элементы, может не уловить мысль дизайнера.
Но зная о наличии общего сходства у таких элементов как форма, контур, цвет и контраст, дизайнер может управлять инстинктивной интерпретацией мозга. Любой из этих элементов может использоваться для создания родственных групп. Поэтому в процессе проектирования очень важно прояснить для пользователя отношения элементов, расположенных внутри белого пространства, тем самым обозначив окончательные границы.
Эстетический баланс
Одним из важнейших правил в веб-дизайне является правило баланса. По своей сути баланс является основой, предвестником эффективного отрицательного пространства. Лучше пояснить это на примере. Что происходит в крупном супермаркете в субботу днем? Пик продаж. В торговом зале царит беспорядок, людям тяжело передвигаться по переполненным проходам и все это безумно раздражает, так как отсутствует баланс. В результате вся эта неразбериха отвлекает внимание и покупатель может забыть о том, что пришел в магазин с конкретными намерениями.
То же самое происходит и в интернете – люди просматривают сайты для того, чтобы получить нужную им информацию и когда ее слишком много или она плохо структурирована, они не могут сосредоточиться. Мозг получает слишком много данных и не может сфокусироваться на главном. Отсутствие баланса приводит к тому, внимание пользователя рассеивается.
Но баланс не так прост, как кажется на первый взгляд: небольшое количество контента, безусловно, привлечет внимание к фокальной точке на странице, но здесь важно вовремя остановиться, так как сведя к минимуму количество элементов, дизайнер может создать у пользователя впечатление незавершенности – людям будет казаться, что на сайте чего-то не хватает.
Основное назначение баланса заключается в правильной организации контента для облечения понимание. Визуальная иерархия, приоритеты, устранение помех и поясняющий контент, который помогает пользователям сканировать страницы сайта – все эти приемы следует использовать, начиная работу с белым пространством.
Когнитивная нагрузка
Сила белого пространства заключается в том, что оно обращается к мозгу напрямую и взаимодействует с человеческой памятью и вниманием. Психолог Джон Миллер в 1956 году, опубликовал доклад, а котором говорилось о том, что наша краткосрочная память сохраняет от трех до шести отдельных объектов. Следствием этого доклада явилось правило «Не заставляй пользователя думать», которое работает во всех видах дизайна. Понимание того, как работает краткосрочная память, заставило дизайнеров изобретать способы группировки различных элементов для лучшей их запоминаемости. Как результат, дизайн начинал работать, так как становился сбалансированным и цельным, а целое, как уже говорилось выше, больше, чем сумма его частей.
Если на веб-странице слишком много элементов, то пользователь начинает испытывать когнитивное напряжение. Перегруженный мозг искажает полученную информацию, снижая эффективность сообщения, смысл которого хотел донести дизайнер.
Привлечение внимания
Ученые Джанин Уиллис и Александр Тодоров доказали, что процесс формирования впечатления длится примерно одну десятую секунды, а анализ сообщения – от одной до нескольких секунд. Следовательно, для того, чтобы дизайнер смог донести свое сообщение до пользователя, ему нужно быть предельно конкретным, вписывая в белое пространство все необходимые элементы. Работая с элементами, которые должны стать координационным центром пространства, он устанавливает визуальную иерархию, привлекая внимание пользователя к самой важной части контента, размещенного на сайте.
Для того, чтобы белое пространство оказывало максимальный эффект, его должно быть достаточно много. В качестве примера можно привести картинную галерею. Какая картина привлечет больше внимания: заключенная в раму и висящая среди других картин или отдельно расположенная на фоне пустой стены? Очевидно, что лучше сработает второй вариант, но только в том случае, если объект и пустое пространство гармонично соотносятся между собой.
Убеждение и юзабилити
Каждая деталь внутри белого пространства имеет значение и то, что дизайнер убирает из композиции, может таким же важным, как и то, что он добавляет. Все что делает дизайнер, должно иметь конкретную цель. Он должен следовать четкому плану и не поддаваться соблазну прикрутить модную «фишку» только потому, что в дизайне есть пустые места. То, что в макете есть место для какого-нибудь элемента, еще не означает, что он там нужен.
Сопереживание
Как дизайнеру в максимально понятной форме донести свое сообщение до пользователей? Если он попытается сказать слишком много за один раз, то это приведет к повышению сложности мессиджа. Поэтому количество контента, как текстового, так и визуального, должно точно соответствовать стилю дизайна. При использовании негативного пространства нужно помнить о том, что нет верного рецепта привлечения внимания пользователей – все зависит от вкуса дизайнера и объема контента. И если белое пространство помогает пользователям сканировать и усваивать содержание, то дизайнер справился с поставленной задачей.
Редактирование
Ахиллесовой пятой многих дизайнеров является неумение вовремя остановиться. Иногда они слишком самоуверенны и полагают, что знают, как сделать все правильно и полагают, что пользователи поймут сообщение, которое самому дизайнеру кажется предельно ясным. А это очень часто бывает не так. Поэтому нужно постоянно анализировать, адаптировать и даже удалять элементы или часть контента, которые не имеют непосредственного отношения к фокальным точкам дизайна. Визуальный мусор затрудняет получение мессиджа, поэтому от него нужно безжалостно избавляться. Это может оказаться довольно трудным занятием, но всегда нужно помнить, что в дизайн всегда можно вернуть удаленные элементы, если возникнет такая необходимость.
Вывод
Почему считается, что создать что-то простое и красивое на самом деле очень сложно? Простота может быть очень привлекательной, с этим трудно спорить. Но возможно, людям нравятся простые вещи прежде всего потому, что им легче иметь с ними дело. Простой минималистичный сайт легче сканировать, мозгу не нужно принимать сложных решений и обрабатывать избыточное количество информации.
Поэтому при работе с белым пространством нужно всегда помнить о приоритетах и балансе. Нужно быть очень внимательным, постоянно держа под контролем все важные части дизайна – цвет элементов, их размер, форму и расположение.
0 комментариев