Веб-дизайн

Контраст и единообразие

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

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

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

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

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

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

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

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