-
让品牌有温度、有情感
专注品牌策划15年
详情页的十大排版法（详情页的十大排版法是什么）
发布时间：2023-04-19 03:42:31
稿源：
创意岭 阅读：
86
大家好！今天让创意岭的小编来大家介绍下关于详情页的十大排版法的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。
开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等
只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端
创意岭作为行业内优秀的企业，服务客户遍布全球各地，如需了解相关业务请拨打电话175-8598-2043，或添加微信：1454722008
本文目录:
一、详情页设计的基本步骤
1．确定页面风格，页面风格主要是根据产品本身来定的，如产品的属性、产品功能等，如果产品没有特定的风格属性，可以根据目标销售人群、季节、节日或主题活动来定。
2．产品和素材搜集前期实拍素材，进行整理和分类。我们也要在设计的过程中要学会整理搜集自己的素材库，做好备份。
3．确定配色方案已有店铺视觉规范的可以直接延续使用，如果没有，可以从产品本身提取，或者从Logo中提取或从产品联想属性提取。在配色过程中，无论用几种颜色来组合，首先要考虑用什么颜色作为主色调。
4．确定配色方案已有店铺视觉规范的可以直接延续使用。如果没有，可以从产品本身提取，或者从Logo中提取或从产品联想属性提取。在配色过程中，无论用几种颜色来组合，首先要考虑用什么颜色作为主色调。
5.选择合适字体类型，字体相当于一个桥梁，相当重要。主要用来对产品进行解释说明，方便顾客阅读，同时，也是起重要信息的引导作用，可通过大小字体搭配进行重点显示某项内容。字体使用时一般不超过3种字体并选择符合产品定位的字体；在重点部分内容进行加粗突出显示，以加深买家对该信息的印象程度。
6．整个详情页排版，怎么对图片和文案内容进行排版设置，要考验我们平时积累下来的设计的水平。越是简约大气的页面，元素务必不要太多，清爽舒适的页面多留白，参考优秀案例，多多借鉴和学习。学习是没有止境的，同样，详情页的设计排版也是。多学习，多总结，扩展相法。拓屏思维，建立自己的设计风格。
二、详情页是什么？详情页怎么做？
1、做好市场调研：确定买家在购买这类商品时关注的点都是什么，最简单的方法去竞品那里看一看评价，看看买家评论时说的都是什么内容，特别时差评时说的都是什么地方。自己做详情页的时候好的地方要优化，差评里的点要明确展现。
2、确定宝贝定位：找出自己卖的宝贝针对的是哪一类消费群体，从而确定放大哪一块的优点，是价格、款式、还是品质等等。
3、确定详情页设计顺序：先是引发买家兴趣，然后激发潜在用户需求，接着获取买家信任，最后替买家做决定。
4、详情页制作：确定设计元素，包括配色、字体、文案、构图以及风格。上来先来一张创意情景海报图，吸引买家注意力；接着是前三屏给出产品卖点、产品功能、产品能带来的效果，让买家清楚地认识到产品的具备的优势；给出产品的参数、材质等基本的信息，愿意做的可以放竞品对比图；然后给出模特图、场景图、细节图；最后放出店铺附加的服务信息，例如售后保障、物流、运费险等等。
现在做详情页的工具有很多种，懂设计的首推ps，懂一点美工基础的推荐找模板自己修改，完全不懂美工的可以试试易尚货这款工具，只用上传图片包，然后选模板就能自动生成详情页
三、商品详情页怎么制作
演示机型：华为MateBookX
系统版本：win10
APP版本：Photoshop2020
商品详情页怎么制作共分为5步，以下是华为MateBookX下的具体操作步骤：
操作/步骤
1
建立画布
启动PS并建立画布，宽度可设置为750PX，高度根据自己的详情页设置即可，设置好尺寸点击确定。
2
放产品照片
在顶端放一个产品照片作为第一屏的海报，为海报添加文字排版。
3
加入信息和尺码
排入产品的信息和尺码，继续往下排一些模特照片。
4
选中切片工具
图文都排好后，在左侧选中切片工具，在详情页框选要切图的地方，高度不超过1100PX。
5
点击存储
切片画好后，点击文件-导出-存储为Web所用格式，设置好JPEG格式，点击存储即可。
END
总结：以上就是关于商品详情页怎么制作的具体操作步骤，希望对大家有帮助。
四、案例解析详情页设计的技巧
案例解析详情页设计的技巧
电商视觉比拼的不仅仅是视觉技巧了，而是怎么让客户愉悦，最重要的是如何让客户在愉悦的同时可以快速地下单。我们自己在设计详情页页面的时候，一定要注意页面设计的基础三原则：
基本原则一：信息图像化
文字是循序渐进的处理，同时能被记住的只有20%，而图片同步被大脑处理能记住的是100%，所以详情页面的描述应尽可能地图像化。
基本原则二：高效表达
内容不要过于臃肿，表达要清晰有条理，简单直接。不要影响到页面打开速度。页面载入时间过长，会影响销量。
基本原则三：要掌握客户最关心的点
你所认为客户最关心的地方，往往并不是客户最关心的;不同的产品客户所需求、所关注的地方不同，不同的产品顾客关注的地方也是各不相同。
了解了设计的基础原则之后，我们一起来看看：一个页面如何从抓住眼球到最终成交的逻辑，让页面深入人心，让页面可以帮助你说服你的消费者。
一、吸引顾客 留住顾客
客户的需求：产品独特的卖点(与别人的产品不同的地方，产品优势)、活动价格优惠、不同的服务(购买产品能得到什么享受、服务)、痛点(解决问题烦恼)等。
比如说，服装类的产品顾客可能关注的是衣服的款式，模特穿着的样子，衣服的尺寸以及衣服的尺码，模特的身材体重以及他穿着的衣服的大小码对比。这样才能得出来自己穿起来是什么样子。
而功能性产品比如说保健品之类的，顾客关注的就是本件产品到底有什么功能。你的产品肯定要一个突出点，比方说缓解疲劳。需要打出来一点吸引人的地方，你的产品与别人的为何不同，优势在于哪里。这里主要可以分为：近期热点事件、网络流行、新概念、主题氛围、生活主张、实际利益、好奇心、品牌的嫁接、新品上市、产品创意、强视觉、名人效益、限时限量等。
以下简单举例：
左边的产品是冬天的衣服。怎么吸引买家看下去?冬天买衣服除了看款式，更重要的是保暖。图片营造出一种温暖的气氛，暖色的背景外加女模特头上的灯光，给人以温暖的感觉，符合顾客心里的想法。
右边的产品是夏天带的防晒头盔，为什么会带?就是因为夏天太晒，但是带上难免会有点热，这时候用冰块的背景和雪山给人以冰凉的感觉，对抗炎热夏天，不仅防晒更强调清凉舒爽。
以上就是主题氛围，主要还是给顾客以代入感。
上图左边的产品是保健品，卖点是可以延缓衰老，这就是顾客所能得到的实际利益。设计上因为是保健品，注重天然、自然，所以背景用的水果，然后前面的女人面带微笑显得很年轻，整体给顾客一种年轻健康的感觉。
右边的图是卸妆水，除了卸妆以外可以细致毛孔，补水紧致，清爽温和，这些都是买卸妆水的顾客所需要的。而实际的功能和利益是需要文字和图片结合的，这类产品一般文案都比较多，所以更要注意文案的排版，一定要有规律，要做到有序、有层次、有重点，同时也别忘了运用背景的烘托效果。文案和背景的绿色清新相呼应，让人深刻地感知到产品的功能性。
上图左边的产品是百岁山矿泉水，不需要过多的修饰，就一句话：水中贵族百岁山，富含多种微量元素。我们的水就是好，就是水中的贵族，就是和别人的不同。此类产品主要吸引人的地方就是文案。
右边的产品是无烟不粘锅，可以看做是生活的主张：你用了这个东西逼格就高了!此类的设计主要是背景烘托文案，突出文案来吸引顾客。也可以放几张顾客使用的照片，强调大家都在使用，引发跟风从众的心理。
上图左边的产品是运动时候带的那种耳机，所以以强视觉的方式展现，就是类似于电影海报的方式，吸引顾客的眼球，让顾客有看下去的欲望。但此类设计比较考验阅历和合成功底，不仅仅需要好看，更需要和产品以及文案相贴合。
右边的产品就是很常见的新品上市，这也是一种很常见的吸引顾客的.方式。人都是有一种喜新厌旧心理和对新鲜事物的好奇心，这类的整体详情页应该围绕新品、新功能、新感受来做一个整体布局。
二、提升顾客兴趣 确认需求
上面提到的只是吸引顾客看下去的方法，顾客看详情页面主要还是想买东西的，因此必须要有顾客想要看到的元素。
产品的参数一定要有，并且写清楚。有的产品还需要测量方法等，方便顾客选择合适的尺码，这样第一显得专业，第二也方便顾客选择合适的尺寸。
鞋类产品最好在产品参数里面加上选码须知。如果产品比正常尺码小的话，一定要标注出来。
产品的细节一定要尽量展示得详细一点。比如：包包的各种角度展示，然后内里、拉链部分。如果是品牌的产品，品牌的LOGO一定要展示清楚，产品的走线一定要展示清楚，这样才能提升产品整体的品质感。
衣服的细节尽可能地展示清楚，也可以在旁边加一个全景展示和细节的对比。排版上面可以不拘一格，更具有引导性，像上图右边使用的就是线的引导。
上图左边的产品是女包，背景里的海鸥、大海、飞扬的女人裙角，给人一种奢华大气的感觉。不用文字描述，就能显示出产品的品质。这就是视觉设计简单易懂的原理，千万不要大篇幅的文字说明，既不显得高端，又会让人抓不住重点。
;以上就是关于详情页的十大排版法相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。
推荐阅读：
用ps做淘宝详情页长图（用ps做淘宝详情页长图文字制作过程）
赣公网安备 50019002502384号
