淘宝网店详情页设计的六大元素，你知道多少？

淘宝网网页版式的构成要素

网页的构成要素主要包括：文字、图像、Flas、色彩、版式等元素。

网页设计根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。

淘宝网店详情页设计应该包含哪些设计要素以及元素

要确立的六大元素：

1、配色字体文案构图排版氛围

2、常见的宝贝描述页构成框架

3、产品zhidao价值+消费信任=下单

详情页上半部分诉说产品价值，后半部分培养顾客的消费信任感。对于消费信任感不光通过各种证书，品牌认证的来树立。

4、使用正确的颜色，字体，还有排版结构，这些对赢得顾客消费信任感也会起到重要的作用。详情页每一块组成都有它的价值，都要经过仔细的推敲和设计。

5、详情页的描述基本遵循以下顺序：

①引发兴趣

②激发潜在需求

③赢得消费信任

④替客户做决定。

特别要注意的是，由于客户不能真实体验产品，我们宝贝详回情页是要打消买家顾虑，从客户的角度出发，关注重要的几个方面，并不断强化，告诉顾客我是做这个的专家，我很值得信赖，买家买了都说好，正好店铺有活动，现在下单价格。明日即刻涨价。

6、遵循以下原则：

①文案要运用答情感营销引发共鸣

②对于卖点的提炼要简短易记并反复强调和暗示

③运用好FAB法则具体如何作请看教程：

1.首先还是进入卖家中心-打开开店铺装修

2.找到店铺左上角的页面编辑-布局管理

3.删除多余的布局模块(只保留1个950的布局和1个190-750的布局)

4.删除190-750布局里多余的模块(如轮播，宝贝等)仅保留左侧的宝贝分类和宝贝排行榜(删除的模块可以随时恢复也可以重新添加)

5.点击保存，即回到装修首页

自定义模块的布局：

现在的主流装修都是用自定义模块添加代码来实现的，鼠标放在新建好的自定义内容区，会出现编辑按钮。

后显示标题那地方勾选不显示，然后点击代码按钮，把准备好的模板代码直接粘贴进去就ok啦。淘宝网店详情页设计通常包来含以下设计要素：

许多卖家把详情页只是当做商品介绍图，其实不然，详情页的制作也是有一套原则源在里面的，把握好可以带来一系列的转化。

1.详情页要关联相关产品。比如卖牙膏就要有搭配性的产品例如牙刷2113出现在产品页。

2.详情页要有情景式营销。我们卖产品之前要明白目标人群是一个什么样的状态，然后把自己想象成顾客这一类5261人，设计出图文结合的场4102景效果。

3.带上用户打动人心的评价。

4.企业公信力的证明，让顾客买的安心放心。

5.在详情页中承诺对于售后服务的保障。1653

6.促销信息出现在详情页，例如满减优惠。

一般淘宝网店布局结构主要由哪些模块组成？

淘宝店铺的主要有：店铺首页，店铺列表页，宝贝详情页

店铺首页又分为：页头，左侧栏，促销区，宝贝，页尾

店铺列表页又包括：页头，左侧栏，搜索列表，页尾

店铺详情页包括：页头，左侧栏，宝贝基础信息区，宝贝描述区，宝贝相关信息，页尾区

一般淘宝网店的页面都是怎样布局的

一个好的主图一定是既美观又真实和驱动购买欲的，基本由背景、产品、文案三部分组成。

1、主图背景：因为自己店铺的宝贝主图是跟同页面很多竞品同时展现，一个好的背景一下子吸引住用户的注意力。一般分为纯色背景和环境背景，需要卖家倾注许多点击的概率点，当然，宝贝的主图背景要跟产品本身相符合，不要为了突出而哗众取宠，青山绿水适合有机食品营销，用于电子产品就会弄巧成拙。

2、产品图：产品图是主图三要素的核心所在，要求一定要清晰，产品图一般是在主图中居中位置。

3、文案：首先文案部分占比不能超过30%，其次是文案排版美观性，是否加文字也因产品而异，用展示不出来的功能属性可以用简练的文案来说明一下，比如说电子产品等是功能性产品;但服装类目主要看的是款式，可以直观的展示出来，通常是不需要在上加文案的。但是文案有提炼卖点和痛点的作用，如果对自己产品够自信一定要明确价格，如果有类似三天直达、送货上楼等类似特殊附加服务项目要在文案中凸显出来。注意文案每张图不要太多，不要想着一张图把所有的都表达出来，那样会适得其反。

对网店进行视觉布局?

网店的布局设计在不同的平台上是不一样的，淘宝与天猫平台上也有普通店铺与旺铺之分。但一般的网店店铺关键的展示区有店铺首页、商品（宝贝）分类页、商品（宝贝）详情展示页，其他的展示区还有很多，比如个人空间、信用区、店铺介绍区等。这些功能区域在设计时要进行合理的布局。

（1）店铺首页：在旺铺设计上用户可以自由发挥的余地较大，可以内置网页程序代码；专业的网店店铺设计，可以充分利用首页空间，达到美化店铺，对产品对店铺背景进行宣传的目的。

（2）商品分类页：针对产品（宝贝）的分类模块的特点进行装修装饰，采用不同的设计和布局以及素材的搭配，达到预想到的效果，让人感觉店铺设计美观大方。在网店的装修设计中，系统后台有自定义分类模块、左侧分类模块与右侧自定义模块等，要对这几个模块进行合理布置。

自定义分类模块，相当于一个网店店铺的横向目录，通过点击不同的分类项可以展示不同的页面，因此，在此页面的设计上一定要条理清晰，以加深店铺的浏览深度，这也是消费者经常重点关注的模块。一个好的自定义分类，可以凸显店铺风格定位、商品重点、特惠活动、与顾客的互动等。这个模块可以自定义，即商家在系统后台可以自行设计。

左侧分类模块，是提高店铺浏览深度的一个重要作，而其中的类目排列则为重中之重，通过左侧模块可以向消费者展现店铺销售的各类商品，通过合理的排序，可以让消费者方便快速地找到需要的商品。在系统后台商家（企业）可以增加相应的模块，如帮派入口、新款、热销商品、特价促销、一元换购等，这些模块的添加，会增加消费者的黏性，提升消费者反复点击或者购买的行为，让消费者停留的时间更长。

右侧自定义模块，是店铺首页的黄金展位，建议设置新店铺活动、热销款、主打商品、快速导航。右侧模块可以选择放置当下店铺主推的产品大图，尽量不要用密密麻麻的文字填满。模块中部，产品的排列不需要过分整齐，进行有层次的展示，异产生关注点击。

（3）商品详情展示页面：商品详情页对于网上销售的商品来讲是非常重要的。消费者在搜索到商品以后，基本上都是通过商品详情页了解商品的特征与属性，而事实上商品的销售也关键看这个页面，商品详情页是否做得美观、舒适、可信，商品属性描述得是否清楚等，均影响消费者对商品品质与价值的把握。一般来讲，为了使商品详情页更适应消费者的阅读，使商品详情页更美观漂亮，商家会使用各类方法与技巧，比如用商品描述模板、给商品拍很多细节照片、把商品详情图设计得非常悦目等，这些都需要巨大的工作量和投入，可见商品详情页的重要性是不言而喻的。对于业绩比较好的网店商铺，商品详情页的上半部分一般设置店铺的店招，左边有分类栏，下面部分设置同类商品模块，使网店页面整体协调，并限度地吸引消费者在店铺里浏览。

商品详情页布局

首先，要考虑消费者的购物逻辑，消费者在网络平台的购物逻辑与实体商店的购物逻辑相似，在安排商品详情页的信息流逻辑顺序时，也应当尊重消费者递进的情感需求。比如去商场买一部手机，可能一眼看中一个放在柜台醒目位置的型号，这相当于消费者从网店店铺首页进来；接下来可能会走近看看机器的整体外观，询问相关配置信息，这就需要商品详情页的主图和产品介绍图与相关文字来提供给消费者；接下来拿起样机看看功能、材料、做工、配件等，这时候相当于浏览网店商品详情页的功能展示图、商品细节图。如果消费者觉得满意，符合需求，一般情况下会再了解售后服务信息以及优惠活动、物流等情况，然后就是下单成交。以上是一般的购物逻辑。

根据以上所述，在设计商品详情页的时候应考虑如下信息：商品的主图、商品整体图、价格、产品基本信息、规格尺寸、细节、使用方法、质量认证、售后保障等。通过归纳可以整理为以下几个模块来展现商品与服务的详细信息。

商品展示类———款式、色彩、搭配、细节、卖点、包装。

吸引购买类———卖点强化、情感打动、热销盛况、买家好评。

品牌形象类———荣誉、资质、生产、销量。

促销信息类———热卖、关联销售、促销活动、优惠套餐。

购物指导类———购买、付款、收货、验货、退换货、保修。

在确定了商品详情页需要表述的内容以后，就需要根据实际情况来分析与确定商品详情页展示内容的逻辑结构与展现顺序。根据消费者一般的购物主流程，可以根据以下顺序来逐一地为消费者展现商品与服务信息。

店铺活动信息———消费，流量，提高转化率。

商品整体展示图———吸引顾客，强化卖点，情感共鸣。

商品介绍文字———清晰完整的商品介绍功能与特征，可以图文并茂，促成交易。

商品细节图———多角度展示、场景展示、细节展示、包装外观展示、包装配件清单展示。

品牌介绍———品牌故事、荣誉资质、生产实力、加强信任。

购物须知———交易条款、常见问题、售后相关、。

但不是所有类目的商品都用以上流程排序，企业应根据不同的商品类目、不同品牌的特征与内涵，以及平台促销活动情况，因地制宜、因时制宜地设计商品详情页。商品详情页承载的信息量很大，一般要优先选择消费者首先关注的信息作为导航，放在页面的前几屏展示出来，其他次重要信息可以放在页尾，也可以新建页面描述，还可以通过告知。