下载掌阅APP，畅读海量书库
立即打开
在网络购物中，消费者不能实际接触商品，只能通过详情页来了解商品，所以详情页的质量在很大程度上能影响商品销量。在设计详情页前，网店美工需要先了解详情页的组成部分，再掌握其设计规格与风格、设计要点及注意事项等，方便后续进行详情页设计。
详情页是指通过图文的方式对商品的详细信息，如商品的外观、尺寸、材质、颜色、功能、使用方法等进行介绍的页面。要想设计出高质量的详情页，需要先了解详情页的组成部分，然后针对每一个部分设计内容。下面以一款芒果的详情页为例，介绍详情页的主要组成部分，如图2-19所示。
焦点图。 焦点图一般由商品、主题与卖点3部分组成。焦点图通过突出商品优势及放大商品特点来吸引消费者购买该商品。焦点图一般有两个作用：①明确商品主体，突出商品优势；②承上启下，增强消费者向下浏览的兴趣。在设计焦点图时，网店美工要想突出商品优势，就必须在文案与图片的设计上创新，通过突出商品的特色及放大商品的优势，或通过对比商品与同类商品的优劣，来展现商品优势。
信息展示。 为了使网上购物的消费者准确把握商品的详细信息，网店美工需要展示商品的尺寸、品牌、品名、规格、型号、成分、颜色等内容。除此之外，还可采用放大细节的方式，提升消费者对商品的了解度。
卖点说明。 商品卖点是基于消费者的需求，从商品的使用价值、外观、质量、规格、功能、服务、承诺、荣誉、品质等诸多信息中提炼出来的，是吸引消费者购买商品或服务的主要因素。卖点一般具有以下3个特征：①卖点独特，如果能提炼出与竞品不同的独特卖点，就很可能影响消费者的购买行为，如农夫山泉的“有点甜”；②有足够的说服力，能打动消费者，卖点与消费者的核心利益息息相关，如空调的“变频”与“回流”等；③长期传播的价值及品牌辨识度，如红罐凉茶“王老吉”等。
服务与售后。 在网店中，商品与服务是不可分割的，因此需要对消费者容易感到困惑或产生疑虑的内容提供品质承诺，如制作工艺、认证证书、物流安全等承诺。除此之外，还可用问题解答的方式，打消消费者的顾虑，促进其购买商品。
图2-19 芒果详情页
经验之谈
详情页的内容不是固定的，网店美工在实际制作详情页时可根据商品具体情况、商家要求和目标消费者需求增加或减少详情页内容。如电器需要多展示功能，家具需要多展示其使用场景等。
详情页的宽度为750像素，总高度不超过35 000像素；完成后的图片大小须在3MB以内；其支持的格式包括 JPG、JPEG、PNG。
详情页的风格有很多种，如复古、炫酷、时尚、卡通、简约等，为了保证详情页各部分风格统一，详情页的用色、字体、排版方式等应具有协调统一性，各个模块之间的版式分割要统一。一般柔和的曲线分割适合母婴用品，利落的直线或斜线分割适合数码类、运动类商品。使用形状进行分割时需要保持形状的统一，过多的形状会导致页面混乱。
详情页主要用于促进商品的销售，因此网店美工在设计前需要对商品有很深的了解，同时站在消费者的角度思考，这样详情页更能激发消费者的购买欲，从而促进商品成交。网店美工在设计详情页时需要把握以下几个要点。
吸引消费者注意。 网店美工可通过美观的版式效果、有创意的设计为商品增添亮点，以吸引消费者关注；同时，也可在详情页中加入销量优势、功能特点、促销信息等来吸引消费者注意，激发消费者的潜在需求。
赢得消费者信任。 网店美工在设计详情页时，可从商品细节、消费者痛点和商品卖点、同类商品对比、第三方评价、品牌附加值、消费者情感、品质证明、售后服务等方面赢得消费者信任，激发消费者的潜在需求，提高消费者的购买欲。图2-20所示的洗衣机详情页中，通过介绍专属洗涤方式赢得消费者信任，从而提高消费者的购买欲。
图2-20 洗衣机详情页
真实展示商品。 网店美工可以多角度展示商品，注重商品形象的塑造，避免过度美化商品图片而导致图片偏色、变形，或过度夸大商品的性能而导致言过其实，这样会产生不必要的售后纠纷，降低网店的信誉。
经验之谈
若商品的使用者和购买者不是同一个人，如婴幼儿用品的购买者是父母，使用者是婴幼儿，则在进行详情页设计时，不能只以婴幼儿作为目标消费者，还应该从购买者（父母）的角度进行考虑。
在设计详情页文案和图片时，为了使详情页更具吸引力，需要注意以下3点。
保持图片的精美。 详情页图片要清晰、美观，图片中的商品无刮痕、污渍，选择的图片应尽量多角度展示商品。
运用差异化文案。 详情页文案需要有创意，这样商品才能从众多竞品中脱颖而出。如迷你充电宝的商品文案采用“小巧轻便”，不会给消费者留下特别的印象，但是采用“小得就像手机充电头”，就能明确告诉消费者手机充电宝的大小，更有画面感。
遵循实事求是原则。 无论是商品图片，还是商品文案，都必须真实地反映商品的真实属性，应避免过度美化图片造成偏色、变形等问题，或过度夸大商品属性造成言过其实等问题，尽量避免产生不必要的售后纠纷，避免降低网店的信誉。