Материальные формы дизайна

Question

Я занимаюсь исследованиями дизайна материалов и некоторых рекомендаций, описанных в дизайне материалов.

Раздел, который, как мне кажется, отсутствует (не уверен, должен ли он быть покрыт), - это то, как Google подходит к Fieldsets. Документация охватывает отдельные входы, но никогда не рассматривает Fieldset.

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

Какой способ представления Fieldsets является наиболее "материальным"? Я знаю, что нет правильного или неправильного, но должен быть теоретически правильный подход.

Answer 1

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

Альтернативой, которую я использовал, являются карты со списками / разделителями, например, в Angular Material, что-то вроде этого. Это может стать громоздким на мобильном телефоне, если перестараться.

<md-card style="max-width: 500px;">
    <md-card-content md-padding>
        <p class="md-heading">Title</p>
        ...content...
    </md-card-content>
    <md-divider></md-divider>
    <md-card-content md-padding>
    </md-card-content>
</md-card>