
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.3 页面内容整体布局
页面内容布局是指在整个页面中,各种元素的比重与摆放位置。不同的主题有不同的编排方式,只要能呈现主题风格且方便浏览者阅读,就是好的编排方式。
在对掌上店铺进行布局设计时,大体的布局可分为固定区域和非固定区域。固定区域就是网店的店标和店招,虽然可以对内容进行设计,但是在店铺中的布局位置是不能变的;非固定区域指的是进行宣传的焦点图或广告图、吸引客户的销售排行、增加客户购买欲望的店铺活动或优惠券等。掌上店铺固定区域与非固定区域的大致规划如图2-13所示。

图2-13 固定区域与非固定区域
目前的布局版式主要有在一屏内先显示排行榜再依次排入其他内容;也有先排入焦点图的,以动感的画面吸引买家;还有将制作的广告画面直接用于一屏的,通过视觉快速吸引买家的目光,提升店铺的流量。不同的版式排序在整体布局中都会按主题的不同做出相应的变化,如图2-14所示。

图2-14 移动端店铺版面布局
温馨提示
有些掌上店铺使用其他形式的设计分类页面,利用手机淘宝强大的装修功能,例如双图模块、多图模块、自定义模块等都可作为首屏布局方式,如图2-15所示。

图2-15 其他模块布局