零基础电商设计全套技能修炼
上QQ阅读APP看书,第一时间看更新

1.4.1 电商网页的结构与布局

整体来说,淘宝、天猫等网站上的店铺都由3个重要板块构成,分别是首页、列表页和详情页。首页包含的内容有店招、导航栏、首屏推荐和产品推荐等,列表页包含的内容有店招、导航栏、左侧栏和搜索列表等;详情页包含店招、导航栏、左侧栏、宝贝基础栏和宝贝详情页等。

对于首页、列表页和详情页这3大板块,每一个板块我们又可以将其划分为页头、页中和页尾3大部分。其中首页页头由店招+导航栏组成;首页页中通常会放置全屏海报、优惠券、推荐宝贝展示栏以及客服中心栏等模块;首页页尾部分就是单独放置一个页尾,属于一个对重点信息进行二次展示,补充说明的部分。列表页、详情页的页头、页尾部分和首页的页头、页尾一样的,列表页的页中由左侧栏和宝贝搜索列表组成,详情页的页中由左侧栏和宝贝基础栏、宝贝详情页组成,如图1-61所示。

图1-61

针对不同的产品和店铺需求,在具体设计时网页的结构和布局也会有差别,不过基本的流程是不变的,主要分为以下3步:确定店铺风格→根据文案,确定首页模块数量→根据模块数量和顺序,搭建首页框架。