2.1 网店首页的组成部分

淘宝店铺是在虚拟的网络环境中进行交易的，它要求店铺首页具有整体性和时段性两个特征。首页承载了店铺的形象，首页的装修关系到店铺的形象塑造。同时，首页上展示的内容是当时时段较为重要的内容，是卖家要重点展示的信息。

首页，根据其不同部分的内容和功能，可以将其分为几个独立部分。各个部分之间既可以相互关联，又可以互不影响。这些部分是为了提高店铺的销量而设计的版块。

了解各个页面的功能与特点能帮助淘宝美工设计店铺页面，使页面适合店铺的运营模式，让页面兼具美观和实用两大特点。

2.1.1 店招

网店的店招在形式上相当于线下店铺的招牌，实际上远远没有线下店铺招牌的作用大。网店的店招会一直出现在各个页面中，同时还具有分类导向的作用。

打开一家淘宝店，对首页进行观察。网页窗口中的最上方是淘宝官方的功能栏和淘宝官方设定的店铺基本信息介绍，包括店铺名称、店铺信誉等级、店铺的动态评分（主要为“描述”“服务”“物流”在当前时段的评价得分）等。

淘宝官方介绍版块下就是店招，店招内容包括店铺名称和店铺标语（有关店招的设计会在页面设计的相关章节中讲述），店招的通用尺寸为1 920像素×150像素，中间蓝色950像素×120像素部分为主要信息显示区，两边的蓝灰色为背景部分。

店招下方的天蓝色条形为导航栏，内容包括“所有分类”、“首页”和“店铺活动”。导航栏中的内容可以自定义设置。导航栏是对店铺信息的分类整理，用于方便买家的浏览。

2.1.2 海报

导航栏下为海报图，即常说的“首焦图”。经过淘宝大数据的验证，它是淘宝页面上买家浏览量最高的模块，囊括淘宝页面的前三焦，即页面前三屏的内容。前三屏浏览量高，常用来展示活动的海报或单品海报，简单地说，就是放店铺重要信息的模块。图片轮播展示的是首页海报，下图的首页海报尺寸是950像素×250像素，为淘宝基础模块的默认海报尺寸，其中950像素是指海报的宽，250像素是指海报的高，高也可以在200~600像素之间任意设置。

淘宝美工常用的通栏海报尺寸，宽为1 920像素，高为500~800像素。

扩展知识——显示区域

显示区域是指不同尺寸的计算机屏幕所能看到的页面大小，宽屏显示器的显示区域比窄屏显示器的显示区域大。通常淘宝页面的显示像素宽为1 320像素或1 290像素，也就是说重要的信息会放在这个像素区域内（蓝色的线中间）。

2.1.3 功能版块区

海报栏下通常为功能版块，它是实现运营效果或营利目标的版块。这一版块的宽为1 920像素且主要内容要求放在显示区域内，对高没有限制，可根据内容自由设定。

功能版块占据页面的第二焦和第三焦，视觉地位很重要，因为前三焦的设计效果会影响访客的浏览兴趣。好的设计效果会吸引访客进行深层次的店铺页面信息浏览；反之，设计效果不好则会让访客失去浏览兴趣，甚至离开店铺页面。

较高的浏览量通常伴随相对较高的点击率，将有吸引力的运营活动展示在前三焦上会提高活动的效果。

2.1.4 商品区

功能版块后面是商品区域，该区域相当于实体店铺中的货架，主要起商品展示的作用。图中的商品区宽为750像素。

商品区域是店铺的核心区域，买家最终浏览的信息就是商品区域中的信息。所有的活动内容和运营策略都是建立在有商品出售的前提上的，因此，商品区的浏览便捷性很重要。

商品区通常将新品或有竞争力的产品放在商品区内靠前的位置，以方便访客进行浏览，提高成交量。