1. 案例解析详情页设计的技巧
案例解析详情页设计的技巧
电商视觉比拼的不仅仅是视觉技巧了，而是怎么让客户愉悦，最重要的是如何让客户在愉悦的同时可以快速地下单。我们自己在设计详情页页面的时候，一定要注意页面设计的基础三原则：
基本原则一：信息图像化
文字是循序渐进的处理，同时能被记住的只有20%，而图片同步被大脑处理能记住的是100%，所以详情页面的描述应尽可能地图像化。
基本原则二：高效表达
内容不要过于臃肿，表达要清晰有条理，简单直接。不要影响到页面打开速度。页面载入时间过长，会影响销量。
基本原则三：要掌握客户最关心的点
你所认为客户最关心的地方，往往并不是客户最关心的;不同的产品客户所需求、所关注的地方不同，不同的产品顾客关注的地方也是各不相同。
了解了设计的基础原则之后，我们一起来看看：一个页面如何从抓住眼球到最终成交的逻辑，让页面深入人心，让页面可以帮助你说服你的消费者。
一、吸引顾客 留住顾客
客户的需求：产品独特的卖点(与别人的产品不同的地方，产品优势)、活动价格优惠、不同的服务(购买产品能得到什么享受、服务)、痛点(解决问题烦恼)等。
比如说，服装类的产品顾客可能关注的是衣服的款式，模特穿着的样子，衣服的尺寸以及衣服的尺码，模特的身材体重以及他穿着的衣服的大小码对比。这样才能得出来自己穿起来是什么样子。
而功能性产品比如说保健品之类的，顾客关注的就是本件产品到底有什么功能。你的产品肯定要一个突出点，比方说缓解疲劳。需要打出来一点吸引人的地方，你的产品与别人的为何不同，优势在于哪里。这里主要可以分为：近期热点事件、网络流行、新概念、主题氛围、生活主张、实际利益、好奇心、品牌的嫁接、新品上市、产品创意、强视觉、名人效益、限时限量等。
以下简单举例：
左边的产品是冬天的衣服。怎么吸引买家看下去?冬天买衣服除了看款式，更重要的是保暖。图片营造出一种温暖的气氛，暖色的背景外加女模特头上的灯光，给人以温暖的感觉，符合顾客心里的想法。
右边的产品是夏天带的防晒头盔，为什么会带?就是因为夏天太晒，但是带上难免会有点热，这时候用冰块的背景和雪山给人以冰凉的感觉，对抗炎热夏天，不仅防晒更强调清凉舒爽。
以上就是主题氛围，主要还是给顾客以代入感。
上图左边的产品是保健品，卖点是可以延缓衰老，这就是顾客所能得到的实际利益。设计上因为是保健品，注重天然、自然，所以背景用的水果，然后前面的女人面带微笑显得很年轻，整体给顾客一种年轻健康的感觉。
右边的图是卸妆水，除了卸妆以外可以细致毛孔，补水紧致，清爽温和，这些都是买卸妆水的顾客所需要的。而实际的功能和利益是需要文字和图片结合的，这类产品一般文案都比较多，所以更要注意文案的排版，一定要有规律，要做到有序、有层次、有重点，同时也别忘了运用背景的烘托效果。文案和背景的绿色清新相呼应，让人深刻地感知到产品的功能性。
上图左边的产品是百岁山矿泉水，不需要过多的修饰，就一句话：水中贵族百岁山，富含多种微量元素。我们的水就是好，就是水中的贵族，就是和别人的不同。此类产品主要吸引人的地方就是文案。
右边的产品是无烟不粘锅，可以看做是生活的主张：你用了这个东西逼格就高了!此类的设计主要是背景烘托文案，突出文案来吸引顾客。也可以放几张顾客使用的照片，强调大家都在使用，引发跟风从众的心理。
上图左边的产品是运动时候带的那种耳机，所以以强视觉的方式展现，就是类似于电影海报的方式，吸引顾客的眼球，让顾客有看下去的欲望。但此类设计比较考验阅历和合成功底，不仅仅需要好看，更需要和产品以及文案相贴合。
右边的产品就是很常见的新品上市，这也是一种很常见的吸引顾客的.方式。人都是有一种喜新厌旧心理和对新鲜事物的好奇心，这类的整体详情页应该围绕新品、新功能、新感受来做一个整体布局。
二、提升顾客兴趣 确认需求
上面提到的只是吸引顾客看下去的方法，顾客看详情页面主要还是想买东西的，因此必须要有顾客想要看到的元素。
产品的参数一定要有，并且写清楚。有的产品还需要测量方法等，方便顾客选择合适的尺码，这样第一显得专业，第二也方便顾客选择合适的尺寸。
鞋类产品最好在产品参数里面加上选码须知。如果产品比正常尺码小的话，一定要标注出来。
产品的细节一定要尽量展示得详细一点。比如：包包的各种角度展示，然后内里、拉链部分。如果是品牌的产品，品牌的LOGO一定要展示清楚，产品的走线一定要展示清楚，这样才能提升产品整体的品质感。
衣服的细节尽可能地展示清楚，也可以在旁边加一个全景展示和细节的对比。排版上面可以不拘一格，更具有引导性，像上图右边使用的就是线的引导。
上图左边的产品是女包，背景里的海鸥、大海、飞扬的女人裙角，给人一种奢华大气的感觉。不用文字描述，就能显示出产品的品质。这就是视觉设计简单易懂的原理，千万不要大篇幅的文字说明，既不显得高端，又会让人抓不住重点。
;2. 详情页设计的基本步骤
1．确定页面风格，页面风格主要是根据产品本身来定的，如产品的属性、产品功能等，如果产品没有特定的风格属性，可以根据目标销售人群、季节、节日或主题活动来定。
2．产品和素材搜集前期实拍素材，进行整理和分类。我们也要在设计的过程中要学会整理搜集自己的素材库，做好备份。
3．确定配色方案已有店铺视觉规范的可以直接延续使用，如果没有，可以从产品本身提取，或者从Logo中提取或从产品联想属性提取。在配色过程中，无论用几种颜色来组合，首先要考虑用什么颜色作为主色调。
4．确定配色方案已有店铺视觉规范的可以直接延续使用。如果没有，可以从产品本身提取，或者从Logo中提取或从产品联想属性提取。在配色过程中，无论用几种颜色来组合，首先要考虑用什么颜色作为主色调。
5.选择合适字体类型，字体相当于一个桥梁，相当重要。主要用来对产品进行解释说明，方便顾客阅读，同时，也是起重要信息的引导作用，可通过大小字体搭配进行重点显示某项内容。字体使用时一般不超过3种字体并选择符合产品定位的字体；在重点部分内容进行加粗突出显示，以加深买家对该信息的印象程度。
6．整个详情页排版，怎么对图片和文案内容进行排版设置，要考验我们平时积累下来的设计的水平。越是简约大气的页面，元素务必不要太多，清爽舒适的页面多留白，参考优秀案例，多多借鉴和学习。学习是没有止境的，同样，详情页的设计排版也是。多学习，多总结，扩展相法。拓屏思维，建立自己的设计风格。
3. 如何设计好一个商品详情页
1、首先要分析产品的特点，做好产品的规划，在文档上详细列出详情页的内容，然后按照规划的一一来做。
2、依据规划做出详情页，其中详情页的前三屏是比较重要的，第一屏默认是做海报，这张海报要体现产品的最大特色，然后一屏大概在700-800像素左右，宽度默认是750PX，高度不限制，但不要过长，建议在8000PX最好，基本上就是10屏的长度，前三屏直接影响浏览者是否继续观看详情页。
3、在众多卖点中找到一个最特色最主要的卖点来进行宣传，前三屏只展示最大的卖点即可，第二屏并没有什么普遍默认的，但一定要说产品的最大卖点，例如质量好，耐用等。但是要注意掩盖产品的短处，不要自我揭短。
4、产品的详细信息要写上去，比如衣服的尺寸，玻璃制品的规格，都要一一罗列上去，让买家可以一目了然，直接选择自己需要的大小，也可以做到第四屏，之前再做一屏产品最大卖点的展示。
5、前三屏展示完后就要根据产品其他的卖点，做介绍了，每一个都要根据之前的规划，把特点，优势等放到详情上，产品优势不止一两个，至少也要三四个。
6、按规划展示产品的特点，细节，内部结构等，让买家全面了解产品。这样的细节图也不止一个，比如衣服的就需要模特的侧面，背面，衣服衣领，袖口的细节图，至少要三四个，这样下来10屏就差不多用完了，还可以展示厂家实力，或是服务，买家评价等。
4. 淘宝店铺详情页怎么设计
详情页是根据产品来设计的。前期的准备工作肯定要做到位，不然你的详情页可能无法发挥出它应有的作用。
首先你要知道你的产品准备卖给谁吧，目标客群的人群画像如何，他们的年龄、性别、消费习惯、阅读习惯等等，这些东西在拿到产品的时候心理就要清楚，不然你的详情页肯定不合他们胃口。就像都市白领和在校学生，他们的购物习惯和阅读习惯肯定是不一样的，不能针对性地设计详情页，肯定无法引起目标群体的兴趣，不愿意看就无法了解你的产品，何谈成单呢？
再一个就是对于你的产品你要足够的了解，还要了解市场。你的产品在市场上处于什么样的地位，和竞品对比又有哪些优势。毕竟现在淘宝上的商品同质化很严重，你的产品在那么多同类中如何快速抓住买家的眼球就很重要了。这就是要提炼产品的卖点，让产品拥有和竞品不一样的地方，有让买家第一眼就记住的地方。
卖点有了之后还要想文案。相当于你怎么用文字把你的卖点包装得更引人注意。这一步还是很考验文案能力的，既要简短还要有亮点。有很多详情页都是败在这一步了，文案写成了说明书，看之无味。
前期工作做完之后就该设计登场了。设计首先要把控的就是根据运营人员提供的人群画像来定整个详情页的风格。风格就像穿衣一样，得体就会增色，乱配自然会扎眼。接着是根据产品去设计版块，开头的位置肯定是一张醒目的视觉效果海报，为了让通过标题或者主图进来的买家能有继续看下去的兴趣。
海报之后紧跟着展示卖点，这是为了让买家能第一时间清楚知道你产品有哪些优势。然后是效果展示、全方位外观展示、细节展示、品质认证、售后保障等等各种能打动卖家的信息都放上吧。
5. 美工设计：店铺详情页设计技巧
美工设计：店铺详情页设计技巧
上过淘宝的朋友都应该了解店铺详情页是什么样子的，那么大家知道店铺详情页是怎么设计的吗？下面我为大家整理了美工设计：店铺详情页设计技巧，希望能帮到大家！
详情页的一般规律
1、关联销售
2、焦点图
3、客户诉求
4、产品优势
5、产品参数
6、产品展示
7、细节展示
8、证书保障
9、买家须知
上面只是一般详情页的排版规律，具体落地的时候可以根据产品的类目（例如：母婴，女装，电器，箱包），页面的情况（例如：新店——没有销量基础的；主打高销量款页面——有一定的销量，主要是想优化改善）等等情况，可以酌情对页面顺序进行的调整，可以相应的加上：①晒好评，②品牌故事，③场景展示，④产品结构图，⑤安装说明等等。这些模块，除了给页面增值外，更充分的展示产品的优势。
"三思而后行——做好市场调查"
在做每一个设计之前，我建议每一位设计师都动手去做一下市场调查，例如：同行业的数据调查，消费人群的调查，消费人群的购地域调查，消费能力的调查等。做这一系列的调查，除了能加快您对产品的了解外，更能准确的扑捉到产品的针对人群，和定位。然而，一般从哪些途径去做这些调查呢？我为您介绍几个：
1、淘宝指数
淘宝指数是目前一个对分析消费人群的一个准确性较高的软件，
2、淘宝网站
在淘宝网站的首页，打上产品的关键词，然后对比同行的数据等等
在万事具备后，我们就可以设计页面了吗? 此时此刻，我又不得不大声对各位同学SAY NO，在充分做好市场调查后，我们还有一个步骤要做，就是要定下页面需要做什么风格的，需要用些什么元素？需要用什么色调？然而，要怎样去确定这些要素呢？下面，又是我的开班时间了··
万事开头难——确定风格元素
在确定页面的风格，色调，运用元素，这个上面的市场调查有着息息相关的联系。具体要做怎样做，请看我今日开班有说：
1、外观
1）根据产品的外观去定产品的风格
2）根据产品颜色去定页面色调的
2、工艺
根据产品的'一些独特的工艺，去奠定整个页面的风格调性的
3、季节性
根据季节性，结合产品的一些买点，完美结合展现页面调性的
4、时事性
把时事相关的历史几何起来，营造出一个故事的氛围，从而奠定一个页面的调性，例如：美的赤兔马电热水壶
点睛之笔——首焦图
首焦图主要包括以下几点：
1、页面主题
2、产品
3、优惠信息/功能性信息
客户诉求
该板块主要包含了以下几点：
1、客户在购买前遇到的烦恼
2、客户在使用过程中遇到的烦恼
产品优势
在展示这一模块的时候，我又要强调一下，很多同学会有这样的错觉：觉得把产品的买点放上来展示就是突出产品的优势了。其实不然，很多时候我们要站在客户的角度去思考，例如：我为什么要买这个热水器？家里不是已经有吗？为什么要换新的？哦~原来它智能的，在±1℃下还能恒温供水。哦~原来他在停电的状态下，还能提供热水，停电的夜晚也不再担心没有热水洗澡了等等。
上诉的例子不知道同学们看懂了我的意思没有？透过这个例子，我想告诉各位同学，产品的优势这一模块的展示的最主要作用是用来解决顾客的烦恼的，直白的说就是顾客烦恼什么，我们就要把产品可以为顾客消除烦恼的那一边展示出来。
产品参数
在到了页面的承上启下的部分，我建议各位同学，把产品的相关参数再次亮出来，第一，可以加深顾客对产品的印象；第二，起到一个转折的作用，产品的参数的相关类容我就粗略的列举下，（备注：根据产品的不同类目，同学们要适当的稍作调整哈）
（一）、产品名称
（二）、产品型号
（三）、产品材质
（四）、产品配件
（五）、产品颜色等等
产品展示
产品展示这一块，我就不展开细说了，这一模块顾名思义是：展示产品，引导顾客去深入了解产品的结构的，在此环节，可以适当的加上少量为文案，对产品有一个简单的描述，增加页面的可看性。
细节展示
到了细节展示这一块，这一个模块的主要作用，是更详细的，更具象的告诉顾客产品的优势在哪里？放大每个细节加深顾客对产品的了解，从而引导顾客购买产品，达成成交额。
证书保证
提到网购，很多顾客唯一一点比较担心的就是：质量上的问题。要怎样才能让顾客消除一定的心理障碍呢？出来晒好评，晒信誉外，最能证明实力的莫过于一张国家质检合格证书，还有三包服务"包换、包退、保修"
所以，我建议各位同学，在做电器产品或者母婴类目的时候最好是吧质检合格证书拿出来，让它占据一席之位，也好给您的页面增增值。
买家须知
买家须知这一模块，也许很多同学觉得不必要，但是我不得不说有这一个模块可以规避卖家在购买时的不必要误会，减少很多售后问题。
数据跟进
页面做好后，我建议各位同学不要忘记后面对店铺页面的数据根据，通过观察数据，才能更好的完善和改进页面，进步不是一蹴而就的。
综上所述，纵观全文，我今天的授课内容也就说完了，总结起来就是要做好一个详情页面，不但只要一个好的技术操手，更要懂得去分析市场，了解产品，所以，秀的页面做下来会有这些步骤：
熟悉详情页的一般排版规律、做好市场调查、确定风格元素、开始制作（首焦图、客户诉求、产品优势、产品参数、产品展示、细节展示、证书保障、买家须知）、数据跟进。
;6. 详情页是什么详情页怎么做
1、做好市场调研：确定买家在购买这类商品时关注的点都是什么，最简单的方法去竞品那里看一看评价，看看买家评论时说的都是什么内容，特别时差评时说的都是什么地方。自己做详情页的时候好的地方要优化，差评里的点要明确展现。
2、确定宝贝定位：找出自己卖的宝贝针对的是哪一类消费群体，从而确定放大哪一块的优点，是价格、款式、还是品质等等。
3、确定详情页设计顺序：先是引发买家兴趣，然后激发潜在用户需求，接着获取买家信任，最后替买家做决定。
4、详情页制作：确定设计元素，包括配色、字体、文案、构图以及风格。上来先来一张创意情景海报图，吸引买家注意力；接着是前三屏给出产品卖点、产品功能、产品能带来的效果，让买家清楚地认识到产品的具备的优势；给出产品的参数、材质等基本的信息，愿意做的可以放竞品对比图；然后给出模特图、场景图、细节图；最后放出店铺附加的服务信息，例如售后保障、物流、运费险等等。
现在做详情页的工具有很多种，懂设计的首推ps，懂一点美工基础的推荐找模板自己修改，完全不懂美工的可以试试易尚货这款工具，只用上传图片包，然后选模板就能自动生成详情页
7. 产品详情页设计有哪些步骤
确认页面风格
页面风格首要是依据产品自身来定的，如产品的属性、产品功用等。假如产品没有特定的风格属性，能够依据目标销售人群、时节、节日或主题活动来定。
产品和资料收集
前期实拍资料，进行收拾和分类。咱们也要在规划的过程中要学会收拾收集自己的资料库，做好备份。
构架布局框架
依据文案内容，结合实际产品，进行有效的布局树立。
确认配色计划
已有店肆视觉规范的能够直接连续使用。假如没有，能够从产品自身提取，或许从Logo中提取或从产品联想属性提取。在配色过程中，无论用几种色彩来组合，首先要考虑用什么色彩作为主色调。
挑选合适字体类型
字体适当于一个桥梁，适当重要。首要用来对产品进行解释说明，便利顾客阅读，一起，也是起重要信息的引导效果，可通过大小字体调配进行要点显现某项内容。字体使用时一般不超越3种字体并挑选契合产品定位的字体;在要点部分内容进行加粗杰出显现，以加深买家对该信息的印象程度。
整个详情页排版
怎么对图片和文案内容进行排版设置，要检测咱们平时积累下来的规划的水平。越是简约大气的页面，元素务必不要太多，清新舒适的页面多留白，参阅优秀事例，多多学习和学习。
修正定稿
把制造好的首稿输出为JPG或PNG格式，一起保留源文件格式，给团队成员进行阅稿审阅，如不契合要求，进行部分修正。也能够参阅不同的意见进行优化处理，直至定稿保存停止。
切片和优化页面存储
规划制造后的商品详情页往往是一张大图，高度可能达上万像素，而咱们在网上浏览的图是通过Photoshop切片功用进行切割图片后呈现出来的。假如一张数几十MB的图画直接上传网店店肆，网络加载速度会很慢，用户体会差，所以要对图片进行切割优化。
8. 怎么制作产品详情页
商品的详情页是一个商品的核心，是店铺中的客户是否购买商品的考量，是一个商品转化的重要参考，所以店铺的详情一直是卖家重心去做的，但是很多卖家没有专业的美工，做出来的详情页感觉很乱，这里给大家分享一个定制详情页的方法，有了这个就相当于有了一个美工！
1.打开美图王中的详情页制作中的详情页搜索定制，在搜索框中输入想制作的商品名称，例如冬天来了，准备做羽绒服，就输入羽绒服。在搜索的页面中可以看到相当多的详情页。点击详情页左上角的预览按钮。
2.页面会出现相应详情页的弹窗，下拉可以看到整个详情页的布局等等，在搜索到的详情页中选择一个合适的详情页，点击我要定制。
3.这时会出现弹窗，将需要的要求写出来：风格、色彩、其它需求等等。然后可以留下联系方式（如果不留的话无法后续修改），退出后可以在我的定制中看到定制的记录。
拓展资料：
产品介绍、商品详情是几乎每个企业都要面对的工作。他是最直接展示给用户看的信息载体，能不能写好会直接影响产品的转化。
作为电商，如果能写好一个详情页，还能引发爆款。
从用户角度出发，详情页应该解释能够用户解决什么需求。包含三个点：先让用户产生兴趣，再让用户感觉与自己的利益相关，最后让用户认同你的产品。
1.引发兴趣
详情页一般内容较多，如果开头不能引发兴趣，后面写得再好也是无用功。下面介绍几个开篇技巧。
2.与用户利益相关
这是抓住用户兴趣之后下一步。
3.引发用户认同
这是第三步。这一步的关键是消除用户的心理障碍，进一步激发用户的信任感。用户都喜欢看到实锤。如果有直接的成功案例，直接拿出来更好。
9. 淘宝详情页设计怎么做
淘宝详情页如何设计，以及设计的具体步骤有哪些！
开启分步阅读模式
操作方法
01
首先呢我们先打开你的页面，进入【我是卖家】-->【店铺管理】-->【店铺装修】，进入装修后台之后点击【页面】，找到宝贝详情页点击【添加新模板】，如下图所示：
02
然后呢，我们需要新建一个详情页面模板，新建详情页面模板要根据同一类模板共同的说明来做。名称要明确哦，虽然买家看不到，为了方便管理，名字要容易辨别。
03
再然后，我们在编辑详情页面模板，点击编辑按钮进入后添加自定义内容区实现搭配产品推荐或者热卖产品推荐即可，如下图所示：
在这里小编要提醒大家一下：每个详情页面模板左侧栏、右侧栏都可独立进行编辑，为保证详情页面打开速度，详情页面可添加模块比较少。
04
最后小编要将的就是：详情页面模板应用：
（1）在发布宝贝的时候直接选择合适的详情页面模板应用：
05
（2）批量编辑已发布宝贝的详情模板：
06
最后一点就是在“宝贝归类”编辑中，批量选中想要设置同样宝贝详情页模板的宝贝，应用合适的模板，就不需要一个个宝贝重复编辑了.
实现个性化的宝贝描述就这么简单， 灵猫电商小编今天就讲到这里，你们还在等什么呢？ 赶快行动起来吧！
10. 爱尚臣女装设计详情页从心理分析的逻辑来分析案例中的设计思路
摘要 在详情页设计之时应当从消费者的心理行为出发。所有的详情页设计都应该围绕着提高转化率。