农村电商设计尺寸是多少农村电商需求

PS电商首页导航尺寸

网页的背景多大要看对网页的要求的，一般是要求在800＊600左右。

农村电商设计尺寸是多少农村电商需求

电商banner的尺寸：Banner一般分为电商banner和广告banner。

电商banner图多用于淘宝和京东平台的横幅，常用的尺寸为750px390px。而广告banner的尺寸是900px500px，大部分是用于宣传活动、广而告之。

电商Banner的组成往往包含几个大块：文案、模物或商品、背景和装饰元素。

要在短短的一个界面中组合这些元素，对设计师来说是不小的挑战，在色彩管控、商品构图和模特展示上，并不是越丰富越好，还要注意Banner的可识别性。

这几年，受到各种大环境的影响，电商风起云涌。越来越多元化的电商设计，也刷新了我们对电商销量为王的看法。

无论是电商设计整体表现还是电商设计师的涌现，都让我们看到这个行业在朝着专业化、精细化的方向进步。

特别是近年来以花西子、完美日记等为代表的品牌了一波新的国潮风趋势。

从电商Banner、主图到电商详情页的设计，都看到了不同风格的精彩呈现方式。

例如，京东和淘宝的电商主图尺寸是800800px，拼多多的主图尺寸是740352px，分辨率基本都选择72，主图大小尽量控制在3M以内。

一般情况下，在电脑上编辑发布宝贝时，主图可以上传多5个不同角度的，它是决定引流和提高转化率的关键。

需要注意的是，主图图案上的文字需要简短有力，因为大多数消费者停留在主图上的时间只有5秒，所以选用高清、呈现产品的主图设计，短时间内吸引消费者。

而电商详情页其实是灵活度比较自由的设计类型，它的长度可以根据内容而定，可以组合多种拼图。

但在宽度方面，它有明确的区间，一般来说，电商设计详情页宽度尺寸会设定为750px（手机端详情页）和790px（PC端详情页），设计师可根据内容对模板的尺寸进行编辑。

电商设计详情页的要点在于解决潜在消费者的核心需求，设计师可通过美化产品实物图并配上简短有力的文案，快速解决消费者需求痛点，增加成交率。

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

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

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

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

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

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

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

宝贝详情页面设计尺寸一般是多少?

一般默认的尺寸首页就是990px,详情页右侧790px,左侧150px

淘宝主图标准是尺寸800800。商品的尺寸:宽500高500像素,大小在120KB以内。

宽度不超过950像素,高度不超过120像素;大小不超过120K;只支持gif和jpg格式。

淘宝网的

由马云创立于2003年5月，是面向大陆、港澳台、马来西亚等地消费者的C2C购物网站（B2C模式网站天猫已拆出）。

随着规模扩大和用户增加，淘宝已从单一的C2C网络集市变成了包括C2C、团购、分销、拍卖等多种电子商务模式在内的综合性零售商圈，成为世界范围的电子商务交易平台之一。

小程序商城运营推广所需的设计和详情页是尺寸是多少？

商城首页轮播图是16：9；详情图：宽度800，高度不限。

小程序商城的运营推广需要嫁接在公众号上，而如何运营公众号就会涉及到以下几个方面

有没有流量渠道，公众号是没有自然流量的，是做私域流量的工具，小程序商城也是如此。

有没有设计商城等等提高转化的办法。

1.设计小程序上的轮播图的是16:9的宽高比例,所以商家在给小程序商城设计轮播图的时候，尽量按照这个尺寸来选择。如果有多张轮播图，建议几张的轮播图的尺寸大小保持一致，这样整体的视觉上看起来就非常美观、整洁。

2.设计商品图尺寸，建议详情图尺寸：宽度800，高度不限，输出画质70%，格式:jpg.

3.目前微信小程序分享分享卡片的尺寸长宽比例是5:4，只要是这样的比例就可以了，比如50px40px；100px80px…设置成这样的大小，在分享卡片是就不会出现变得扭曲或者宽高被隐藏的问题出现了。另外还需要注意的是，尽量设置成jpg、png等常见格式.

移动端网页设计尺寸标准

涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。那么大家知道移动端网页设计尺寸标准是多少呢?下面一起来看看!

现象

首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化。尤其是Android，你会听到很多种分辨率：480x800, 480x854, 540x960, 720x1280, 1080x1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：640x960, 640x1136, 750x1334, 1242x2208。

不要被这些尺寸吓倒。实际上大部分的app和移动端网页，在各种尺寸的屏幕上都能正常显示。说明尺寸的问题一定有解决方法，而且有规律可循。

像素密度

要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕的实际像素尺寸。比如480x800的屏幕，就是由800行、480列的像素点组成的。每个点发出不同颜色的光，构成我们所看到的画面。而手机屏幕的物理尺寸，和像素尺寸是不成比例的。典型的例子，iPhone 3gs的屏幕像素是320x480，iPhone 4s的屏幕像素是640x960。刚好两倍，然而两款手机都是3.5英寸的。

所以，我们要引入重要的一个概念：像素密度，也就是PPI(pixels per inch)。这项指标是连接数字世界与物理世界的桥梁。

Pixels per inch，准确的说是每英寸的长度上排列的像素点数量。1英寸是一个固定长度，等于2.54厘米，大约是食指末端那根指节的长度。像素密度越高，代表屏幕显示效果越精细。Retina屏比普通屏清晰很多，就是因为它的像素密度翻了一倍。

倍率与逻辑像素

再用iPhone 3gs和4s来举例。设有个邮件列表界面，我们不妨按照PC端网页设计的思维来想象。3gs上大概只能显示4-5行，4s就能显示9-10行，而且每行会变得特别宽。但两款手机其实是一样大的。如果照这种方式显示，3gs上刚刚好的效果，在4s上就会小到根本看不清字。

在现实中，这两者效果却是一样的。这是因为Retina屏幕把2x2个像素当1个像素使用。比如原本44像素高的顶部导航栏，在Retina屏上用了88个像素的高度来显示。导致界面元素都变成2倍大小，反而和3gs效果一样了。画质却更清晰。

在以前，iOS应用的资源中，同一张图通常有两个尺寸。你会看到文件名有的带@2x字样，有的不带。其中不带@2x的用在普通屏上，带@2x的用在Retina屏上。只要准备好，iOS会自己判断用哪张，Android道理也一样。

由此可以看出，苹果以普通屏为基准，给Retina屏定义了一个2倍的倍率(iPhone 6plus除外，它达到了3倍)。实际像素除以倍率，就得到逻辑像素尺寸。只要两个屏幕逻辑像素相同，它们的显示效果就是相同的。

Android的解决方法类似，但更复杂一些。因为Android屏幕尺寸实在太多，分辨率高低跨度非常大，不像苹果只有那么几款固定设备、固定尺寸。所以Android把各种设备的像素密度划成了好几个范围区间，给不同范围的设备定义了不同的倍率，来保证显示效果相近。像素密度概念虽然重要，但用不着我们自己算，iOS与Android都帮我们算好了。

如图所示，像素密度在120左右的屏幕归为ldpi，160左右的归为mdpi，以此类推。这样，所有的Android屏幕都找到了自己的位置，并赋予了相应的倍率：

ldpi [0.75倍]

mdpi [1倍]

hdpi [1.5倍]

xhdpi [2倍]

xxhdpi [3倍]

xxxhdpi [4倍]

各型号iPhone的倍率比较简单，我们后面会讲到。那么Android手机那么多，具体怎么分?哪些手机是几倍的倍率呢?我们先看一张表，这是友盟2014年10月到2015年03月的数据：

就目前市场状况而言，各种手机的分辨率可以这样粗略判断。虽然不全面，但至少在1年内都还有一定的参考意义：

ldpi 如今已绝迹，不用考虑

mdpi [320x480](市场份额不足5%，新手机不会有这种倍率，屏幕通常都特别小)

hdpi [480x800、480x854、540x960](早年的低端机，屏幕在3.5英寸档位;如今的低端机，屏幕在4.7-5.0英寸档位)

xhdpi [720x1280](早年的中端机，屏幕在4.7-5.0英寸档位;如今的中低端机，屏幕在5.0-5.5英寸档位)

xxhdpi [1080x1920](早年的高端机，如今的中高端机，屏幕通常都在5.0英寸以上)

xxxhdpi [1440x2560](极少数2K屏手机，比如Google Nexus 6)

自然地，以1倍的mdpi作为基准。像素密度更高或者更低的设备，只需乘以相应的倍率，就能得到与基准倍率近似的显示效果。

不过需要注意的是，Android设备的'逻辑像素尺寸并不统一。比如两种常见的屏幕480x800和1080x1920，它们分别属于hdpi和xxhdpi。除以各自倍率1.5倍和3倍，得到逻辑像素为320x533和360x640。很显然，后者更宽更高，能显示更多内容。所以，即使有倍率的存在，各种Android设备的显示效果仍然无法做到完全一致。

单位

不难发现，真正决定显示效果的，是逻辑像素尺寸。为此，iOS和Android平台都定义了各自的逻辑像素单位。iOS的尺寸单位为pt，Android的尺寸单位为dp。说实话，两者其实是一回事。

单位之间的换算关系随倍率变化：

1倍：1pt=1dp=1px(mdpi、iPhone 3gs)

1.5倍：1pt=1dp=1.5px(hdpi)

2倍：1pt=1dp=2px(xhdpi、iPhone 4s/5/6)

3倍：1pt=1dp=x(xxhdpi、iPhone 6)

4倍：1pt=1dp=4px(xxxhdpi)

单位决定了我们的思考方式。在设计和开发过程中，应该尽量使用逻辑像素尺寸来思考界面。设计Android应用时，有的设计师喜欢把画布设为1080x1920，有的喜欢设成720x1280。给出的界面元素尺寸就不统一了。Android的小点击区域尺寸是48x48dp，这就意味着在xhdpi的设备上，按钮尺寸至少是96x96px。而在xxhdpi设备上，则是144x144px。

无论画布设成多大，我们设计的是基准倍率的界面样式，而且开发人员需要的单位都是逻辑像素。所以为了保证准确高效的沟通，双方都需要以逻辑像素尺寸来描述和理解界面，无论是在标注图还是在日常沟通中。不要再说“底部标签栏的高度是96像素，我是按照xhdpi做的”这样的话了。

Web怎么办

移动端页面的单位仍然是px，至少代码里这么写，但它的道理也和app一样。由于像素密度是设备本身的固有属性，它会影响到设备中的所有应用，包括浏览器。前端技术可以善加利用设备的像素密度，只需一行代码，浏览器便会使用app的显示方式来渲染页面。根据像素密度，按相应倍率缩放。

以iPhone 5s为例，屏幕的分辨率是640x1136，倍率是2。浏览器会认为屏幕的分辨率是320x568，仍然是基准倍率的尺寸。所以在制作页面时，只需要按照基准倍率来就行了。无论什么样的屏幕，倍率是多少，都按逻辑像素尺寸来设计和开发页面。只不过在准备资源图的时候，需要准备2倍大小的图，通过代码把它缩成1倍大小显示，才能保证清晰。

实际应用

大家关心的还是实际运用，画布该怎么设置。我们就iOS、Android、Web三个平台来分别梳理一下。不过在这之前，我要为使用PS进行设计的朋友介绍一个小技巧。

之前我说过，我们要以逻辑像素尺寸来思考界面。体现到设计过程中，就是要把单位设置成逻辑像素。打开PS的项——单位与标尺界面，把尺寸和文字单位都改成点(Point)。这里的点也就是pt，无论设计iOS、Android还是Web应用，单位都用它。当然，各平台单位名称还是要记住的。这里我们用的只是它的原理，不用在意名称。

要调节倍率，则通过图像大小里的DPI来控制。这个DPI，其实就是PPI，像素密度。有个常识大家都知道，屏幕上的设计DPI设成72，印刷品设计DPI设成300。为什么是这两个数字?

首先说300，这和人眼的分辨能力有关。由于1英寸是固定长度，每1英寸有多少个像素点决定了画质清晰程度。之前说过，这就是像素密度，也就是DPI。DPI达到300以上，其细腻程度就会给人真实感，像真实世界中的物件。相反，DPI只有10的话，在你一个食指指节大小的长度内只有10个像素，这明显就是马赛克了。所以印刷品要设成300，才能保证清晰。

再说72，这有一定的历史原因。早的图形设计是在mac电脑上进行的，mac本身的显示器分辨率就是72。PS中把图像DPI也设成72，就能保证屏幕上显示的尺寸和打印尺寸相同，便于设计。72的PC显示器分辨率逐渐成为一种默认的行业标准，这套规则就这么沿用下来。

现在回到正题，我们怎么通过DPI来调节倍率?既然屏幕本身的分辨率是72，DPI设成72刚好是1倍尺寸，那设成72的两倍就是倍率为2的屏幕了，就这么简单。

下面来看看3个平台各自的画布设置：

iPhone

iPhone的屏幕尺寸各不相同，我说的是逻辑像素尺寸，这确实是让人很头疼的事情。如果想用一套设计涵盖所有iPhone，就要选择逻辑像素折中的机型。

从市场占有率数据来看，目前多的是iPhone5/5s的屏幕。倍率为2，逻辑像素320x568。上升势头猛，未来有望登上的是iPhone 6的屏幕。倍率为2，逻辑像素375x667。

按照这两种尺寸来设计，都是比较主流的做法。可以兼顾短一些的iPhone 4s，大一点的6 plus也不会过于空旷。

不过在切图的时候要注意，由于iPhone 6 plus的3倍图是由2倍图放大而来，所以位图要注意保证清晰。

Android

都说Android碎片化，但它现在反而比iOS好处理。因为如今的Android屏幕逻辑像素已经趋于统一了：360x640，就看你设成几倍了。想以xhdpi为准，就把DPI设成72x2=144。想以xxhdpi为准，就把DPI设成72x3=216。

对于那些比较老的低端机，宽度是480px的那批，画面确实会小一些，显示内容会更少。稍微留意一下，重要内容尽量保持在界面中上部分。

当然，这些机型不出一年就会被边缘化，基本淘汰。现在能运转的也是当作功能机在用，软件多了必卡无疑，用户体验无从谈起。不作考虑也是OK的。

Web

手机端网页就没有统一标准了，比较流行的做法是按照iPhone 5的尺寸来设计。倍率2，逻辑像素320x568。

这样的做法比较实在，倍率2的屏幕无论在iOS还是Android方面都是主流，而且又是2倍屏幕中逻辑像素小的。所以的尺寸可以保持在较小的水平，页面加载速度快。当然，缺点就是在倍率3的设备上看，不是特别清晰。

如果追求质量，愿意牺牲加载速度，那么可以按照的屏幕来设计。也就是iPhone 6 plus的尺寸，倍率3，逻辑像素414x736。

总结

移动端的尺寸比PC端复杂，关键就在倍率。但也正因为倍率的存在，把大大小小的屏幕拉回到同一水平线，得以保证一套设计适应各种屏幕。站在这条水平线的角度看，会发现它很好理解。

电商用到的常用什么单位来描述尺寸大小？？

电商网站一般都会使用三种尺寸大小（这里的尺寸指的是像素大小）：

1、小图：缩略图

这里的小图（100 x 100 或 200 x 200）一般会出现在产品列表或网站搜查结果列表。在这些情况下，小图通常就足以传达产品外观、设计以及颜色。如果你对该小图中的产品感兴趣，点击缩略图就可以跳转到相应的产品详细页去查看大尺寸的产品图。

2、中图：产品页

每一款产品都需要好的产品页来对产品进行详细的描述，因此产品页中就需要高质量的，一般这种中图（640 x 640 或 800 x 800）用来展示产品的各个角度，如正面、侧面、背面等。

3、细节视图/缩放

根据产品类别的不同，其产品需要展示详细的产品特写镜头。这是非常重要的，因为任何产品的材质、表面纹理、模式、颜色或者制造细节都是体现产品价格和评估标准的一部分，因此，电商网站就需要一个产品放大功能。当然，你有两个方法来实现产品特写镜头的展示。个方法就是直接单独展示特写镜头，第二种方法就是点击或者悬浮的时候显示相应特写镜头。鼠标悬浮功能中一般800 x 800 和 1000 x 1000 的大小就足够了。

很多电商网站平台都会现在产品图像：

很多电商平台都会有他们自己的大小限制。LightSpeed现在了尺寸是512 x 512，如果你上传了1000 x 1000的图像，那么他的平台就会自动压缩到512 X 512。Shopify建议上传为1024 x 1024的 72 dpi ，虽然这是Shopify平台的建议，但是你想在他们平台上传2048 x 2048的是不成功的。Magento三种不同的尺寸，50 x 50的缩略图用在缩略图，购物车和相关的条目里;370 x 370的小图用在分类列表和搜索结果页、销售、交叉销售、新产品部分中。产品详细页的主图相当于基础图，370 x 370大小就是基础即没有放大，而1100 x 1100 被在需要放大的情况中使用。雅虎的产品限制为2000 x 2000。Wix 拥有两种格式，200 x 200作为图库尺寸，400 x 400作为产品也，有趣的是Wix坚持所有4:3的比例（他们对这个比例的要求很严格）。

总而言之，如果你的平台是提供给数以亿计的卖家的，那么你必须对大小进行限制。如果你是可以控制产品使用缩略图，产品图以及缩放图那么要选择三种大小。

望采纳，谢谢！！