电商详情页尺寸(电商详情页尺寸淘宝和京东尺寸)

抖音玩自媒体 2022年06月14日 01:59 45 抖音玩自媒体

目前应该是有很多小伙伴对于电商详情页尺寸方面的信息比较感兴趣，现在小编就收集了一些与电商详情页尺寸淘宝和京东尺寸相关的信息来分享给大家，感兴趣的小伙伴可以接着往下看，希望会帮助到你哦。

淘宝详情页设计尺寸是什么？

展开3全部

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

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

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

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

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

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

展开1全部

什么是设计规范

首先，我们要知道什么是设计规范。通俗的来说，设计规范就是对设计元素进行一些规范化的限制规定，诸如颜色，形状，大小等等，方便后续延展时，能够很好的保证视觉上的统一性。对于前端开发人员来说，提供了一份参考，实现时能更加准确，从而也减小了复核的工作量。

设计规范应当避免两个的坑

1.避免写得过于“精细”

规范应该是针对整个项目通用的，所以要善于提炼出重叠的部分。对于某个界面特有的元素，就不要列入了，写的过于“精细”，便成了单个页面的标注和需求，失去了意义，而且在使用的过程中，定的太死也会出现一些问题。我们来看一个例子：

在针对二级导航栏做规范设计的时候，这里并没有考虑到二级导航栏的选项数是不确定的，所以这里的给出的选中条宽度的限制是无意义的。在执行过程中如果严格遵循，也会出现问题。

2.避免将需求文档摘抄一遍

一般情况我们都会先拿到需求交互文档，然后再开始设计。程序也会先看需求交互文档。所以没有必要将需求交互的说明文字再添加到设计规范里面，这样会导致整个文档拖沓冗余。还是举个例子：

在上面的规范中，除了元素大小，颜色，边距，其他均为需求交互文档里的内容。重复交叉的描述大大增加了阅读时间，不利于快速方便地查看。

以上两点是很容易出现的问题，有时候可能为了显得“丰满”，不自觉地就写多了，其实效果并不好，还是简练方便的文档更好用。

如何搭建设计规范

1.搭建时间

新的项目开动后，初期页面审核完成时即可开始整理规范。在整理的过程中可能还会遇到一些小小的改动，需要不断调整。当设计基本稳定时，规范也相应的可以制定出了。

2.搭建的要点

设计规范很重要的一点，就是提炼要点，形成该项目独有的设计语言。也可在自由发挥的部分给出一些指导建议，使得整个项目更具有统一感。比如可以从字体，颜色，图标，控件等角度出发，进行阐述。语言尽量简单明了，使用表格、图片等更有利于查看。

电商详情页尺寸

本文结束，以上，就是电商详情页尺寸，电商详情页尺寸淘宝和京东尺寸的全部内容了，如果大家还想了解更多，可以关注我们哦。

发表评论