Материальный дизайн - карта внутри карты

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

Может ли карта отображаться внутри карты?

Как показано на рисунке ниже, но с контентом, очевидно.

 введите описание изображения здесь>> </a> </p></body></html>

14 голосов | спросил Bryce Snyder 4 +03002016-10-04T22:14:22+03:00312016bEurope/MoscowTue, 04 Oct 2016 22:14:22 +0300 2016, 22:14:22

4 ответа


17

Нет

По Руководствам MD-карты :

  

Карты могут содержать фотографию, текст и ссылку об одном объекте.   Они могут отображать контент, содержащий элементы разного размера, такие как   фотографии с титрами переменной длины.

     

Коллекция карт - это карта карт на одной плоскости.

также:

  

Коллекция карт копланарна или макет карт на одной плоскости.

Если вы хотите использовать копланар, каждая карта должна находиться на одной плоскости внутри друг друга, где plane - это фон приложения или страницы.

Наконец, о содержании :

  

Карты могут быть построены с использованием блоков контента, которые включают в себя:

An optional header
A primary title
Rich media
Supporting text
Actions
ответил Devin 4 +03002016-10-04T22:35:31+03:00312016bEurope/MoscowTue, 04 Oct 2016 22:35:31 +0300 2016, 22:35:31
5

В Google Material Design уже есть ряд хороших объяснений и ссылок, чтобы предположить, что это не очень хорошая идея, поэтому я буду решать этот вопрос из чистого аспекта дизайна двумя способами:

Назначение карты: для поверхностного содержимого, чтобы оно отображалось простым и понятным образом. Иногда люди пытаются добавить к нему слишком много взаимодействий (например, Live Tiles в Windows 10 или действия /ссылки на карточках), и это действительно побеждает цель, ради которой карты должны служить.

Проблема с картами : как и в большинстве «плоских» элементов дизайна, нет четкого способа указать возможные взаимодействия внутри карты, кроме как для пользователей, чтобы исследовать (то есть с помощью мыши или касания ), поэтому вы хотите сделать взаимодействие и контент максимально простым. Однако мы видим, что в наши дни распространение в вариации этого шаблона дизайна включает как взаимодействие для всей карточки, так и частей /разделов карты. Это делает сложность взаимодействия более чем необходимой для понимания пользователем, и поэтому общий дизайн, особенно когда есть несколько разных типов карт, присутствующих одновременно, очень «неинтуитивный».

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

Кроме того, интересна статья на некоторых подводных камнях Material Design, чтобы избежать, в котором также обсуждается использование карт:

  

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

ответил Michael Lai 5 +03002016-10-05T23:51:20+03:00312016bEurope/MoscowWed, 05 Oct 2016 23:51:20 +0300 2016, 23:51:20
2

В то время как другие отметили, что это явно большой Не в рекомендациях, стоит отметить, что Google использует вложенные карты в самом приложении Google:

 введите описание изображения здесь>> </a> </p>

<p> Я лично считаю, что лучшей альтернативой было бы разбить горизонтально прокручиваемые карты на раздел под главной картой с надписью «родственные истории» и 0dp, чтобы указать их вторичную природу </p></body></html>

ответил micimize 20 J0000006Europe/Moscow 2018, 02:32:31
1

Важным аспектом является то, что является содержимым карточек ( если является однородным контент, который не имеет много действий ) и какова ширина и высота элементов.

Если ваш проект просто иллюстрирует концепцию, и мы можем обсудить основную карту, например 1200px x 1200px, которая будет основным контейнером с двумя картами внутри, я считаю это приемлемым.

Если основная карта мала, и использование карт внутри отвлекает пользователя от возможности быстрого сканирования, это не рекомендуется.

ответил Madalina Taina 6 +03002016-10-06T14:28:13+03:00312016bEurope/MoscowThu, 06 Oct 2016 14:28:13 +0300 2016, 14:28:13

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132