怎么制作产品详情页

一个好的宝贝详情页设计的好的话，是能直接影响销售的，但是要怎么制作宝贝详情页才能更加吸引人呢？

产品详情页展示图模板_产品详情页展示图模板图片

第一点：在宝贝详情页的头部的一小版块地方制作“收藏关注”，从而获取优惠（优惠内容由卖家定）；

第二点：摆放宝贝的焦点图，尽量以突出宝贝的卖点或者亮点为主；

第三点：推荐店铺其它的热销产品；

第四点：宝贝详情的描述，包括产地、颜色、面料、洗涤建议以及尺寸大小等；

第五点：模特图的展现，至少要有正面、反面、侧面以及不同颜色的试穿展现；

第六点：放上实物平铺图，令买家更加坚信该宝贝的真实性；

第七点：场景图的站下，可拍摄模特不同场合对宝贝的展现，这样容易引起买家共鸣或者角色进入；

第八点：宝贝的细节图展现，可以选择几处宝贝的亮点，放大，让买家看的更加清晰；

第九点：买家真实晒图或者好评截图，从而展现其他买家对该宝贝的喜爱；

第十点：购物须知，比如发货、退换货、邮费以及售后问题等。

要想制作好吸引眼球的宝贝详情页，我们首先需要了解消费者对该宝贝的需求心理，从而制定出买家需要看的哪些信息作为宝贝详情页面展现到买家面前，这样才能增加买家购买的欲望。

详情页分为两部分去做，第一是由运营给出详情页的策划方案，也就是运营想让这个详情页向买家传递什么样的信息，第二是由美工的设计制作部分，就是将运营给到的要求转变成为可视化的图片。

首先你要知道你的产品准备卖给谁吧，目标客群的人群画像如何，他们的年龄、性别、消费习惯、阅读习惯等等，这些东西在拿到产品的时候心理就要清楚，不然你的详情页肯定不合他们胃口。就像都市白领和在校学生，他们的购物习惯和阅读习惯肯定是不一样的，不能针对性地设计详情页，肯定无法引起目标群体的兴趣，不愿意看就无法了解你的产品，何谈成单呢？

再一个就是对于你的产品你要足够的了解，还要了解市场。你的产品在市场上处于什么样的地位，和竞品对比又有哪些优势。毕竟现在淘宝上的商品同质化很严重，你的产品在那么多同类中如何快速抓住买家的眼球就很重要了。这就是要提炼产品的卖点，让产品拥有和竞品不一样的地方，有让买家第一眼就记住的地方。

卖点有了之后还要想文案。相当于你怎么用文字把你的卖点包装得更引人注意。这一步还是很考验文案能力的，既要简短还要有亮点。有很多详情页都是败在这一步了，文案写成了说明书，看之无味。

前期工作做完之后就该设计登场了。设计首先要把控的就是根据运营人员提供的人群画像来定整个详情页的风格。风格就像穿衣一样，得体就会增色，乱配自然会扎眼。接着是根据产品去设计版块，开头的位置肯定是一张醒目的视觉效果海报，为了让通过标题或者主图进来的买家能有继续看下去的兴趣。

海报之后紧跟着展示卖点，这是为了让买家能第一时间清楚知道你产品有哪些优势。然后是效果展示、全方位外观展示、细节展示、品质认证、售后保障等等各种能打动卖家的信息都放上吧。

商品详情页面的设计

商品详情页是电子商务网站中最容易与用户产生交集共鸣的页面，详情页的设计极有可能会对用户的购买行为产生直接的影响

因此，商品详情页面的设计会涉及到运营层面，在美观实用的基础上，将要表达的信息尽可能用直观的视角展现出来，再有意识的避免设计与运营之间的冲突

一、商品展示图不宜过大，鼠标悬停展示细节商品详情页中的图片展示是用户进入该页面后的第一个视觉点，有设计师可能会因此认为这张图片的尺寸应该尽可能放大，让用户对商品概况一目了然

但作为设计师也应该考虑到右侧文字信息对于用户的重要性，两者之间的比例要避免很大的偏差，减轻用户在视觉上产生的不适

IKEA的网站就因为图片与文字之间的比例问题，让整体看起来轻重不明确，图片周围的留白更是与右边拥挤的文字形成了鲜明的对比鼠标在图片上悬停时，图片右侧会出现关于商品的细节展示，这是一个在商品详情页中很常见的功能

但使用过程中会发现，就算用户的鼠标无意识的划过图片，细节展示依然会马上呈现，这或多或少会影响到用户体验，而IKEA的网站则很自然地解决了这一问题

IKEA的细节展示在点击后才会体现，不让“说来就来”的图片打扰用户的浏览体验

二、满足用户的比价心理“价比三家”是网络购物群体的消费习惯，因此，商品详情页的设计中也应该融入并满足用户选价的心理状态

在消费心理学中会提到，顾客买东西大多基于个人感受，可能并不是真正价格上的便宜，而是商家能让顾客觉得便宜

折扣或是优惠额度的显示能让消费者心理产生微妙变化，正如当当网的做法，让原价和折后价产生对比，再直接表明折扣，这种重复表达能加深用户对优惠的力度的感受三、增加分享按钮社交媒体的力量在如今的营销中绝对不容小觑，所以分享按钮就变得必不可少

在大多数电子商务网站中我们可以看到：分享按钮被设置在展示图片或文字的下方，主要分享当前页面的商品

但其实，真正用于营销推广的分享并不应该仅限于商品本身

比如成功购买的记录，又或是买家和卖家之间的有趣互动评价，这些都可以成为分享的内容，这也许比商品本身更有吸引力

四、CallToActionCallToAction可以解释为用户行为召唤，也就是我们常说的用户引导

CallToAction一般从色彩和文案两个角度着手，而色彩是最直观的表现形式

用区别于页面大环境的色彩来强调突出，在吸引用户视线的同时让他们更乐于点击

价格、标签，以及“加入购物袋”按钮都使用了鲜亮的玫红色;“购物袋”相较于“购物车”也更加生活化五、评价意见是必需板块对网络缺乏信任感是大多数用户存在的问题，而他人的评价和建议能对当时的购买行为产生很大的影响

因此，顾客在电子商务中不是可选项，而是必选项

天猫将顾客的进行了自动汇总统计，让用户在查看的时候更直观便捷无印良品网站的商品详情页在这方面做得有所欠缺，也许是对自家的产品自信心爆棚?根本不用让用户听取其他顾客的评价!但身为一个网站，还是尽量不要如此高冷了六、导航跟随商品详情页的内容比较多，所以跟随性的导航设计很有必要

跟随导航在商品详情页的出现能为用户提供很大的便利，但在大小上还需要设计师来掌握，隐形全面的导航才是用户真正喜欢的导航

京东的商品详情页无论在导航的颜色还是大小上都比较符合用户体验，既让用户在浏览时更方便，也不影响用户的视觉体验

美丽说的跟随导航以两种形式出现，一开始是网站的主导航，翻阅到一定区域，导航自动变更为商品详情导航

这样的做法其实显得有些多余

当用户已经在翻阅一个页面的时候其实很少会出现跳转的需求

另外，在跟随导航中设计二级导航也没有什么必要，这样只会让用户的视线范围变狭窄

七、优先功能用途的描述很多商品详情页的品牌情节过于明显，这会让用户觉得商业色彩太过浓重，缺乏亲切感

商品详情页的描述第一屏通常会有新品或热门推荐，这种做法与商户最应该注重的用户体验完全背道而驰，这类行为会让用户产生反感

GAP的商品详情页几乎没有任何多余的部分，页面中的内容都围绕着一个商品而，为用户营造出良好舒适的购物环境八、减少文案，善于显示关键词有研究表明，互联网上60%的文字信息用户是不会阅读的，我们由此可以得出，互联网上出现的文案必须达到最精简，应该善于抓取关键字国美在线在商品详情页上首先列出一系列用户真正需要了解的关键点，再在接下来的部分中一一详细介绍九、保持页面连贯性关于商品详情页，站在用户角度来说，他们需要清晰地认识到商品的全部信息，或者说该如何为自己带来好处，因此，商品描述的逻辑顺序变得格外重要，设计师可以基于商品描述的认知规律去考虑这一点苏宁易购的网站在页面连贯性上表现得很顺畅，条理十分清晰，让用户能顺着线索找到自己需要的那一部分十、页面不宜过长页面长度的掌握在商品详情页的设计中是一个很常见的待解决问题，页面长度过长不仅会导致网页加载速度变慢，也会让用户产生视觉疲劳

一般来说，PC显示在20屏以内，移动端控制在10屏，也就是4页以内

一号店商品详情页的页面长度控制比较恰当，尽量把相关事项交代清楚，不加入其他可有可无的成分总结：商品详情页的设计体现的不仅仅是单纯的视觉效果而已，无论构思还是排版都是一个引导用户的过程

打动用户、刺激购买，设计师应该抱着这样的理念为用户传播一种幻想，而不只是设计一个页面而已

商品详情页怎么制作

演示机型：华为MateBook X

系统版本：win10

APP版本：Photoshop 2020

商品详情页怎么制作共分为5步，以下是华为MateBook X下的具体操作步骤：

操作/步骤

1建立画布

启动PS并建立画布，宽度可设置为750PX，高度根据自己的详情页设置即可，设置好尺寸点击确定。

2放产品照片

在顶端放一个产品照片作为第一屏的海报，为海报添加文字排版。

3加入信息和尺码

排入产品的信息和尺码，继续往下排一些模特照片。

4选中切片工具

图文都排好后，在左侧选中切片工具，在详情页框选要切图的地方，高度不超过1100PX。

5点击存储

切片画好后，点击文件-导出-存储为Web所用格式，设置好JPEG格式，点击存储即可。

怎么制作详情页

详情页是用来向买家详细展示商品的，主要包含这几点：设计风格、卖点展示、文案、附加服务信息等几大块吧。展开来说会比较多，简单说一下吧。

设计风格：这个是和产品相对应的，什么样的产品适合什么样的设计风格。就好比昂贵的数码产品或者奢侈品，其设计风格自然要显得高端大气，这样买家看了一眼就会觉得你的产品是符合这种调性的。像农副产品、水果这种自然要贴近真实感，风格不易花哨，重点要体现出产品本身的闪光灯，而非视觉效果上的高大上。其次就是详情页的设计逻辑，要有章法调理，不能东一榔头西一棒锤。从上到下要按照自己设计好的逻辑来做，先让买家看到什么，再让买家看什么，最后抛出一个决定性的购买理由。有逻辑就会显得循序渐进，不会让人看了就觉得乱。

卖点展示：卖点是需要提炼的，要对自己的产品有足够的了解，知道在竞品面前你的产品具备怎样的优势。找不到怎么办？去看看竞品都在说产品什么好，别人没有的你可以发掘，别人有的你要去优化，一个宗旨就是人无我有人有我优。卖点不在多，通篇的卖点堆砌会让买家看了之后觉得你在自吹，完全就成了自嗨。把精炼的卖点通过好的视觉效果传达出来。

文案：文案是配合图片来增加买家对产品的理解的，文案不易过长，不要去堆砌专业词汇，像用了什么什么科技材料这种，不懂的买家压根不知道你在说什么。试着换用表达效果的词汇去描述，让买家知道你的产品能给他带来什么价值，能提供什么样的便利。

附加服务信息：这里可以放关于店铺的优惠信息，用优惠券去打动买家，或者用限时活动去引导买家下单。还有像包邮、七天无理由、运费险等等一系列店铺附加的服务都可以明确提出。

最后，详情页不会做的可以试试易尚货智能美工机器人，上传图片选好模板，就能自动生成详情页。

商品详情页尺寸模板

尺寸模板是一个优秀的商品详情页所必备的组成部分，一个设计精美的尺寸模板可以极大的促进转化率，为促进销售业绩起到一定程度的作用。以下是几种制作尺寸模板的方法。

使用Excel、WPS等办公软件直接编辑

直接编辑表格后，套用软件自带的设计风格，根据自身喜好进行选择，也可以自己另行设计。此方法的优点是易操作，学习成本较低，易修改

使用DW专业转件进行设计

新建HTML文件，插入表格，调整表格边框、字体等基本元素，设计表格背景图片，可以使得尺寸模板更加精美。此方法需要一定的DW基础，但稍加学习也可以很快掌握，利用DW进行设计可发挥性高，可以设计成任意自己想要的样子

使用超级店长等第三方工具提供的模板

事实上，除了上面两种办法也可以直接利用一些第三方工具提供的模板来简单的生成尺寸模板，这里以超级店长工具举例，

如何制作淘宝详情页图片

详情页在制作的时候，基本上都会按照一定的板块去组合，不同的产品会有变动。开头部分基本上都会安排一张醒目的视觉海报，目的是为了吸引买家的眼球，让他有继续看下去的兴趣。

接着就是展示卖点，目的也很明确就是让感兴趣的买家在第一时间内接收到商品的优点，在买家心里留下印象。

之后就是通过实际的效果展示来佐证你的卖点是确实存在的，并不是自吹自擂，进一步说服买家，让他相信你的产品。

下来是详细的产品信息介绍，包括材质、属性、尺寸、规格等等。

跟着就是全方位的展示你的产品，全景图、细节图、模特图等等，让买家更加清楚地认识到你的产品是什么样子，通过细节品质去打动买家。

然后是各种能给体现你产品品质的信息，包括品牌授权、质量认证、生产环境、荣誉证书等等各种内容，用来打消买家对产品不信任的戒备心理。

最后放服务信息，包括物流、售后、运费险、附加服务等等，也是为了让买家相信他能买的放心，即便退货也是有保障的。