关于APP设计的知识——APP的图片浏览模式，昨天途必科技小优已经给大家分享三种常见的适合APP的图片浏览模式，今天小优继续和大家分享，小伙伴们学习起来吧~

一、三列图片

这种模式图片很小了，它其实是跟手机相册差不多，好处是能够在一屏内放比较多的图片，现在的情况是，出现这种情况都是在用户个人页面，并且支持三列图片跟卡片式、图片+文字模式的切换。

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

1、界面内容相对拥挤并且能够显示的尺寸更小了，所以不能够承载文字内容在下面，对用户来讲，只是个缩略图而已，关联内容传递更少；

2、每多少张图片为一组，这样不会压抑，小优测试过某个APP，当我喜欢了400+商品时，三列图片全是挤在一堆的，看起来很压抑的，小优的建议是，在设计的时候，考虑3的倍数来显示，比如显示9张后，更下一组9张图片之间有分隔，这样看起来清晰并且不压抑。

二、四列图片

这样的方式除了手机相册，其他的APP采用这个模式是很少见的，它跟三列图片类似，不过在iPhone手机相册里面，是按照时间线来分开图片的，app设计我还是不太建议采用。

三、横向多列图片

目前除了artsy这个app，还有艺术狗app也采用这个模式来显示，无可厚非，因为线下看艺术展都是这样横着来的，产品是想去尽量模拟线下体验。

除了这样的特殊使用情景外，其他的就是nice，他们是采用横向多列，不过只显示一排，每张图片的尺寸都统一，配合手势左右滑动来查看其余信息。

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

1、横向显示的图片有限，如果太多，那么后面的图片就会没有用户流量，所以artsy在首页是这样的，并且限制显示的图片不超过10张，点进详情页面后就使用瀑布流方式；

2、图片太多会带来另一个技术上的问题，不能做分布加载，如果超过四五十张，整个内容加载会比较慢；

3、需要注意一点是，在用户认知里面，横向滑动更多是导航，纵向滑动更多是内容，所以在设计的时候设计师需要多考虑。

加上昨天介绍的三种图片模式（横向铺满一列图片模式、两列图片、图片+文字模式），途必科技小优已经给大家介绍了六种适合APP的图片浏览模式啦，希望大家从中可以学到关于移动端应用的一些设计知识，想了解更多内容请继续留意途必科技小优的快乐分享哟！ＰＳ：小优每天都会在途必学院大讲堂里分享关于企业网站建设、网站制作、网站设计、微官网建设、移动端应用设计等方面的知识。

责任编辑：途必设计部

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