Navigation menu
Last updated
Was this helpful?
Last updated
Was this helpful?
Navigation menu (навигационное меню) может являться как основным, так и дополнительным (в случае платформенных решений) средством навигации. В случае платформенных решений навигационное меню используется в паре с компонентом Header и вызывается по клику на кнопку вызова навигационного меню. Развернутое Navigation menu занимает всю высоту окна приложения и находится в левой его части.
Наполнение Navigation menu может меняться в зависимости от сложности навигационной структуры, нахождения системы на платформе, необходимости в модулях и контроллах. Однако вариативность наполнения навигационного меню должна подчиняться ее логической структуре.
Навигационное меню состоит из:
Logo. Может быть кликабельным - вести на главную страницу приложения
Modules zone. Аналог зоны модулей в шапке
Navigation settings. Настройки отображения навигации, фильтры и т.п.
Search. Осуществляет поиск по разделам и страницам
Navigation zone. Обязательная часть навигационного меню. Представляет навигационную иерархию приложения.
Support. Техподдержка - модуль, который вынесен в нижнюю часть навигационного меню в связи с редким использованием.
Fix-menu. Функция фиксации меню на экране (для меню, которые вызываются из шапки приложения).
Зона навигации представляет собой навигационную структуру приложения (иерархический список) и позволяет пользователю совешать переход между страницами системы.
Страницы системы могут объединены в разделы, а разделы - в другие разделы.
Мы рекомендуем не использовать в навигации более 3 уровней вложенности:
Раздел 1 уровня
a. Раздел 2 уровня
i. Страница
Раздел - это логическая группа страниц или других разделов, которая сама по себе может являться ссылкой на какую-либо страницу. Раздел имеет кнопку-иконку в виде шеврона, по клику на который раскрывается список вложенных страниц и разделов.
Навигационное меню занимает всю высоту экрана (- высота Header).
Стандартная ширина - 320рх. Может изменяться под потребности проекта (кратность ширины 8рх).
По умолчанию меню появляется поверх контента. Вызов меню происходит по кнопке-логотипу, расположенному в шапке:
Дополнительные возможности. Пользователь может зафиксировать навигационное меню на экране. В таком случае контентная область экрана уменьшается.
Оформление
Каждый из элементов навигационного списка может быть дополнен:
Icons. Используются для дополнительного описания контекста раздела или страницы.
Indicator и Counter. Используются для сообщения пользователям о наличии сообщений и событий на странице или разделе. Цветовая индикация - стандартная для нашей ДС.
Вы можете использовать индикатор для разделов, на страницах которых есть счетчики. В случае нескольких видов индикации на страницах - для раздела наследуется самый критичный индикатор.
Рекомендуем использовать 2 цвета для элементов списка. Самый темный цвет - для самого нижнего уровня иерархии.
