电商主图设计背景怎么写电商主图设计模板

淘宝主图和详情页怎么制作

ps。美图，就可以了，但是楼主，要知道，在这个日趋激烈地电商时代，要拥有更好的电商知识才能真正成功，所以楼主去电商自学网站上好好学习一下，51电商自学网站，就很不错呦

电商主图设计背景怎么写电商主图设计模板

卖家中心可以发布宝贝，这些都是在发布宝贝的时候弄的

淘宝的主图如何制作

一，首先了解下淘宝发布宝贝时，淘宝主图的发布要求：

1、本地上传大小不能超过500K。

2、淘宝主图尺寸在700700 以上的可以放大显示。

3、淘宝主图为正面图。

本来我是想讲淘宝主图尺寸的正确裁剪方法的，现又多了另外两个要求，那么我也就一并讲了吧。

二，我们先来看看错误的作方法：

1、未经处理的淘宝主图发布上传后的提示--提示大小超过500K。

2、错误的淘宝主图尺寸展示效果---为长方面，上传后上下留白边了。

三，图中可见符合淘宝主图的发布要求的是正面图。但其大小和尺寸都是不符合规格的，所以才会造成以上的错误效果，知道关键所在了，那么我们就从这两方面来入手。

四，PS教程正式开始，首先来看淘宝主图尺寸的裁剪，在PS（photoshop）中打开淘宝主图文件，选择“裁剪”工具，在菜单栏下就会显示“裁剪”工具的属性；

五，在“裁剪”工具属性中的宽度和高度分别输入淘宝主图尺寸，即700PX，然后在淘宝主图中按住鼠标左键，拉出一个框，然后调整位置到壮态的。再按回车键即可完成符合淘宝主图尺寸的；

六，淘宝主图尺寸已裁剪完毕，现在来看看大小于500K的保存方法，这一方法我在百度经验“PS教程:如何解决上传大小限制在几K或几M内”中已详细介绍，大家可以去搜索查看下，这里就简简的说下。

1、在菜单栏中依次点击“文件”-“存储为WEB和设备所用格式”，打开“存储为WEB和设备所用格式”对话框，如图1所示。

2、在“存储为WEB和设备所用格式”对话框中调整图中右上角的"品质"，即可调整淘宝主图的大小，左下角可以即时看到调整的大小。

3、然后存储淘宝主图文件；

4、好了，我们再来看下淘宝主图的文件信息，明显已符合淘宝主图尺寸和大小小于500K的规定。

七，ps（photoshop）教程的任务完成了，宣告一段落，现在来上传刚才利用PS（photoshop）制作的淘宝主图。

如图1所示，完美的上传了。

再来看看终的效果，符合淘宝主图的规定上传的图才有放大显示功能，这才是正确的淘宝主图尺寸的裁剪制作方法。

一个好的主图一定是既美观又真实和驱动购买欲的，基本由背景、产品、文案三部分组成。

1、主图背景：因为自己店铺的宝贝主图是跟同页面很多竞品同时展现，一个好的背景一下子吸引住用户的注意力。一般分为纯色背景和环境背景，需要卖家倾注许多点击的概率点，当然，宝贝的主图背景要跟产品本身相符合，不要为了突出而哗众取宠，青山绿水适合有机食品营销，用于电子产品就会弄巧成拙。

2、产品图：产品图是主图三要素的核心所在，要求一定要清晰，产品图一般是在主图中居中位置。

3、文案：首先文案部分占比不能超过30%，其次是文案排版美观性，是否加文字也因产品而异，用展示不出来的功能属性可以用简练的文案来说明一下，比如说电子产品等是功能性产品;但服装类目主要看的是款式，可以直观的展示出来，通常是不需要在上加文案的。但是文案有提炼卖点和痛点的作用，如果对自己产品够自信一定要明确价格，如果有类似三天直达、送货上楼等类似特殊附加服务项目要在文案中凸显出来。注意文案每张图不要太多，不要想着一张图把所有的都表达出来，那样会适得其反。

淘宝店铺主图怎么做？淘宝主图设计技巧有哪些？这些你必须要知道。

楼上的说的有一定道理，但是实际上要做出好的主图，要动知识远不止如此，所以希望楼主可以去电商自学网站上看看系统学习，51电商自学网站

电子商务主图设计-ps如何制作电商主图

电商主图设计有哪些技巧?

1、突出利益点

事实上,人们买东西时或多或少都会有占便宜的心理,对那些打折的商品会有一些想法,同时,商家也会通过时间上的限购等营销方式来营造紧迫感,给消费者带来性的消费行为,以上是一些表现方法。

2、突出功能点

人们在买一些功能性商品的时候,会更在意商品的功能与功效,比如我买吹风机的时候会在意多长时间能把头发吹干,是否会对头发造成损伤等方面的问题,当然不排除一些产品夸大其词,如果你做的产品达不到文案所写的标准,尽量不要用这种方式。

3、产品精修

左图是精修过的产品图,右图是没有精修的摄影图,我们对比之后是不是感觉左边产品看着比右边产品高级一些。再来对比一下价格,有没有买左边产品有一种物超所值的感觉?现在很多产品都会用产品精修的手法来提高性价比,如果你还不会精修的话可是要着手学习一下。

4、品牌效应

我们可以看到这些商品并没有用利益点来吸引消费者,但是他们的销量还是很高,其实这就是品牌效应,在购物的时候,我们会优先考虑一些比较熟悉的店铺,因为我们会对这些店铺产生一定的信赖感,这就是一些商品尽管不怎么设计主图,销量还是很高的原因。

ps如何制作电商主图

就以这张图为例,首先先新建一个画布,(但是多大我忘记了)可以在图像那里看,这张图的背景色是用渐变来做成的,如果你不是要用渐变来做的话就用吸色笔吸取你想要的颜色然后按住Alt键加删除键,渐变的话就点击渐变工具,上面会出现一个一半黑一半马赛克的长条,双击那个长条,选择第三个,点击下面的小房子用吸色笔吸一下颜色,如果是左右的话按住shift键横着拉,如果是上下的话,也是按住shift键不过这次是向下拉,然后里面有几个元圆那个画有虚线的圆或者是画有虚线的框框点击那里,用虚线圆来画,现在画布上用鼠标画出一个圆,但是不要松开再按shift键住加alt键等比例缩放,Ctrl加j4个图层,会出现一个图层一@1图层1副本,图层1副本2,双击这四个图层,在那个窗口里面讲到那内发光,选择内发光调大小。然后再把你要做的产品拉进去,新建图层然后再用我换画一个红色的那个点击那个地方,用这个画出椭圆框,新建图层选择文字工具输入文字,然后在新建图层输入限时秒杀这几个字,如果限时秒杀要做成项目这样子的话,可以按住CTRL+j一个图层,出现的就是限时秒杀副本,然后点击限时秒杀那个图层上面会有一把锁,点击那把锁锁住它,商双击限时秒杀副本如果不行的话就点击下面的那个fx选择颜色叠加,先吸取限时秒杀下面的颜色,按住ALT键,加鼠标滚轮会放大,嗯,好颜色以后点击确定,然后再按住CTRL加alt,同时按住下键图层,以此类推灰色和白色也是一样,只不过灰色和白色是向上移,粉色向下。下面那个钢笔工具把它抠出来或画出来,希望能帮助带你

商品主图的设计规范是什么样的？

商品主图的设计首先要考虑商家入住的电子商务平台对商品主图的相关规定,不同的平台对商品主图的要求与规定是不一样的,一般情况下商家入住天猫平台、京东平台、苏宁易购平台等电子商务平台的时候,平台相关品类的对接都会对商家提出相应的要求,有些平台对不同的商品品类也有不同的要求,所以商家在设计商品主图前首先要了解平台的规范,要了解平台的商品搜索排序的基本规则,并根据这些规则与要求设计商品主图。

除了平台的规范要求外,商品主图的设计重点要关注的是主图中的商品图像必须与商品实物相符合,如果主图中的商品与商品实物不符,肯定会引起售后,从而影响商品的销售与网店店铺的运营。

商品主图展现的商品图像必须清晰,尽可能不出现色彩与造型上的偏,运用高质量的商品实物拍摄照片来制作。

商品主图的设计要突出商品的主体特征、商品的优点、商品的卖点,要精益求精,使消费者能在短时间内了解商品的优点,商品的展现要素直达消费者内心,激发其购买欲望。

不同的平台对商品主图的尺寸有不同的要求,以前淘宝平台规定商品主图的尺寸为70000像素时,会启动放大镜功能,即消费者将鼠标放置到商品主图上时会放大主图,这有助于消费者进一步了解商品的信息。天猫、苏宁易购等平台一般规定为80000像素,或者在80000像素与1000000像素之间。

根据需要商品主图中可以有特色元素,如商家Logo、背景、文字、价格、折扣等,用来营造销售的氛围,消费者。

关于商品详情页中的商品主图,几乎所有的平台都要求有五张商品图像,商家在设计时,应充分利用这五张图,尽量从不同的角度展示商品的特征。

如何快速设计一张电商主图？

如今,从城市到农村,从事电子商务的人很多.大型电商机构可能会有设计师帮忙设计,但是很多个体电商从业者,并不是都可以设计,这就产生了一个问题.电子商务从业者个人如何快速设计出一张电子商务地图,需要准备什么？

首先你需要在电脑上安装一个PS软件,然后建立一个素材库,方便你以后设计.现在让我们学习如何快速设计一个电子商务主地图.

1.我们来看看成品图.这是一张化妆品广告画.主视觉采用美颜抚肤的效果,然后乳液精华掉进牛奶里,牛奶飞溅.奶溅,美人抚脸,仿佛奶溅到脸上,产生美白和视觉蒙太奇.同时乳液精华落入牛奶,暗示乳液像牛奶一样滋润肌肤.好了,谈完这张图的设计思路,我们也需要在开头构思一下图.这个图怎么设计,可以先考虑文案,再考虑创意. 2.准备好需要的资料(尽量找有白色背景的资料,方便快捷的抠图,用钢笔工具抠没有白色背景的资料).

3.Ctrl+N创建一个1200mmx800mm的新文档.

4.用矩形工具画一个矩形,然后用放射状填充.这里采用了从中心向外粉色过渡的效果.

5.然后导入材质,分别命名图层.

6.我们想达到把瓶子砸成牛奶的效果.瓶子将被牛奶部分包裹.为了作方便,放大,然后在瓶子上加一个口罩(在下面的红框处). 7.用钢笔工具沿着奶边画路径,期间可以闭上瓶层的小眼睛,方便你画路径.

8.绘制路径后,Ctrl+Enter建立选择区域. 9.将前景颜色(下图左边的红色方框)改为黑色,然后按Alt+del将蒙版层填充为黑色,再按Ctrl+N取消选择.

10.选择牛奶层并光栅化牛奶层(如下所示). 11.放大,用钢笔工具画出路径.

12.Ctrl+Enter创建一个选择区域. 13.把牛奶下面两边多余的部分删掉.

14.将牛奶和瓶子拖到正确的位置. 15.在右上角输入标题文本.

16.使用矩形工具给字幕添加一个背景色,填充棕色(头发和瓶子的近似颜色),用一点淡粉把字幕字体改成白色,上面的美白系列也用同样的棕色,主标题是黑色,这样可以突出主次,两种颜色的字体可以激活画面.这里设计了整个主图.

淘宝主图设计技巧

主图是一款产品的流量入口，对引流起着至关重要的作用，一张好的主图可以为店铺运营省下好多钱和精力，怎么让自己的主图在整个淘宝页面中脱颖而出?下面我为大家整理了淘宝主图设计技巧，希望能帮到大家！

（一）关于版式

电商产品繁多，没有一个统一的排版模式！

但要做好一张主图，应该遵守的一些原则还是有的。

1.版式：常用的板式有左右排版、中心对称排版、中心围绕、上下排版等（这里指文字和产品的位置）。

2.版式的选择；a.根据产品的不同和主图不同的作用（直通车主图、普通主图、活动主图等）有不同的做法：比如服装类，模特照片通常采用的是中心对称式构图为主；

平铺或者挂拍的通常采用左右排版这类通常是较规则，整体呈竖式长方形的产品，所有符合这个特征的都非常适合中心对称和左右排版（并非，是通常来讲）

b.相比上述产品，相对不规则的产品，通常采用的是上下排版和中心围绕。

例如：上下排版

中心围绕，配合倾斜

c.总结：版式都不是固定不变的，以上所说皆是常用也往往是有效的一些，根据产品的造型去给自己的主图设计相应的排版！

3.关于图文比例

为了在页面中更具优势，我建议产品比例占整个画面的2/3左右（特殊作图效果除外），必要的时候可满版型设计（通俗讲即产品布满整个画面）

4.关于用色方面

简单说一下，尽量文字根据产品颜色来定位，选择同色系或者补色！

关于用色方面，下篇文章细讲，在做主图的作用方面尤其重要，如何在同产品中脱颖而出，起着至关重要的作用！

（二）关于用色

色彩基础就不多讲了，理论只是用于实践！

今天就专讲一下关于主图的配色用色方法。这对于我们主图的点击有着非常重要的作用。

具体步骤如下：

01.分析产品，以女装为例，这个阶段不用在意产品本身的颜色，应该做的'是去用热的词去搜索自己宝贝的页面大概的位置

本来是上下左右全部做对比的，这里只做横向对比，道理都是一样的。

如上图，相比其他三张主图，第四张颜色偏深，对于我们的眼睛来说，视觉停留点就在这张上。这时候我们就要思考自己的主图了，如我们的主图所在位置相比其他商家主图用色异不明显，现在就要用所行动了，如果大多数偏亮，你可以选择偏暗，如果其他单色系偏多，你就可以选择多色系，等等......

02.关于用色以及如何与其他商家主图有利的视觉

首先需要知道自己的产品是什么颜色，这是根本，不能乱配色。只有保证做到自己主图画面和谐美观的前提下，再区别开其他商家主图才是上策！

a.根据自己产品的颜色，可选择同色系、邻近色、类似色、中色、对比色等基础配色方案进行配色！

b.然后通过明暗、冷暖、纯度、明度等和其他商家区分开来（常用的方法还有大小对比，不属于用色）

03.补充一点，上述所讲是背景与产品、文案信息用色之间的配色关系

04.关于文字的用色，尽量不要超过三种，建议是两种或者单色！

好的点击率就需要自己产品主图在整个页面或者相比周围脱颖而出才是重中之重!!!!

配色基础就不讲了，新手可自己买本书看看，补充一下自己的不足！

（三）关于文案排版处理技巧

大家都晓得，一般的主图不需要文案排版，这里主要是针对活动主图和直通车主图而言的！

一.先讲下文案信息在一张主图中放在什么位置比较合适，我们就说几种常见的

01.常用的——位置沉底

常见方便的一种。以家装地板类目例：

以上两张主图都属于沉底式，简单又多变化，这种文案信息位置排版方式一般不会破坏画面的整体性，简约而不简单，文字信息需要和底色配合点线面变化！若文案超过两行，要选择左对齐或者右对齐、中间对齐等，原则就是不要乱了画面，造成阅读障碍！

02.常用的——左右位置

也是比较通用的。以服装为例：

文字偏左或者偏右，通常文字采用竖式排版，文案信息需要主次分明，颜色尽量选择单色或两色，字体不要超过两种，文字越精简越好！

03.一般不用的——中间位置

（这个对根据产品排版有一定的要求，切记不能破坏了对产品浏览的完整性）

以男装类目为例：

中间位置，文案信息一般较少，言简意赅，达到目的即可，不可多放！单行或者居中排列

04.自由创意——灵活运用

根据产品的位置进行构图定位文案所放的位置，倾斜式用的较多也较灵活！

05.不常用的——顶部位置

文案放在顶部控制不好多会造成不稳定的感觉，不是商品特殊，不建议文案信息放顶部位置！如果需要，请配合以上四种设计！

总结：具体根据产品的造型需要以及构图需要来确定文案应该排放的位置，常见的就是上述前三种！

二.关于文字的排列组合

01.横式/竖式/横竖混排

横式：文案信息单行或者多2行为宜，对齐就是常见的三种：左右和中间，重点是大小和颜色的变化，主文案字号偏大，颜色较整个画面要突出。次要信息可做点缀或者是补充，再维护整体画面的同时，做到灵活多变就可以了！文字颜色单色或者双色，切记超过3种颜色以上！！

竖式：多用于传统产品设计排版，有文化底蕴的产品！道理和横式一样。

横竖混排：横竖混排非常考验排版能力，属于高端技巧，虽然很难排出效果，但经常尝试也会有收获！

02.倾斜式

有倾斜的排版视觉效果是非常直接的，有视觉冲击力（上述位置04有例图）

倾斜角度不要超过45，否则影响视觉效果。另外一旦采用斜向排版，建议把所有文案内容都采用斜向排版，否则看起来不协调。

03.文字变形式

通过对文字的夸大或者扭曲变形以及对文字的特殊处理等来排列文字，主要是为了突出一些重要信息和反应出产品的一些材质元素！

04.框架式

简单说就是把文字排列出一定的形状，或者根据一定的形状固定排列，形式感较强，整体感较强！淘宝主图不常用，可根据自己店里的产品来尝试！

05.复合式

即多种排版模式混合使用，这个需要自己去总结和发掘，很考验一个设计师的能力！

总结：文字的排版是多样的，但对于电商而言，常用的有效直接，一张好的淘宝主图需要文案的完美配合与点缀！ ;

电商首页怎么设计

电商首页怎么设计才能吸睛？看看上面这款电商首页的设计中是如何搭配的。我们先来看，这里用到的是白纸背景，我们可以把拖入里面，调整的尺寸，然后调整大小，调整到合适的距离，并且保持一个贯穿整个视觉的线性效果。再来看下，一步步推动我们视觉中心，使其成为一个贯穿整个页面的网格线。这里面可以有很多其他的设计元素。比如电商详情页的，主图和辅图的结合。这里面的有大有小，主图和辅图之间的结合，文案的大小和位置，以及下方的文字内容。还有一个图就是我们要做的功能，那就是对角呼应，也就是你看到的一个，左对我不知。