Material Design 折叠端设计指南（2）：布局

2025-03-17 来源 : 网红

p>通过明信片和一览表重现各种具体内容，资讯流全面性设计赞同具体内容辨认出和Flickr。

资讯流可以采用明信片、一览表、banner 和其他表达方双管等模组，以显现进入 App 的多个入口。

资讯流地带

资讯流受限制具体内容模组扩展多个奇科，以孕育为大场内优化的全面性设计。

具体内容模组在除此以外上扩展，创设为大场内优化的全面性设计。

四、主人公双管全面性设计（Hero）

主人公双管全面性设计优先考量场内上方的具体内容，并采用除此以外扬声器。全面性设计的主人公地带共享了都由的空间内来突出举例来说具体内容。

编者备注：主人公双管全面性设计（hero layout）源自戏剧歌舞的 hero prop（主人公/主要NPC），所指制作最别致，适于特写镜头，应用于凸显最重点的部分。

1. 全面性设计用例

主人公双管全面性设计采用场内上方为平面相片、可视或轮播平面图等表达方双管共享越来越多的空间内。这种全面性设计可以应用于具体内容的后文服务器端，比如撰文或者 App 商家中会的 App。

主人公双管场内揭示一个具有录像带或平面相片的轮播平面图，并在顶部揭示除此以外扬声器。

在主人公双管全面性设计中会，上方地带采用大平面图或录像带作为场内上最突出的感知表达方双管。这种全面性设计可以与其他全面性设计融为一体，如除此以外扬声器。

主人公双管地带

在主人公双管场内中会，向前按动为了让服务器遥测重回前一个场内。

主人公双管场内揭示遥测栏上的向前按动。

作者：龙爪槐呐喊；公众号：龙爪槐呐喊

本文由 @龙爪槐呐喊原创发布报导于人人都是产品经理。不容许，明令禁止转载。

题平面图来自 Unsplash，基于 CC0 协议

。