0. 横向铺满一列图片模式:
1)图片大,图片内容获取方便,多为卡片式设计。
2)保证每条内容在一屏内。
3)考虑使用场景,如果图片太大,下载慢,耗流量都是用户的顾虑。
4)考虑更新速度,阅读速度会较慢,如果产品内容更新较快建议其他方式。
APP栗子:足记,良仓。
1. 两列图片:
1)高度统一,多为电商类APP,信息整齐可以有效的传递商品信息,一屏承载内容也多,加载速度会快。前提是图片标准尺寸。
2)瀑布流,多为更有设计感的APP,例如花瓣。但需要保证读图效率,尽量避免一张图片超过一屏的情况。
APP栗子:半糖,花瓣。
2. 图片+文字模式:
1)可展示更多文字内容,相应的图片表现力会降低。
2)图片宽度保证不超过设备屏幕宽度的一半。
APP栗子:美食天下,in。
3. 三列图片:
1)类似手机相册,一般可与卡片式,图片+文字模式切换。
2)没有空间承载文字。
3)尽量保证图片数量是3的倍数。
APP栗子:用家。
4. 四列图片:除了iphone手机相册按时间线展示图片,其他场景很少。
5. 横向多列图片:
1)横向显示图片数量有限,一般不超过10张。
2)分步加载。
3)在用户认知中,横向滑动更多是导航,纵向更多是内容。
APP栗子:artsy。