本文途必科技小优将给大家分享关于APP设计的知识。APP设计离不开图片设计，而APP产品中图片的浏览模式跟PC端网站不同，我们不能随便的拿PC端网站建设的那一套图片浏览模式来设计APP，那么如何选择适合APP的图片浏览模式呢？下面，小优就来给大家介绍几种常见的图片浏览模式：

一、横向铺满一列图片模式

一列图片的时候图片比较大，对图片内容的获取是比较好的。目前我们听的多的就是卡片式设计，比如微博、QQ空间就是卡片式。不过他们是一张或者多张图，用这种方式设计，既能清晰分割内容与内容，又能承载更多的关联内容，并且可以把与用户互动的功能加上去。

目前小优见过加功能多的是lofter。

设计时需要考虑这三个问题：

1、保证每一条内容在一屏内

有一个应用，他们的卡片式设计只有一张图片，但是这个图片高度不固定，有用户上传的照片很高的时候，在iPhone第四代手机上，有一部分图片是被截取掉的，读图的时候要上下翻，体验不是那么好，所以请保证一条内容在一屏之内；

2、充分考虑产品使用情景

这个地方需要考虑用户使用情景，比如如果用户使用时间集中在早上坐车和下班的时候，那小优建议换一个方式，因为图片太大，下载慢、耗流量会让用户使用的时候有一定的疑虑，做产品和做设计重要的一条是用户想要得到什么，那我们就合理的给他们就好，而不是我们认为这样好就硬塞给用户；

3、考虑内容更新速度

很明显，一列图片阅读速度会比较慢的，用户翻几屏后会失去耐心，因为人性都是懒惰的，所以如果你的产品内容更新比较快，那我建议再考虑考虑，这样的话很多内容的流量就会很低，用户消费不了，好多好内容就这样错过了。

二、两列图片

这里需要注意下，两列图片的对齐方式有两种，一种就是高度统一，一种是瀑布流，高度不统一，之前很多电商类的APP都是采用两列高度统一的模式，因为很整齐，并且也能有效的传递商品信息，一屏承载的内容也多，相对一列的来说，加载速度也会比较快，这种模式是相对比较合理的。

设计时需要考虑这两个问题：

1、高度统一的前置条件

高度统一的前提是图片是标准的尺寸，这样会比较好，不存在说需要对齐而去剪裁和压缩图片，所以电商比较常用，电商上传的图片都是处理设计好的，所以使用比较好，但这种模式有些呆板，就是所谓的不大气。

2、高度不统一的瀑布流模式

为什么高度不统一，因为图片不是标准尺寸并且不能压缩剪裁图片，比如艺术品，你必须使用，因为你不能去剪裁压缩作品，那样会损失掉艺术作品的全貌，花瓣就是这样的，还有艺术类的一些应用。

但瀑布流有个不好的地方就是，读图效率低，你可以想象这么个场景，在同一屏幕内，左边一张图片特长，超出了一屏，而右边列有三张短图片，你就可以想象这个场景了，处理办法一般是程序会去计算屏幕高度来截图，但还是相对效率低。

三、图片+文字模式

图片+文字的模式比较常见，它跟两列图片的模式有点类似，只是排列方式变了，谈不上好坏，不过承载信息量比较多。

设计时需要考虑这两个问题：

1、图片传递信息有限，图片表现力会打折，如果这个能够接受，那就没问题；

2、图片大小和内容有关，但图片宽度别超过设备屏幕宽度的二分之一。

好的，小优已经给大家介绍了三种APP的图片浏览模式设计，优粉们可以先消化一下，明天我们再继续~

责任编辑：途必设计部

版权所有：http://www.uweb.net.cn (优网科技) 转载请注明出处