1、”图片广告-轮播显示”
图片广告相对于其他图片排版方式而言,最突出的特点就是左右滚动的图片轮播。
轮播图排版时需要注意轮播图的大小和页面位置,避免因轮播图大小导致手指滑动手机屏幕无法实现页面下拉。因为当手指放在轮播图上时,手指滑动会实现左右的轮播图切换,如果轮播图占据的页面位置过大并且刚好在手指滑动的弧线范围内时,手指触动屏幕上滑时会触动轮播图的左右切换,客户可能需要滑动几次才能实现页面下拉。
以下就来讲讲,轮播图设置的时候容易出现下拉不便的情况:
(1)轮播图占据页面首屏位置下方约1/2-2/5的区域(即是手握手机时一个拇指滑动的弧线范围)时,滑动页面下拉不便。
如下图示例,轮播图刚好在页面首屏的下方,当滑动下拉页面不成功时,客户会误以为该页面结束,不继续向下滑动。
(2)轮播图设计过大占据了屏幕大小(640*1000左右)时,当手机滑动页面时可能出现轮播左右滑动,而下拉页面不便。
如下图示例,轮播图占据页面全屏,客户滑动时可能无法下拉页面。
小结:在制作轮播图时注意轮播图的高度不要过长,尤其不要占据一屏的大小否则可能出现客户无法下拉页面。一个页面的首屏出现轮播图时,不要让轮播图刚好占据在手指滑动的下半部分区域。
2、”图片广告-分开显示”
图片广告功能“分开显示”相比“轮播显示”而言,分开显示的感觉像是分类的模块,而轮播形式更像是广告banner。所以当需要使用类别分类时用”分开显示“展示的方式,四周的空白条刚好能实现各个模块的一个区隔。
以下示例为”图片广告-分开显示“和魔方功能的展示分类产品的页面对比,魔方功能上传的图片之间没有间隔,而”图片广告-分开显示“的图片会有白色区隔。大家在页面排版时可以根据需要使用,如需有区隔感时可选用”图片广告-分开显示“的功能。
3、用“图片广告”来连接图片
当需要在一个页面连续拼接几个横条图片时,可以分别连续使用多个图片广告的功能,将图片连接在一起。
如下示例,该页面是将图片切割后,打开多个图片广告拼接的页面,基本类似于魔方添加横条图片的功能。但是该使用方法的缺陷是图片与图片之间可能会出现小白边。
拼接图片适用场景:当需要简单链接几张连续的图片,又不愿意使用魔方的功能时可选用。
图片广告功能在微页面排版时常常是一个非常出彩的功能,大家可以多注意使用,另外建议设置图片轮播时不要设置过多如4、5个轮播图,因为多图轮播时页面会一直滚动,可能会显示页面比较混乱,影响客户在页面上的关注点。