淘宝店铺详情页尺寸(详情页的设计规范！按部就班)

一米阳光

2022-04-20 21:57:50

来源:微信微信官方账号PingMianDesigner(平面设计)

一个完整的产品详情页的作用就是告诉消费者产品是什么。产品的价格、外观和功能，以及产品与同类竞争对手相比的优势。详情页一般由以下几个部分组成:首图横幅、产品信息、产品外观展示、产品详情展示、产品功效介绍。此外，还可以附上明星推荐、行业证书、物流信息、买家秀、售后说明等。

产品详情页要对应产品主图和产品标题。产品详情页必须真实的介绍产品的属性。设计师不能单纯追求画面效果，与产品的真实情况背道而驰。

详细页面的部分内容

对于一般的店铺或者品牌来说，一个完整有效的详情页应该是这种思维结构:首先用第一张图抓住消费者的眼球，然后通过各种功能说明让消费者了解产品，让消费者陷入米托展示，让消费者意识到这种购买行为的必要性，然后趁热打铁给出详细的说明或者专家建议，最后给出一些口碑推荐和品牌认证，打消消费者最后的信任顾虑，最后结合店铺评价和产品价格，促使消费者下单。

在设计详情页之前，要充分进行市场调研。不仅要调查同一个行业，在同一个品类中找出很多与众不同的亮点，还要调查消费者，分析和掌握潜在消费者的消费水平、消费习惯和喜好，争取在最短的时间内与消费者达成共情，从而促进消费者的购买行为。

市场调研的目的是对产品进行定位，找出产品的卖点，这对于详情页设计非常重要，决定了设计素材准备的方向，以及详情页使用的文案整体风格、字体、排版、配色等诸多因素。详情页的设计也注重与产品特点相匹配的氛围，特定环境下产品使用状态的表达更容易引起消费者的共鸣。

复制详细信息页面的类型

细节页的文案对于细节页的设计尤为重要，因为文案与产品和细节页的设计风格息息相关。换句话说，文案相当于讲述者根据产品气质进行讲解。产品气质不同，文案给人的气质也会不同。具体来说，详情页的文案根据不同的产品特性有以下表现类型:

拟人化。就是把产品拟人化，以产品的口吻从我开始卖，适合走亲和路线的品类，品类不限。

Hi-style说白了就是用一堆别扭的形容词来修饰产品，适合走高端严谨路线的品类，品类不限，比如数码科技、服装鞋包、护肤美妆等。

搞笑风格。这种文案风格往往是搞笑或者无厘头，让人觉得很过瘾。适用于任何可以用来搞笑或者恶搞的品类，比如一些二次元周边产品，生活用品等等。

文艺风格。这种文案给人一种很深的文艺气息，适合任何走文艺路线的品类，比如茶叶、家居服、鞋包等。

耍酷。这种文案给人的感觉是，你买了我的产品，你就是世界上最酷、最有魅力、最独特的，适合处于叛逆期的青少年这个范畴。

卖可爱的款式。给人的感觉就是乖巧可爱，尤其是对比和可爱的文案效果最好，让人忍不住想多看或者分享给朋友，比如故宫的淘宝。那些帝后明明给人的感觉是很冷的形象，画风却很可爱，一下子拉近了和消费者的距离。

朴素。这种文案直白保守，给人的感觉还算规整平淡。大部分反响平平的店铺详情页文案基本都是这样。通俗而没有新意，无法与消费者产生任何情感共鸣。好处是省事，是纯一手交货关系。

淘宝详情页尺寸

详细页的设计规范

详情页设计说起来简单，说起来容易，说起来难，因为除了被设计成让消费者有购买欲望之外，还要注意用户体验，防止字体和材料侵权，避免因使用限制词而被投诉违反广告法。为了避免上述情况，详情页设计应该有一定的规范，即注意事项:

详细页的大小。详情页的大小分为宽度和高度。一般来说，高度不限，宽度的设定受两个因素影响。不同输出终端的详情页宽度不同，如PC终端和个人移动终端；不同电商平台的详情页宽度也不同。比如在PC端，一只猫的详情页宽度是790px，某宝750px，某东所属公司750px，某东第三方790 px在移动端，详情页的宽度设置在750px到1242px之间，也有人直接在PC端适配750px或者790px的宽度。

事实上，某猫、某宝、某东等平台的详情页大小在每次改版时都会有相应的变化。随着大屏手机的份额越来越大，平台的每一次改版其实都是在顺应时代的发展需求，增加商家和用户的体验。所以现在PC和个人移动终端上详情页的大小基本通用。

详情页的版面发展趋势。从一线城市到六线城市，移动端订单比例平均达到了80%以上，甚至在一些极端的情况下，移动端订单比例高达90%以上，所以基本上已经直接放弃了PC端详情页的设计，而是专注于打理移动端详情页。但是用户在移动端浏览详情页的体验和在PC端是不一样的。比如手机屏幕基本都是竖着的，尺寸太小，一只手抓不住。但是现在PC屏幕普遍大于23寸，而且屏幕越来越大，基本都是水平的，这就导致了移动端详情页的设计要遵循垂直思维的想法，即文案和产品图可能比左右排版更适合垂直排版。