一.列表信息的7种样式
1.图文列表:以文字信息为主,图片为辅,且图片在左,文字在右呈现部分内容,帮助用户明确需要,快速找到有兴趣的内容,一般用于电商类app.
优点:呈现信息多,结构清晰,用户能够快速理解内容,找到喜欢的东西.
2.标文列表: 以文字信息为主,图片信息为辅,其结构与图文列表相反,文字在左图片在右,文字以标题为主,可展现部分内容,吸引用户通过标题找到自己感兴趣的信息,一般用于资讯类app.
3. 卡片列表:包含图片和文字信息的矩形,他让页面的元素看起来就像在卡片中一样,并且带有一定的圆角和投影,使得页面看起来更有层次感.
优点:信息模块化,有层次感,用户操作更直观.
4.瀑布式:以网格所图方式呈现,内容主要以图片为主,文字信息弱化,且图文宽度固定,高度不同,在排版上略显随意,利用人的视觉落差的形式浏览内容,且属于卡片式列表的一种特殊形式,一般用于图片浏览类和短视频,直播类的app.
优点:大图展现更吸引用户视线,巧妙利用视觉落差缓解视觉疲劳,同时给人不拘一格的感觉.
5.宫格列表:采用N行N列的网格形式呈现内容,内容以图片为主,其图片的长宽都固定,,彼此间内容信息独立存在,其布局形式有两宫格,三宫格,九宫格等,一般用于视频类和电商类app
优点:信息内容展示方式清晰,方便用户根据文字内容快速找到信息,能同时容纳大量图片,提升界面魅力.
6,时间轴列表:采用时间轴设计,主要以时间为主导信息,信息呈现有一定时间感或者顺序感,一般用于天气app.记账类app或者电商类物流信息
优点:形式感强,能够带来丰富时间,顺序感,内容呈现清晰,细节丰富.
7.轮播式列表:一般用于轮播面板导航时,主要用户左右滑动面板,实现一个图片的切换,一般两种情况:大型的banner图轮播和展示列图.
