移动端常见图片浏览方式

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。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,660评论 25 709
  • 一、概述 1、体验环境 体验产品:腾讯新闻客户端 软件版本:4.9.5 设备型号:MI 2SC 操纵系统:Andr...
    笔艾特纸阅读 10,197评论 5 33
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,223评论 4 61
  • 最近做的个项目要在原工程里引入个二方hqueue的jar包,包里用了hbase的包又引用了Guava11版本,但是...
    死拍照的阅读 10,648评论 3 2
  • ✿ 晓晨花露 一叶小舟河中行, 独坐小船钓鱼中, 故乡温情意纯纯, 披肩斩荆困难重, 心意坚,排阎王, 任我行,独...
    朝花夕拾123阅读 2,118评论 2 12