Разновидности одинаковости. Кнопки одного размера — важнейшее условие эффективного восприятия навигационной панели. Поэтому при вертикальном размещении надписей вполне можно обойтись без каких бы то ни было графических добавок, искусственно выравняв надписи по длине при помощи разрядки (рис. 49, о). Этот прием (см. также стр.145) выглядит несколько нарочито, но им вполне можно пользоваться в тех случаях, когда нужно подчеркнуть симметрию, строгость стиля и самостоятельность навигационной панели в композиции страницы.
Рис. 49 Приемы выравнивания навигационных кнопок с надписями неодинаковой длины
Имейте в виду, что выравнивание длин надписей с помощью искажения пропорций букв и даже просто изменена кегля шрифта от одной надписи к другой совершенно недопустимо.
При горизонтальном размещении кнопок их можно выравнивать одним из двух способов. Если никаких общих графических элементов при надписях нет, то нужное впечатление равномерности и равнозначности создается выравниванием интервалов между кнопками (рис. 49, б). Если же надписи снабжены однотипными графическими маркерами, то нужно, наоборот, создать сетку с равными расстояниями между соседними маркерами, даже если интервалы между надписями станут при этом неодинаковыми из–за различия надписей по длине (рис. 49, в). Если какие–то из надписей для кнопок слишком длинны, намного предпочтительнее попытаться сформулировать их покороче, чем писать их в две строки или делать кнопки неодинакового размера.
По ту сторону кнопок. Принцип контраста подсказывает плодотворный прием декорирования навигационных панелей: если прикладная функция этого элемента требует разграничения и геометрической упорядоченности кнопок, то с эстетической точки зрения выгодно противопоставив ему нечто объединяющее кнопки в единое целое, нечто подчеркнуто антигеометрическое и нерегулярное. Лучше всего на эту роль подходит общая для всей панели фоновая фотография (пример 16) или абстрактная размыто–фотографическая текстура, «перетекающая» с кнопки на кнопку.
И наоборот, если страница и без того насыщена фотографическими текстурами и криволинейными формами, имей смысл вспомнить о популярной в современном дизайне теш прямых линий (стр. 93), часто применяемой для объединения кнопок панели навигации в единое целое. На рис. Я показаны фрагменты трех последовательных страниц, начиная с заглавной, сайта www.revo.com. Мотив прями линий с засечками на концах, ограничивающих навигационную панель и выделяющих ее на фоне доминирующих м странице плавных дуг и градиентов, вводится уже на первой странице (а). Сайт этот содержит двухуровневую иерархи» страниц, и на подчиненных страницах дизайнер из тех ж прямых линий строит элегантную и интуитивно прозрачную двухэтажную навигационную панель (б, в).
Рис. 50 Тема прямых линий с засечками в двухуровневой навигации на сайте www.revo.com
Символы и метафоры. Будучи одной из самых графически насыщенных областей страницы, панель навигации часто воплощает в себе основную тему, идею, метафору дизайна сайта. Собственно говоря, даже простейший и распространеннейший мотив «панели» с «кнопками» является не чем иным, как метафорой, — ведь на самом деле никаких кнопок на экране компьютера быть не может, а могут быть лишь чувствительные к щелчку мышью прямоугольные области. Встречаются и другие метафоры элементов навигации — «закладки» (наподобие тех, которыми переключаются части многослойных диалоговых окон), дорожные знаки, стилизованные ветви или листья, элементы диаграмм (например, цепочка нанизанных на общую прямую кружков или прямоугольников), страницы книги или книжные корешки на полке, ступеньки лестницы…
Особого внимания заслуживает оформление кнопок с использованием небольших стилизованных рисунков, символизирующих содержимое соответствующих разделов. Прием этот весьма популярен (хотя сейчас уже не так, как год–два назад); многим сайтам он позволяет без особенных затрат на создание единого стиля и без тщательной отработки всех элементов дизайна приобрести характерный, узнаваемый облик (известный пример — сайтwww.yahoo.com, до сих пор обходящийся почти академическим стилем оформления, украшенным лишь навигационной панелью с забавными рисунками на кнопках).