首页 > 新闻 > 互动营销 > 正文

AAP图片浏览模式

2015-8-20 10:35:42
两列图片时需要考虑这两个问题:
  1、高度不统一的瀑布流模式
为什么高度不统一,因为图片不是标准尺寸并且不能压缩剪裁图片,比如艺术品,你必须使用,因为你不能去剪裁压缩作品,那样会损失掉艺术作品的全貌,花瓣就是这样的,还有艺术类的一些应用。
但瀑布流有个不好的地方就是,读图效率低,你可以想象这么个场景,在同一屏幕内,左边一张图片特长,超出了一屏,而右边列有三张短图片,你就可以想象这个场景了,处理办法一般是程序会去计算屏幕高度来截图,但还是相对效率低。
   2、高度统一的前置条件
高度统一的前提是图片是标准的尺寸,这样会比较好,不存在说需要对齐而去剪裁和压缩图片,所以电商比较常用,电商上传的图片都是处理设计好的,所以使用比较好,但这种模式有些呆板,就是所谓的不大气。
横向多列图片
时需要考虑这三个问题:
   1、横向显示的图片有限,如果太多,那么后面的图片就会没有用户流量,所以artsy在首页是这样的,并且限制显示的图片不超过10张,点进详情页面后就使用瀑布流方式。
   2、图片太多会带来另一个技术上的问题,不能做分布加载,如果超过四五十张,整个内容加载会比较慢;
   3、需要注意一点是,在用户认知里面,横向滑动更多是导航,纵向滑动更多是内容,所以在设计的时候设计师需要多考虑。
图片+文字模式
时需要考虑这两个个问题:
   1、图片传递信息有限,图片表现力会打折,如果这个能够接受,那就没问题;
   2、图片大小和内容有关,但图片宽度别超过设备屏幕宽度的二分之一;

上一篇:如何使用字体的图标 下一篇:伪专家,一种营销手段