详情页设计要求（手机版淘宝商品详情页设计有什么规则要遵守（淘宝详情页设计方案））

本文目录

• 手机版淘宝商品详情页设计有什么规则要遵守（淘宝详情页设计方案）
• 设计产品详情页需要注意哪些细节
• 详情页海报尺寸多少合适宝贝详情页设计尺寸一般是多少
• 详情页设计的六个标准
• 商品详情页设计风格有哪些要求

手机版淘宝商品详情页设计有什么规则要遵守（淘宝详情页设计方案）

虽然向消费者介绍宝贝的方式多种多样，但详情页面的位置依然不可动摇。大家都知道，手工淘宝的详情页面不能直接转换成PC终端的详情页面，这会导致浏览量不变，不利于信息传递，也无法方便交易。那么淘宝手册详细页面的设计应该遵循哪些原则呢？
1、一屏一内容
买家有限的时间浏览淘宝网，在几秒钟内获得有价值的信息，卖家有望在有限的时间和显示区域传递更多的信息。这种做法是对的，缺点是大多数卖家将不同模块的信息堆放在屏幕上，造成屏幕拥挤，压力感，不利于信息的传递。
因此，卖家要实现屏幕到内容，每个屏幕的内容要在一个简单明了的销售点上显示，产品信息、模型显示和详情显示，以及商店的主题和产品的卖点被突出显示，以便尽可能在10个屏幕内显示。注意，页面的每个屏幕都是以不同的形式划分的。
2、布局清晰，明确的卖点
因为手淘一次只能浏览一个宝贝。如果宝贝第一次被点击后不能迅速抓住买家，实现转化、购买、收藏等操作，那么之后的机会就很小了。所以你需要通过详情页面的风格布局，确保卖点清晰，布局清晰，从而使视觉展示完美，给买家一个良好的浏览体验。
两种最常见的手对手浏览格式是上下和左右。上下分割最适合垂直显示，图像和文字按照适当的间距排列，形成整体的视觉效果，而左右分割将文字信息排列在布局的左右两侧，创造一个舒适自然的视觉空间，在第二屏可以安排，往往在设计理念、趋势等卖点模块中使用，便于清晰地显示卖点。
3、字体合适。画面清晰
整个故事页面的字体视觉效果也起着非常重要的作用。页号字体大小之前通常手洗，优选20-36，根据类别的对应于所选择的字体的特征，如通常使用的圆形的衬线，典雅和柔软的感觉的买方妇女;人是无衬线取款的影响。
还有一点很重要，那就是字体的版权；如果你不买版权就不小心使用了字体，你可能会被投诉很大，你将面临高额赔偿！
最后一件你要做的事情是确保图片是清晰的，否则视觉体验是非常糟糕的。
以上就是小编给大家带来的相关内容，文章就给大家介绍到这里了。

设计产品详情页需要注意哪些细节

1、产品详情页的重点不够突出

宝贝详情页的重点应该放在宝贝的核心卖点上面，如果卖点不够突出，也就不足以吸引客户。客户看不到你的产品和其他产品到底有什么优势，你的产品卖点根本就不是客户需要的等等一些原因造成了客户没有购买的想法。如果说真是因为这些原因，那么你就要根据所说的这些针对性地一一去改善。

2、淘宝标题和宝贝实际不相符

标题和主图对于客户是否点击来说很重要，如果说标题过于夸大，而制作出来的详情页却和标题不符合，最后顾客收到的产品也和描述的不符合。那么就会出现客户不去购买，购买了也会出现退货和严重的淘宝差评，所以还是要切合产品实际去描述。

3、专业术语过多，不接地气

这些专业的术语对于我们来说可能不是什么难事，但是对于普通客户来说就不一定了。因此宝贝详情页写的时候也要考虑到客户是否能看懂，尽量有大家都能看得懂的话语去替代专业术语。

4、宝贝详情页展示不够全面

多方面、多角度地展示产品，能够为了让客户更能了解产品，也能对于细节方面的东西去更好地把握。一个产品的好与不好其实和产品的细节很有关系，好的产品绝对是对于细节方面都做得很到位的。还要加上模特图，这是让客户看到实际效果，更能激发客户的购买欲望。

详情页海报尺寸多少合适宝贝详情页设计尺寸一般是多少

淘宝详情页图片尺寸多少

淘宝详情页图片按照制作方式的不同，分为两种尺寸：

1.如果用电脑来制作详情页，宽度要求在750，而长度则由卖家自行设置，而在整个主图的大小方面我们的要求是在3M以下。图片会有一个宽度的要求，而长度不会产生限制。

2.手机端详情页的制作有固定的高度要求，这个高度要求小于等于960，而它的宽度也与电脑端要求的750不同，手机端详情页的宽度要求在480到620之间。上传的图片格式也分为了三种，有png格式，jpg格式和gif格式。

扩展资料：

关于产品的主图，可以上传几张不同的照片，图片的像素建议设置成700×700的，因为淘宝自动识别之后，会有一个放大镜的功能，主图大小可以设置在500k以下，但是也不能过度压缩，过度压缩会产生图片模糊不清的情况。

关于一些宝贝的细节图，吸烟族就是750宽，长度没有限制，每张在500k以下最好，如果图片过大，就要把产品显示的那一块放在图片的中心区域，否则，系统自动裁剪之后，会对产品的整体展示效果产生影响。

图片尺寸要求：

（1）宽度：480_620像素

（2）高度：小于等于960像素

（3）格式为：JPG\GIF\PNG

举例：可以上传一张宽度为480，高度为960像素，格式为JPG的图片。

扩展资料：

宝贝详情页总体尺寸：店(普通集市店)宽度750像素，天猫商城店宽度790像素。高度都是没有限制的，看你需要多高的。两千到两万像素都是有可能的。

淘宝店首页：宽度都是950像素。天猫是990像素。高度也没有限制。

首页大海报：跟店铺宽度的一样的，专业版旺铺是950宽，高度600左右。

一、淘宝主图和详情页尺寸如下：

1、淘宝主图尺寸：700＊700。主图大小：500K以内，建议不要压缩的太小，小了图片会失真，主图一般可以上传4～6个不同角度的图片。

2、详情页的尺寸：750的宽度，高度则根据商品本身实际情况而定。大小最好在单张500K，连体图片3M以内。

二、天猫主图和详情页尺寸如下：

1、天猫主图尺寸：800＊800。

2、详情页尺寸：宽790，高度不限。每张不得超过1500px。

扩展资料：

1、宝贝缩略图：普通店铺首页宝贝缩略图图片尺寸为160*160；对于热门店，最小尺寸可以设置为160*160，最大尺寸可以设置为220*220。宝贝图片更大，更直接的出现在热门店铺的首页。

2、个性推广区：普通店铺首页显示的宝贝只能按时间顺序排序，不能由卖家设定。繁华商场个性提升区的功能颇有一天为商场安置了3个特大号柜台，柜台内陈列的宝贝可以按照多种方式、数量、大小来分类来个性地和设置。

3、宝贝推荐区：虽然在普通店铺背景可以设置16个推荐宝贝，但在店铺首页仍然只有6个。热门店推荐的宝贝，可以根据需要的数量，将部分或全部陈列在店铺首页。与个性化促销区一起，形成4个专柜，分别陈列店内的宝物。

4、自动推荐区：在普通店铺每个宝贝详细描述的底部，会有店铺老板设置的6个推荐宝贝。在这6条推荐下，旺铺增加了6条店铺系统自动推荐的宝贝展示。

找企业服务上猪八戒网交付有保障验收再付款

详情页设计的六个标准

确认页面风格

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

产品和资料收集

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

构架布局框架

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

确认配色计划

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

挑选合适字体类型

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

整个详情页排版

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

修正定稿

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

切片和优化页面存储

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

商品详情页设计风格有哪些要求

①头图，页面最终目的是销售产品，如果过分强调画面的美感，增加图片视觉的占比，强调网站设计的艺术性，反而不会收到好的效果。页面应鲜明且不喧宾夺主，让浏览的者能产生深刻的印象。
②标题，清晰合理表述产品的内容，突出产品的核心价值。标题语意通顺，无乱码杂质。
③销量，销量一定程度上标明了产品的受欢迎度，销量可选择月销量、季度销量或年度销量，通过销量让用户知道产品的爆款程度。
④促销，以价格优惠、捆绑优惠进一步推动用户购买欲望，满足“节省”或“买到则赚到”心理，提供活动促销、券码优惠等信息。
⑤评价，提炼好评关键字置顶展示，将客观好评内容排序到评价前面或积极互动内容有意展示，通过用户评价内容介绍产品更有说服力，更能体现产品满足用户真实需求。
⑥图文，图片和相配的文案话语。图片给人的印象深刻，相比文字具有更强的感性认知。但如果只关注图片，忽视与图片相配的文案，则不能达到预期目的。因为产品的属性、卖点，以及迎合用户的情感诉求都需要文案来进行说明与阐述。
关于商品详情页设计风格有哪些要求，环球青藤小编就和您暂时分享到这里了。如果您对网站设计、页面排版、图像处理方面比较感兴趣，希望分享的这篇文章可以给您的学习或工作提供帮助。如若您还想了解更多关于平面设计的素材及技巧等内容，可以点击本站的其他文章进行学习。