移动端常见图片浏览方式

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。

你可能感兴趣的:(移动端常见图片浏览方式)