1、网店美工 店铺首页视觉设计第 5 章目 录contents5.1 店铺首页布局5.2 首页海报的视觉设计5.3 宝贝陈列区的视觉设计5.4 收藏区及客服区的视觉设计3 一、店铺首页制作规范5.1 店铺首页布局首页通常包含店标、店招、导航栏、海报、宝贝陈列区、收藏区以及客服区等模块。4 5.1 店铺首页布局1、海报：海报的设计在店铺中是必不可少的，而且海报的设计往往和活动主题紧密联系在一起，以便在顾客进入店铺的第一时间就被吸引从而停留在页面5 5.1 店铺首页布局2、宝贝陈列区：宝贝陈列区主要展示重点推荐产品及其核心卖点、诱人的价格和折扣等6 5.1 店铺首页布局3、收藏区：收藏区是为了方便买家
2、再次购物时能够直接从收藏的店铺中找到所要的商品而设置的，收藏区通常出现在店招上，在店铺页面的其他位置也可以看到7 5.1 店铺首页布局4、客服区：客服区主要是为了塑造店铺形象、提高回头率、提高成交率等而设置的。客服区就如同实体店铺中的售货员一样，其存在的目的都是为买家答疑解惑。因此，客服区是买家咨询商品信息的通道8 二、店铺首页的常见布局5.1 店铺首页布局店铺定位 用户的浏览模式 了解客户的需求及行为 9 5.1 店铺首页布局1、店铺定位首先，店铺要有一个风格定位，通过风格的定位来突出主题。只有经过精心设计和布局的店铺首页才能给买家留下深刻的购物体验。2用户的浏览模式：一般按照F形模式浏览网
3、页：第一步，水平移动，浏览者首先在网页最上部形成一个水平浏览轨迹；第二步，目光下移；浏览者会将目光向下移，扫描比上一步短的区域；第三步，垂直浏览。浏览者完成前两步后，会将目光沿网页左侧垂直扫描，这一步的浏览速度较慢，也有系统性、条理性。10 5.1 店铺首页布局3、了解客户的需求及行为店铺的活动及优惠信息如海报、活动图，要放在非常重要的位置。推荐款和爆款不宜太多，可以用关键字突出，或者利用导航栏进行引流。收藏区、关注区和客服区的互动模块必不可少，这是增加店铺黏性、提高二次购买率的销售利器。总之，模块布局要错落有致，图文结合，避免视觉疲劳的情况发生；同时，模块结构和产品系列都要清晰明了目 录co
4、ntents5.1 店铺首页布局5.2 首页海报的视觉设计5.3 宝贝陈列区的视觉设计5.4 收藏区及客服区的视觉设计12 一、首页海报的设计要点5.2 首页海报的视觉设计1主题 海报的制作需要一个主题，无论是新品上市、清仓甩卖还是节日促销，主题选定后才能围绕这个方向确定海报的文案和信息等。海报的主题是产品加描述的直接体现，表现形式就是图文结合。13 5.2 首页海报的视觉设计2构图：海报的构图主要讲究的就是和谐并且突出主题。（1）左右构图：这是比较典型的构图方式，一般分为左图右文或者左文右图两种模式。这种构图比较沉稳，且画面不失平衡感。（2）左中右构图：在这种构图方式中，海报两侧为图片，中间
5、为文字。与左右构图相比，此种构图方式更具层次感。14 5.2 首页海报的视觉设计3配色：海报的配色十分关键，因为画面的色调会营造一种氛围。在配色中，以对比度高的颜色强调重要的文字信息，以对比度来传递画面信息，以配色方案来确定画面风格以展现产品特点。15 4轮播海报的设计流程（1）目标人群分析、产品分析和广告目标定位（2）沟通策划5.2 首页海报的视觉设计 二、首页海报的设计制作目 录contents5.1 店铺首页布局5.2 首页海报的视觉设计5.3 宝贝陈列区的视觉设计5.4 收藏区及客服区的视觉设计17 5.3 宝贝陈列区的视觉设计一、陈列区的视觉设计要点1商品类别要明确2要突出商品的价格和购买按钮3要让产品主次分明18 5.3 宝贝陈列区的视觉设计二、宝贝陈列区的设计制作目 录contents5.1 店铺首页布局5.2 首页海报的视觉设计5.3 宝贝陈列区的视觉设计5.4 收藏区及客服区的视觉设计20 5.4 收藏区及客服区的视觉设计一、收藏区的设计制作二、客服区的设计制作 谢谢观看网店美工
