商品详情页怎么制作

设计详情页时需要注意哪些问题？

什么是详情页？

详情页是产品内容的体现，是商家展示产品信息及卖点的页面，是体现产品内在美、容易使客户产生共鸣的页面。产品详情页要与产品主图、产品标题相对应，产品详情页必须真实介绍产品的属性。一个完整的产品详情页的作用就是告诉消费者产品是什么。产品的价格、外观、功能，以及产品与同类竞争者相比较的优势等。详情页一般由以下部分组成：首图 Banner、产品信息、产品外观展示、产品细节展示及产品功效介绍等。对于每个不同的产品，都有其自己定义的详情页。作为电商首先的一个工作就是要把商品详情页设计好，只有这样才可能吸引越来越多的用户去浏览。一张好的详情页可以大大的提高店铺转化率。

详情页设计对于公司和产品的重要性：

1、聚焦产品的卖点和亮点

同一种产品如何在众多商家中脱颖而出，详情页很重要。用户浏览产品时间短暂，详情页是否聚焦卖点和亮点，是否满足客户需求，是否解决客户顾虑点，影响着客户是否继续关注后续内容以及是否有购买行为。

另外详情页是用户完整使用产品时必经的页面，产生关键的产品数据，比如：内容型产品，会在该页面产生阅读量、播放量等；电商型产品，引导用户做购买决策等。详情页吸引力越高，用户停留的时间就会越长，所以产品详情页设计不光要有良好的视觉效应，还要有缜密的构思、精美的排版，对客户做积极引导，将直接影响产品交易的转化。

2、展现公司实力和强化信任

产品详情页是核心的展示区域。要让客户真心地放心地购买产品，产品详情必须展现企业的实力和产品的可信程度。

优质的产品详情页能够展现企业规模、产品细节处理、特色之处、设计过程、制造流程，并注明产品鉴定方法、使用方式、注意事项等，体现企业对顾客的真诚。另外产品详情页布局的每一个屏设计紧密结合材质、功能、尺寸等产品信息，不能过度修饰，若造成与产品本身相差甚大，不仅使得客户反感没有欲望，还会失去大量客户。

3、 产品详情页能够激发客户购买欲望

产品展示只能是客户间接感官，不能直接接触。因此，客户有无购买欲望与产品图片、产品描述等详情质量决定的。

产品详情页架起了客户与产品深度了解的桥梁，吸引买家深入了解产品，或者引导买家浏览店铺中的其他商品，已达到进店流量的利用做大化。对店铺的销量起着很重要的作用。优质的产品详情页能够对客户的购买行为产生正面积极影响，能够激发客户消费欲望，树立信任感，促使客户下单。即产品详情页承载了店铺的流量和公司的订单量。

设计详情页需要注意的内容：

在商品详情页是吸引客户购物的前提下，将各类关键要素最有效地进行合理的规划设计是落实核心设计策略的第一步。常见的商品详情页，设计时主要注意的内容包括视觉要素、品牌要素、商品要素、服务要素、营销要素和互动要素。

1、视觉要素

重视觉营销服务，通过视觉提升整体导购环境质量及感官体验。详情页设计所用图片、文案、字体、排版、配色等诸多因素的整体风格都需注意。通过高质量的详情页的视觉效应，第一时间抓住消费者的眼球。还有注重烘托符合产品特性的氛围，使产品在特定环境中的使用状态的表达更容易使消费者产生共鸣。

2、品牌要素

并非单指商品所属的某个品牌，而是指在商品详情页上，所展示出的品牌特征性，包括商家的信誉水平、商家认证资质、服务评价及评分状况、商品品质等。注重商品品牌与品质的塑造，这是构建消费者信任度的基础，无论是什么类型的商品详情页，构建信任度是消除用户购物顾虑的关键因素。

3、商品要素

包括商品的标题、商品图片、规格参数价格、库存、功效、工艺、品牌、品质、使用场景等。商品要素是详情页设计过程中的核心要素，通过商品要素的各类信息展示，能向消费者传递商品的价值性。

整个商品详情页，需要合理地排版布局商品要素的各类信息，让消费者对商品的了解由浅入深，由不信任到产生购买兴趣，从而逐渐影响消费者对商品的认知。

4、服务要素

与商品要素紧密相关，商品详情页必不可少的部分，服务至上是建立消费购物信任度的关键。无论是实物类商品还是虚拟商品，在电商平台的销售过程中，都必须附带上丰富的、高质量的销售服务，通过让消费者感知销售服务的质量水平和便捷性，进步提升消费者购买商品的决策信心。

5、营销要素

主要是指商品的促销活动与优惠政策，以及商品的各类关联推荐等营销元素，常见的营销要素包括促销信息、促销标签、优惠信息、返利、奖励、赠品等。注意营销技巧的合理运用，无论是促销工具还是价格工具，核心都是为了最大化吸引消费者的注意力，影响消费者的心理。

6、互动要素

主要是指在商品详情页的浏览过程中，提供给消费者进行人机互动操作的功能元素。无论是浏览、分享、下载、收藏、还是加入购物车或直接购买，都应让这些工具便捷地出现在消费者的视野中，让其随时随地能基于场景进行高频的互动操作。

2、评价板块，传达给用户更多的关于商品的信息，如已用过商品的用户评价、如何使用、售后服务等等感性介绍，从而解答用户心理的疑问和顾虑。

3、图文详情板块，长度适宜,将用户需求的关键点和商品的卖点分出重要级之后，让图文详情板块的前半部分页面信息突出。

4、推荐板块，推荐用户相关同类产品或者与此页产品相搭配的其他产品，给用户更多选择机会。

②标题，清晰合理表述产品的内容，突出产品的核心价值。标题语意通顺，无乱码杂质。

③销量，销量一定程度上标明了产品的受欢迎度，销量可选择月销量、季度销量或年度销量，通过销量让用户知道产品的爆款程度。

④促销，以价格优惠、捆绑优惠进一步推动用户购买欲望，满足“节省”或“买到则赚到”心理，提供活动促销、券码优惠等信息。

⑤评价，提炼好评关键字置顶展示，将客观好评内容排序到评价前面或积极互动内容有意展示，通过用户评价内容介绍产品更有说服力，更能体现产品满足用户真实需求。

⑥图文，图片和相配的文案话语。图片给人的印象深刻，相比文字具有更强的感性认知。但如果只关注图片，忽视与图片相配的文案，则不能达到预期目的。因为产品的属性、卖点，以及迎合用户的情感诉求都需要文案来进行说明与阐述。

关于商品详情页设计风格有哪些要求，环球青藤小编就和您暂时分享到这里了。如果您对网站设计、页面排版、图像处理方面比较感兴趣，希望分享的这篇文章可以给您的学习或工作提供帮助。如若您还想了解更多关于平面设计的素材及技巧等内容，可以点击本站的其他文章进行学习。

确认页面风格

页面风格首要是依据产品自身来定的，如产品的属性、产品功用等。假如产品没有特定的风格属性，能够依据目标销售人群、时节、节日或主题活动来定。

产品和资料收集

前期实拍资料，进行收拾和分类。咱们也要在规划的过程中要学会收拾收集自己的资料库，做好备份。

构架布局框架

依据文案内容，结合实际产品，进行有效的布局树立。

确认配色计划

已有店肆视觉规范的能够直接连续使用。假如没有，能够从产品自身提取，或许从Logo中提取或从产品联想属性提取。在配色过程中，无论用几种色彩来组合，首先要考虑用什么色彩作为主色调。

挑选合适字体类型

字体适当于一个桥梁，适当重要。首要用来对产品进行解释说明，便利顾客阅读，一起，也是起重要信息的引导效果，可通过大小字体调配进行要点显现某项内容。字体使用时一般不超越3种字体并挑选契合产品定位的字体在要点部分内容进行加粗杰出显现，以加深买家对该信息的印象程度。

整个详情页排版

怎么对图片和文案内容进行排版设置，要检测咱们平时积累下来的规划的水平。越是简约大气的页面，元素务必不要太多，清新舒适的页面多留白，参阅优秀事例，多多学习和学习。

修正定稿

把制造好的首稿输出为JPG或PNG格式，一起保留源文件格式，给团队成员进行阅稿审阅，如不契合要求，进行部分修正。也能够参阅不同的意见进行优化处理，直至定稿保存停止。

切片和优化页面存储

规划制造后的商品详情页往往是一张大图，高度可能达上万像素，而咱们在网上浏览的图是通过Photoshop切片功用进行切割图片后呈现出来的。假如一张数几十MB的图画直接上传网店店肆，网络加载速度会很慢，用户体会差，所以要对图片进行切割优化。

2、依据规划做出详情页，其中详情页的前三屏是比较重要的，第一屏默认是做海报，这张海报要体现产品的最大特色，然后一屏大概在700-800像素左右，宽度默认是750PX，高度不限制，但不要过长，建议在8000PX最好，基本上就是10屏的长度，前三屏直接影响浏览者是否继续观看详情页。

3、在众多卖点中找到一个最特色最主要的卖点来进行宣传，前三屏只展示最大的卖点即可，第二屏并没有什么普遍默认的，但一定要说产品的最大卖点，例如质量好，耐用等。但是要注意掩盖产品的短处，不要自我揭短。

4、产品的详细信息要写上去，比如衣服的尺寸，玻璃制品的规格，都要一一罗列上去，让买家可以一目了然，直接选择自己需要的大小，也可以做到第四屏，之前再做一屏产品最大卖点的展示。

5、前三屏展示完后就要根据产品其他的卖点，做介绍了，每一个都要根据之前的规划，把特点，优势等放到详情上，产品优势不止一两个，至少也要三四个。

6、按规划展示产品的特点，细节，内部结构等，让买家全面了解产品。这样的细节图也不止一个，比如衣服的就需要模特的侧面，背面，衣服衣领，袖口的细节图，至少要三四个，这样下来10屏就差不多用完了，还可以展示厂家实力，或是服务，买家评价等。

消费者通过商品搜索页主图进入商品详情页以后，展现在消费者眼前的就是商品详情页主图，商品搜索页主图与商品详情页主图中的首图可以相同，也可以不同（商家可以通过后台设置为不同）。各类网络零售平台系统允许商家发布的主图最多是5张，有些平台要求5张图全部上传，有些没有严格的要求，但对于正规的商家来说，用于销售的商品的5张主图一般是要做全的，除了首图以外，其他主图的作用与首图比相对要轻一些，但也是非常重要的。一般主图需要展现商品各个视角的外观，也可以用于展现同款但不同颜色的几个商品图。商品详情页主图的设计与制作相对比较简单，一般情况下不需要像搜索页主图一样进行详细的策划与设计，制作方法一般为：

先启动Photoshop软件，打开选择好的4张表现商品不同角度，或者表现商品同款不同色彩，或者展现商品组合的不同角度，或者展现商品特殊细节的图片。

然后，执行“Ctrl”＋“N”新建一个图像文件，文件大小设置为80000像素，分辨率为72像素／英寸，色彩模式为RGB。

接下来，运用选择工具选取商品所在的图像，把选中的商品图像移到创建的图像文件中，并调整相应的角度与大小即可。

如果需要背景的可以新建一个图层，放置合适的背景，就能完成商品主图的设计了。

详情页设计应该遵循以下4个原则：

①引发兴趣

②激发需求

③赢得信任

④打消疑虑

在产品上线之前，需要明确产品定位：产品消费群体，产品品质，产品价格。

根据产品的定位，确定详情页的设计风格。抓住消费者痛点，找到消费者为什么买这款商品的理由。通过完善的商品介绍确立消费者的信赖感，打消消费者的疑虑，最终促成购买。

1.打开美图王中的详情页制作中的详情页搜索定制，在搜索框中输入想制作的商品名称，例如冬天来了，准备做羽绒服，就输入羽绒服。在搜索的页面中可以看到相当多的详情页。点击详情页左上角的预览按钮。

2.页面会出现相应详情页的弹窗，下拉可以看到整个详情页的布局等等，在搜索到的详情页中选择一个合适的详情页，点击我要定制。

3.这时会出现弹窗，将需要的要求写出来：风格、色彩、其它需求等等。然后可以留下联系方式（如果不留的话无法后续修改），退出后可以在我的定制中看到定制的记录。

拓展资料：

产品介绍、商品详情是几乎每个企业都要面对的工作。他是最直接展示给用户看的信息载体，能不能写好会直接影响产品的转化。

作为电商，如果能写好一个详情页，还能引发爆款。

从用户角度出发，详情页应该解释能够用户解决什么需求。包含三个点：先让用户产生兴趣，再让用户感觉与自己的利益相关，最后让用户认同你的产品。

1.引发兴趣

详情页一般内容较多，如果开头不能引发兴趣，后面写得再好也是无用功。下面介绍几个开篇技巧。

2.与用户利益相关

这是抓住用户兴趣之后下一步。

3.引发用户认同

这是第三步。这一步的关键是消除用户的心理障碍，进一步激发用户的信任感。用户都喜欢看到实锤。如果有直接的成功案例，直接拿出来更好。