淘宝美工如何掌握详情页设计技巧与思路?

当我们拿到一个详情页设计需求的时候，我们不要急着去做，而是先分析详情页的逻辑大框架，详情页的逻辑很重要。

我们可以先分析产品的定位和卖点(痛点)，先进行产品的定位，懂得营销思路，确定好文案，把文案的主次关系弄清楚，补充促销的噱头，提升转化率。点缀标题，给人一种购买欲。

一、产品描述页的框架

打造一个详情页，前期需要花多点时间去调查，构思，确定好一个方向，再去做设计。详情页是提高转化率的入口，所以产品详情页是店铺产品是否能够交易成功的关键因素。一个成功的详情页是如何吸引客户的消费*遇望，如何才能牢牢抓住客户的消费心理?我们要从买家的购买心理，买家的浏览习惯，购物逻辑去分析。


按照这些逻辑去优化我们的详情页，依据这些逻辑把详情页描述分成几大模块去表达。详情页的描述逻辑，都需要遵循一个顺序:如何引起消费者的注意，激发潜在客户的消费需求，得到消费者的认同与信任，替消费者做决定。由于客户不能直观的体验，我们做详情页的目的就是打消客户对产品的各种疑虑，从客户的角度去出发，告诉客户我们的产品是值得去信赖的。

二、设计的技巧

先进行产品的定位，了解清楚产品在市场上的价格，符合什么样的人群;再确定风格，看一下其他店铺的详情页设计，吸取一下别人的长处。从中借鉴准备设计的元素，分析产品自身的一下卖点进行提炼，根据产品的定位进行风格上的确立，开始逐步收集所用到是设计素材。素材网站可以到花瓣、觅素材等寻找用到的素材。产品的定位主要分为三种定位，功效定位、品质定位、市场定位。


功效上，该产品在同类的产品中有什么明显的功能区别，有什么**功效;品质上，有什么**的品质吸引客户;市场上，把产品的宣传定位在较有利的市场上。店铺想做简洁清爽的风格，考虑品牌色调跟产品*，用色尽量控制在2-3中颜色。避免页面出现花哨的感觉，彰显品牌调性。

(一)、对比**

文字上的**，确定好文案的标题，主次标题之间要有明显的大小对比，重点**主标题，副标题与装饰文字需要弱化，层次分明。图案上的**，对产品进行打光**。与页面有明暗关系的对比，**产品。其余的作虚化处理，拉开页面的层次感。

(二)、版式的衔接

柔和的曲线衔接，这种分割版式适合一些偏女性母婴的产品。让客户跟着曲线的衔接引导观看，延长停留的时间，既给页面增加美观，也给人柔美柔和的感觉。利落的直线条/斜线条分割衔接，这种分割的版式适合数码类，运动类或者偏男性的产品。各类型的形状衔接，这种形式比较活跃，注意形状的统一，形状的大小对比，主次分明，切记能过多的形状，导致页面混乱。

(三)、风格上的确立

1. 文字上的确立风格，确定走的是简洁风、时尚风、文艺风、科技感、可爱风等。定一个主风格，再定一个次风格，主次分明相结合。

2. 产品价格的定位，确立风格。

3. 分析市场，可以走差异化，不同寻常的风格。

三、首屏海报创意

设计生活中，创意不仅可以吸引客户的眼球，又能整体画面的丰富层次感，而且还可以很巧妙地表达出主题性。淘宝页面中，如何才能够让客户一眼记住，形式的创新显得尤其重要。视觉集中到产品身上，同时能够很好地抓住人的眼球。

(一)、常规:全力营造氛围提炼关键词，画面氛围靠向关键词。

(二)、特有形式的延展固定构图固定形式，找到形式套用。

(三)、在内容里找梗:喜闻乐见，会心一笑，从合理把握尺度(含蓄巧妙)。

(四)、玩标题:不止是大，标题文字形式，结构，材质的玩法。

(五)、**现实的场景设定打破固有思维梦幻梦境。

(六)、有趣生动的造型特别不同的地方。元素要有趣要有喜感。

(七)、较朴实的情感较动人寻找动人的点。通常一些感人的画面，更*打动消费者，让消费者理解。



总结:从产品定位到风格设计，从营销思维到设计，都些都是影响一个产品详情页转换率好不好的关键因素。页面的整体风格调性，美观问题，都很重要。

一个详情页好不好，不光要美观，还要提升产品的转化率。站在客户的角度去分析，如何做到激发购买遇，让客户更加对产品信服。

确定详情页的框架，构思好详情页的内容。确定产品的主要卖点，给产品确立一个明确的定位，告诉客户为什么要买你的产品。满足用户的需求。需求是对美好的向往，以及对现状的恐惧