|
源自：微X公众号 PingMianDesigner（平面设计）
一个完整的制品详情页的功效便是告诉消费者制品是什么？制品的价格、外观、功能，以及制品与同类竞争者相比较的优良。详情页通常由以下部分构成：首图 Banner、制品信息、制品外观展示、制品细节展示及制品功效介绍。另外还可附上名人举荐、行业证书、物流信息、买家秀及售后说明等关联信息。
制品详情页要与制品主图、制品标题相对应，制品详情页必要真实介绍制品的属性，设计师不可单纯追求画面效果与制品真实状况背道而驰。
详情页的板块内容
针对通常店铺或品牌来讲，一个完整有效的详情页应该是这种思维结构：先用首图抓住消费者的眼球，紧接着经过各样功能讲解让消费者认识制品，美图展示让消费者深陷其中，从而让消费者认识到此次购买行径的必要性，再乘热打铁给出仔细运用说明或专家意见，最后给出有些口碑举荐及品牌认证打消消费者最后的信任顾虑，结合店铺评估、制品价格，最后促成消费者下单购买。
设计详情页之前要充分进行市场调研，既要对同行业进行调查，找到自己在同一品类众多与众区别的亮点，又要对消费者进行调查，分析并把握潜在消费者对消费水平、消费习惯与爱好，力争在最短期与消费者达到共情，从而促成消费者的购买行径。
市场调查的目的便是完成制品的定位，弄清楚制品的卖点，这对接下来详细完成详情页的设计至关重要，决定了设计素材准备的方向，以及详情页所用文案、字体、排版、配色等许多原因的整体风格。详情页的设计还有注重烘托符合制品特性的氛围，制品在特定环境中的运用状态的表达更易使消费者产生共鸣。
详情页的文案类型
详情页的文案针对设计详情页来讲尤为重要，由于文案与制品和详情页的设计风格息息关联。换句话说，文案相当于解说员按照制品气质的解说，制品气质不同样那样文案给人的气质亦就不一样。详细地说，详情页的文案按照制品特性区别有以下有些表现类型：
拟人式。便是将制品拟人化，以制品的口吻来自我推销，适用于走亲和力路线的品类，类目不限。
自嗨式。直白地说便是用一堆拗口的形容词修饰制品，适用于走高端严谨路线的类目，类目不限，例如数码科技、服饰鞋包、护肤美妆等。
搞笑式。此类文案画风常常比较逗比或无厘头，让人感觉很过瘾，适用于任何能够拿来搞笑或恶搞的类目，例如有些二次元周边制品、生活用品等等。
文艺式。这种文案给人一种深入骨髓的文艺气息，适用于任何走文艺路线的类目，例如茶叶、家居服饰、鞋包等。
耍酷式。这种文案给人一种你买了我的制品你便是天下第1酷，你最拽、你最与众区别的感觉，适用于定位叛逆期的青少年们的类目。
卖萌式。给人乖巧可爱的感觉，尤其是反差萌文案效果最好，让人忍不住想要多看几眼或分享给伴侣，例如故宫淘宝，哪些皇帝和娘娘们给人的感觉明明是很高冷的形象，画风却萌，一下子拉近了与消费者之间的距离。
平淡式。这种文案比较直白保守，给人中规中矩和呆滞无趣的感觉，大部分反响平平的店铺详情页文案基本亦都是这类的，公众化、没创意，没法与消费者产生任何情感共鸣，好处便是省事不啰嗦，很纯粹的一手交钱一手交货的买卖关系。
详情页的设计规范
详情页设计说简单亦简单，说难亦难，由于除了要设计得让消费者有购买欲望以外，还得重视用户体验，防范字体和素材是不是侵权了，还得避免运用极限词违反宣传法被投诉，为了避免以上状况的出现，详情页的设计要有必定的规范，亦便是重视事项：
详情页的尺寸。详情页的尺寸分为宽度和高度两个方面，通常来讲高度不限，而宽度的设定受到两方面原因的影响。区别的输出端详情页的宽度区别，如 PC 端和个人移动端；区别的电商平台详情页的宽度亦有所区别。例如：在 PC 端，某猫的详情页宽度是 790px、某宝 750px、某东自营 750px、某东第三方 790px；在移动端，详情页的宽度设定在 750px 与 1242px 之间，亦有人直接拿 PC 端 750px 或790px 宽度适配。
事实上，某猫、某宝、某东等平台每改版一次详情页的尺寸就会有相应变化，而随着大屏幕手机的占有率越来越高了，平台的每次改版其实亦是在顺应时代的发展必须，以及增多商家和用户的运用体验，因此呢，此刻 PC 端和个人移动端的详情页尺寸基本通用了。
详情页的版式发展趋势。从一线城市到六线城市，移动端订单占比平均已达 80% 以上，乃至有有些比较极端的案例移动端订单占比高达 90% 以上，因此 PC 端详情页设计他们基本已然直接放弃了，而是着重打理移动端详情页。而用户在移动端浏览详情页和在 PC 端浏览详情页体验是不同样的，例如手机屏幕基本都是竖屏的，况且尺寸偏小，一只手掌就可把握，而PC屏幕此刻广泛都是23 寸以上，屏幕越来越大，基本是横屏，这亦就衍生了一个移动端详情页设计要遵循竖版思维的理念，亦便是文案以及制品图可能更适合上下排版而不是上下排版。
况且随着智能手机占有率和运用频率的提高，带来的是移动端订单占比的加强和各大电商平台的改版升级，针对商家来讲工作量其实减少了，由于移动端变成为了主战场，PC 端的详情页尺寸跟移动端是同样的，能够优先设计移动端，而后PC 端直接进行套用。
然则，竖版思维的排版方式无疑亦会增多详情页的高度，通常来讲，移动端详情页最多不要超过 8-10 屏，过长的页面容易令人产生烦躁心情，有害于用户实现购买行径。除非，详情页的设计特别有趣、很美或很好玩，长度就不是问题了。举荐阅读：详情页主图设计要点！
| 
发表于 2024-8-12 04:46:58
