淘宝商品详情页的要素设计
宝贝详情页的设计也没有那么简单，掌握详情页设计基本原则的同时，我们还要了解制作详情页时需要什么内容?
基本原则一：信息图像化
文字是循序渐进的处理，同时能被记住的只有20%，而图片同步被大脑处理能记住的是100%，所以详情页面的描述应尽可能地图像化。
基本原则二：高效表达
内容不要过于臃肿，表达要清晰有条理，简单直接。不要影响到页面打开速度。页面载入时间过长，会影响销量。
基本原则三：要掌握客户最关心的点
你所认为客户最关心的地方，往往并不是客户最关心的不同的产品客户所需求、所关注的地方不同，不同的产品顾客关注的地方也是各不相同。
了解了设计的基础原则之后，我们一起来看看：一个页面如何从抓住眼球到最终成交的逻辑，让页面深入人心，让页面可以帮助你说服你的消费者。
吸引顾客 留住顾客
客户的需求：产品独特的卖点(与别人的产品不同的'地方，产品优势)、活动价格优惠、不同的服务(购买产品能得到什么享受、服务)、痛点(解决问题烦恼)等。
比如说，服装类的产品顾客可能关注的是衣服的款式，模特穿着的样子，衣服的尺寸以及衣服的尺码，模特的身材体重以及他穿着的衣服的大小码对比。这样才能得出来自己穿起来是什么样子。
而功能性产品比如说保健品之类的，顾客关注的就是本件产品到底有什么功能。你的产品肯定要一个突出点，比方说缓解疲劳。需要打出来一点吸引人的地方，你的 产品与别人的为何不同，优势在于哪里。这里主要可以分为：近期热点事件、网络流行、新概念、主题氛围、生活主张、实际利益、好奇心、品牌的嫁接、新品上 市、产品创意、强视觉、名人效益、限时限量等。
1，你要懂得ps的基本操作
2，给自己的宝贝拍照，收集图片资料，收集文字资料。
3，新建一张画布，把图片文字合理布局在上边。
5，把设计好的图片传到淘宝云空间复制链接编辑宝贝就可以了
详情页设计应该遵循以下4个原则：
①引发兴趣
②激发需求
③赢得信任
④打消疑虑
在产品上线之前，需要明确产品定位：产品消费群体，产品品质，产品价格。
根据产品的定位，确定详情页的设计风格。抓住消费者痛点，找到消费者为什么买这款商品的理由。通过完善的商品介绍确立消费者的信赖感，打消消费者的疑虑，最终促成购买。
第一步，我们得找到一个合适的模板，市场上的模板很多。打开软件后，在上侧的菜单栏选择详情页制作，详情页模板。
请点击输入图片描述
进入该页面之后，点击预览查看模板的整体情况，先要确定的模板后，再单击开始使用，最后进入使用模板页面。
请点击输入图片描述
点击进入模板页后，单击图片后会在图片的右侧弹出替换图片按钮，将图片替换成我们自己的产品图片，此处可以将我们的图片进行编辑，根据想要的效果来调整图片，在图示模板的上侧可以进行添加文字、图片、线条之类的小元素。
请点击输入图片描述
在该模板的左侧边栏，可以选择移动该模板，假如我们不需要这块的功能我们可以选择删除这个模板，需要重复出现的话，可以复制模板。但是如果一个模板不能满足需求的话，我们就得插入一个新的模板。
请点击输入图片描述
细节展示这款需要加一些细节的描述，但是模板里没有，所以首先点击添加文字，在右边的弹出框中输入需要加入的文字，然后图片下方的线条鼠标按着向下拉，最后将文字拖到空白处，完成整个修改。
请点击输入图片描述
按照以上的步骤方式完成整个详情页的操作。在完成后我们从上到下整体看一遍效果，确认无误之后，保存到我的模板里面，然后点击发布到淘宝。
请点击输入图片描述
这时候会出现一个新的弹窗界面，让我们选择刚刚的详情页的那一款宝贝，然后再更新电脑详情页和手机详情页。整个详情就可以被所有买家看到。
请点击输入图片描述
要确立的六大元素：
1、配色字体文案构图排版氛围
2、常见的宝贝描述页构成框架
3、产品价值+消费信任=下单
详情页上半部分诉说产品价值，后半部分培养顾客的消费信任感。对于消费信任感不光通过各种证书，品牌认证的图片来树立。
4、使用正确的颜色，字体，还有排版结构，这些对赢得顾客消费信任感也会起到重要的作用。详情页每一块组成都有它的价值，都要经过仔细的推敲和设计。
5、详情页的描述基本遵循以下顺序：
*①引发兴趣
②激发潜在需求
③赢得消费信任
④替客户做决定。
特别要注意的是，由于客户不能真实体验产品，我们宝贝详情页是要打消买家顾虑，从客户的角度出发，关注最重要的几个方面，并不断强化，告诉顾客我是做这个的专家，我很值得信赖，买家买了都说好，正好店铺有活动，现在下单价格最优。明日即刻涨价。
6、遵循以下原则：
*①文案要运用情感营销引发共鸣
② 对于卖点的提炼要简短易记并反复强调和暗示
③运用好FAB法则
淘宝主图设计技巧
主图是一款产品的流量入口，对引流起着至关重要的作用，一张好的主图可以为店铺运营省下好多钱和精力，怎么让自己的主图在整个淘宝页面中脱颖而出?下面我为大家整理了淘宝主图设计技巧，希望能帮到大家！
（一）关于版式
电商产品繁多，没有一个统一的排版模式！
但要做好一张主图，应该遵守的一些原则还是有的。
1.版式：常用的板式有左右排版、中心对称排版、中心围绕、上下排版等（这里指文字和产品的位置）。
2.版式的选择；a.根据产品的不同和主图不同的作用（直通车主图、普通主图、活动主图等）有不同的做法：比如服装类，模特照片通常采用的是中心对称式构图为主；
平铺或者挂拍的通常采用左右排版这类通常是较规则，整体呈竖式长方形的产品，所有符合这个特征的都非常适合中心对称和左右排版（并非绝对，是通常来讲）
b.相比上述产品，相对不规则的产品，通常采用的是上下排版和中心围绕。
例如：上下排版
中心围绕，配合倾斜
c.总结：版式都不是固定不变的，以上所说皆是最常用也往往是最有效的一些，根据产品的造型去给自己的主图设计相应的排版！
3.关于图文比例
为了在页面中更具优势，我建议产品比例占整个画面的2/3左右（特殊作图效果除外），必要的时候可满版型设计（通俗讲即产品布满整个画面）
4.关于用色方面
简单说一下，尽量文字根据产品颜色来定位，选择同色系或者补色！
关于用色方面，下篇文章细讲，在做主图的作用方面尤其重要，如何在同产品中脱颖而出，起着至关重要的作用！
（二）关于用色
色彩基础就不多讲了，理论只是用于实践！
今天就专讲一下关于主图的配色用色方法。这对于我们主图的点击有着非常重要的作用。
具体步骤如下：
01.分析产品，以女装为例，这个阶段不用在意产品本身的颜色，最应该做的'是去用最热的词去搜索自己宝贝的页面大概的位置
本来是上下左右全部做对比的，这里只做横向对比，道理都是一样的。
如上图，相比其他三张主图，第四张颜色偏深，对于我们的眼睛来说，视觉停留点就在这张图片上。这时候我们就要思考自己的主图了，假如我们的主图所在位置相比其他商家主图用色差异不明显，现在就要用所行动了，如果大多数偏亮，你可以选择偏暗，如果其他单色系偏多，你就可以选择多色系，等等......
02.关于用色以及如何与其他商家主图有利的视觉差
首先需要知道自己的产品是什么颜色，这是根本，不能乱配色。只有保证做到自己主图画面和谐美观的前提下，再区别开其他商家主图才是上策！
a.根据自己产品的颜色，可选择同色系、邻近色、类似色、中差色、对比色等基础配色方案进行配色！
b.然后通过明暗、冷暖、纯度、明度等和其他商家区分开来（常用的方法还有大小对比，不属于用色）
03.补充一点，上述所讲是背景与产品、文案信息用色之间的配色关系
04.关于文字的用色，尽量不要超过三种，建议是两种或者单色！
好的点击率就需要自己产品主图在整个页面或者相比周围脱颖而出才是重中之重!!!!
配色基础就不讲了，新手可自己买本书看看，补充一下自己的不足！
（三）关于文案排版处理技巧
大家都晓得，一般的主图不需要文案排版，这里主要是针对活动主图和直通车主图而言的！
一.先讲下文案信息在一张主图中放在什么位置比较合适，我们就说几种常见的
01.最常用的——位置沉底
最常见最方便的一种。以家装地板类目例：
以上两张主图都属于沉底式，简单又多变化，这种文案信息位置排版方式一般不会破坏画面的整体性，简约而不简单，文字信息需要和底色配合点线面变化！若文案超过两行，要选择左对齐或者右对齐、中间对齐等，原则就是不要乱了画面，造成阅读障碍！
02.常用的——左右位置
也是比较通用的。以服装为例：
文字偏左或者偏右，通常文字采用竖式排版，文案信息需要主次分明，颜色尽量选择单色或两色，字体不要超过两种，文字越精简越好！
03.一般不用的——中间位置
（这个对根据产品排版有一定的要求，切记不能破坏了对产品浏览的完整性）
以男装类目为例：
中间位置，文案信息一般较少，言简意赅，达到目的即可，不可多放！单行或者居中排列
04.自由创意——灵活运用
根据产品的位置进行构图定位文案所放的位置，倾斜式用的较多也较灵活！
05.最不常用的——顶部位置
文案放在顶部控制不好多会造成不稳定的感觉，不是商品特殊，不建议文案信息放顶部位置！如果需要，请配合以上四种设计！
总结：具体根据产品的造型需要以及构图需要来确定文案应该排放的位置，最常见的就是上述前三种！
二.关于文字的排列组合
01.横式/竖式/横竖混排
横式：文案信息单行或者最多2行为宜，对齐就是常见的三种：左右和中间，重点是大小和颜色的变化，主文案字号偏大，颜色较整个画面要突出。次要信息可做点缀或者是补充，再维护整体画面的同时，做到灵活多变就可以了！文字颜色单色或者双色，切记超过3种颜色以上！！
竖式：多用于传统产品设计排版，有文化底蕴的产品！道理和横式一样。
横竖混排：横竖混排非常考验排版能力，属于高端技巧，虽然很难排出效果，但经常尝试也会有收获！
02.倾斜式
有倾斜的排版视觉效果是非常直接的，有视觉冲击力（上述位置04有例图）
倾斜角度不要超过45，否则影响视觉效果。另外一旦采用斜向排版，建议把所有文案内容都采用斜向排版，否则看起来不协调。
03.文字变形式
通过对文字的夸大或者扭曲变形以及对文字的特殊处理特效等来排列文字，主要是为了突出一些重要信息和反应出产品的一些材质元素！
04.框架式
简单说就是把文字排列出一定的形状，或者根据一定的形状固定排列，形式感较强，整体感较强！淘宝主图不常用，可根据自己店里的产品来尝试！
05.复合式
即多种排版模式混合使用，这个需要自己去总结和发掘，很考验一个设计师的能力！
总结：文字的排版是多样的，但对于电商而言，常用的最有效最直接，一张好的淘宝主图需要文案的完美配合与点缀！
特别要注意的是，由于客户不能真实体验产品，我们宝贝详情页是要打消买家顾虑，从客户的角度出发，关注最重要的几个方面，并不断强化，绝不是堆的感觉。高质量的宝贝详情页能够带来不错的转化率。
二、淘宝的消费者在搜索商品的时候，是先搜索，然后碰到自己喜欢的，就直接进入了宝贝详情页面。所以，宝贝详情页是提高转化率的首要入口。
从电子商务页面的整体结构来看，主要大方向分为首页，列表页，和详情页。从转化率角度来看首页，列表页，详情页分别职责是：首页只是刺激买家点击图片，进入到详情页，从而在详情页里转化成交。列表页说明买家目的寻找商品性强，也是最终进入详情页，详情页是直接导致转化的地方。
从不同地方不同功能点入手，先划分清楚，每个地方，他的职责是什么。有了这些职责，我们就要从流量入口开始做分析。
不同流量举例：直通车的流量，是单品带单店，单店爆品牌。大型活动商品是入口流量。进入到是直接的详情页面。
所以，详情页可以总结一个基本流程：我是做这个的专家，我很值得信赖，买家买了都说好，我还有更多优惠的产品您还可以看看，近期我店铺还有更多优惠，我的店铺还有很多活动再进行。
三、一般来言买家在详情页中关心的重点有：
1 买家评价详情
与其显示销量多少弄些好评如潮的截图，还不如多些给力好评，消费者会考虑那些截图都不是真实的，所以消费者更愿意相信消费者，在买家使用的评价中提高对此商品的进一步认同感。
2 细节图
近距离展示商品亮点，展示清晰的细节（近距离拍摄），如服装类的就要呈现面料丶内衬丶颜色丶扣/拉链丶走线和特色装饰等细节，特别是领子丶袖子丶腰身和下摆等部位，如有色差需要说明，可搭配简洁的文字说明。
3 产品图
展示商品全貌：产品正面丶背面清晰图，根据衣服本身的特点选择挂拍或平铺，运用可视化的图标描述厚薄丶透气性丶修身性丶衣长丶材质等产品相关信息。
4 尺码图 他人尺码试穿
帮助用户自助选择合适的尺码，该商品特有的尺码描述（非全店通用），模特信息突出身材参数，建议有试穿体验（多样的身材）。
5 模特图
展示上身效果，激发购买冲动，模特符合品牌的定位，清晰的大图（全身），呈现正面丶背面和侧面的上身效果（每张图片都增加不同信息含量来表现服装）若有多个颜色，以主推颜色为主，其他颜色辅以少量展示排版宽度一致（可以采用拼贴），减少无意义留白。
大家都知道淘宝详情页对买家下单起着关键作用，那么淘宝详情页设计到底怎样设计才能吸引人呢？其实淘宝的详情页从来都不是胡乱设计一通的，而是有固定的框架和模板的，下面就让我来告诉您吧。
01确定产品色系风格
首先产品在设计之前先要确定好产品的设计风格、色彩、元素，比如美食类、餐饮类最好用明艳的色彩，像橙色、黄色、红色、绿色等暖色系，容易勾起人的食欲。也可以去网上找一些餐饮的设计小元素，会使得详情页整体的设计风格变得自然、简洁、大方起来。
02产品的品牌故事
有了产品的设计风格，接下来还需要有效的内容填充，一个好的产品，最能打动人的部分，其实就是产品的品牌故事，它能令人看到一个产品品牌的发展历程，产品的核心理念、价值观以及品牌使命，人们很容易对一些传统历史悠久的产品工艺或者发明产生浓厚的兴趣，当一件产品穿上历史文化的外衣，有了文化的内涵和底蕴之后，就不仅仅是一件产品，而是一种文明发展的象征，才能得到更加广泛的认可。
03产品的基本信息
产品的参数信息是最基本的，主要是一些产品的基本信息，比如产品的品名、产品的产地、产品的材质、产品的大小（尺寸）、产品的规格（单双）、产品的型号、产品的颜色等等。
04产品针对的人群
所谓产品针对人群，就是指这个产品是针对老年人、中年人还是小孩等等，或者是产品的适用范围，比如护膝一类的，所针对的就是经常跑步、韧带损伤、快递员、负重、运动损伤、术后恢复、骨关节不稳或者从事特殊类工作类的如运动员、骑行比赛一类的人员。
05产品的成分功效
一个产品好坏最重要的还是要看产清产品的描述内容，比如有哪些主要成分以及功效。如果有什么易致过敏的成分，需要特别标注说明。另外根据最新广告法规定，不应夸大广告说辞，也不要过份宣传产品的功效。
06提炼一个核心卖点
几乎每个产品都会有一个核心卖点，这一点是吸引买家的关键，比如很多电饭煲会有定时功能，于是就有了“会叫你起床的电饭煲”“会唱歌的电饭煲”，护膝类产品，为了突出透气性、舒适性，于是就有了“一款会呼吸的护膝”等等。
07产品的优势在哪里
产品的详情页设计里，还有一个比较重要的看点，那就是你的产品优势在哪里，毕竟现在的商家和产品都那么多，消费者的选择性也更多了，这个时候产品的优势就显得十分重要，最好可以做一个产品与其他产品的对比图，比如从细节、工艺、材质、效果方法，可以选择一件或者市面上的多款竞品进行分析对比，让消费者一目了然就看到你们的优势所在。
08产品的买家秀或者好评度
当然一个好的产品用户的口碑是很重要，可以放上一些过去所买产品的消费者对产品的好评或者是买家秀，让买家可以清晰直观看到商品的好坏。
09产品的仓储物流
当然除了产品的好坏，人们比较在意也就是产品的仓储物流，比如有没有充足的库存，或者是商品能不能到最快到用户手里，因为很多人都很希望能够立即收到宝贝。比如比较受欢迎的某东，就是因物流快而颇受好评，当天下单当天就能收到，尤其是在网上买一些贵重物品，那么物流的安全性就显得更加重要，也要用户优先要考虑的问题。
10产品的售后服务
当然一个产品售后服务也非常重要的，一般正规店铺或者商城购买的产品都有比较不错的售后服务，也能够快速的退换货。因此正品保障、七天无理由退货、退换无忧、售后服务电话、旺旺等各种信息就需要写的非常直观明了，让消费者一眼就看到，如果遇到问题，也应在3-5个工作日内尽快解决，只要做好售后服务，那么消费者对产品的满意度才算百分百。
