Как добавить 2 скользящих меню в Google Material Design Lite

Мне нужно добавить два ящика боковой панели (слева и справа) для моего дизайна, используя Google MDL. Но макет mdl не поддерживает добавление двух ящиков боковой панели. Как я могу это сделать?


javascript material-design css material-design-lite
person Randika    schedule 15.12.2015    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Во-первых, наличие двух ящиков на боковой панели — плохая идея с точки зрения удобства использования:

Вы должны рассмотреть следующие варианты в соответствии с Руководство по дизайну материалов по стратегиям представления верхнего уровня:

  1. Сосредоточьтесь на одном представлении со встроенной навигацией
  2. Используйте вкладки для переключения между небольшим количеством одинаково важных представлений.
  3. Управляйте более сложной структурой через левый навигационный ящик.

Если у вас есть несколько представлений, которые потребуют от вас этого, лучше рассмотреть вкладки.

См. дизайнеры UX. : навигация в боковом меню может стоить вам половины вовлеченности пользователей

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

person William    schedule 15.12.2015
comment
Я с вами согласен, но это не мобильное приложение, это сайт. - person Randika; 23.12.2015
comment
Все еще плохая идея, так как вы должны переключать их, чтобы увидеть. например наличие двух нижних колонтитулов, что не имеет смысла независимо от размера вашего контента - person William; 23.12.2015
comment
- 1 Это плохой ответ, на самом деле это даже не ответ, а критика, которая должна была быть комментарием. См. Мой скопированный ответ ниже для получения дополнительной информации. - person Don Omondi; 06.06.2016
comment
Это противоречит материальному дизайну Google: github.com/google/material. -design-lite/issues/. Но если вы все еще настаиваете на своих двух боковых панелях, будьте моим гостем - person William; 07.06.2016
comment
Итак, я предполагаю, что комментарий дальше по потоку разработчиков MDL о том, что 2 ящика являются допустимым вариантом использования и что они повторно открывают проблему (подтвердите, что она не закрыта), так что ее включение в 2.x ничего не значит. github.com/google/material-design-lite/issues/ - person Don Omondi; 14.06.2016

arrow_upward
0
arrow_downward

Сам изучал 2 ящика, когда наткнулся на этот вопрос. Это возможно, и хороший дизайн в некоторых приложениях и фактически находится в дорожной карте для версии 2 облегченного дизайна материалов. Пожалуйста, прочитайте ветку Github здесь https://github.com/google/material-design-lite/issues/1597

Есть 2 размещенных примера этого в действии, лучший из которых используется в опции фильтра Rich Media Gallery, то есть в Google Material Design Showcase. http://richmediagallery.com/tools/template-database

Другой пример - скрипка

person Don Omondi    schedule 06.06.2016