淘宝主图设计技巧

淘宝主图设计技巧

电商产品图如何构图模板 电商产品展示图

电商产品图如何构图模板 电商产品展示图

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

（一）关于版式

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

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

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.复合式

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

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

产品业务流程图怎么画

你好，我是一名从事电商行业的一员，每天都需要绘制不同类型的流程图，上面你说的产品流程图其实是很容易绘制的，下面我将方法和你说下；

我经常使用的是在线网站进行绘制的，首先，就是进入在线画图工具，点击上方栏目【流程图】在跳转的页面点击【立即体验】进入在线绘制界面；

在页面的四周我们能看到有很多的工具栏，这些在绘制的过程中都是可以使用的，点击左侧【基础图形】选择其中任意图形将其拖动至右边画布需要的位置之后用连接线将其进行连接即可

基本框架搭建完后，我们需要做的就是将内容进行填充，双击文本框即可，这时在右边出现的工具栏中将可以对文本的样式、排列及背景颜色根据自己的喜好进行设置

如何将绘制好的流程图进行导出使用呢？方法很简单，点击右上角【导出】在弹出的下拉框中支持7中格式的导出，选择自己需要的格式进行导出即可

完整效果图展示：

以上是我绘制的产品业务流程图模板，希望可以帮助到大家！

落地干货：五种电商产品拍摄构图方法

承接上篇《产品包装和构图》，再看看电商中如何构图，期望对大家的有所启发！

电商产品的构图价值

关于产品，在电商中，构图成为影响关键销量的关键！

通过好的构图，使我们主图的拍摄和设计达到一个舒适美观的标准。

通过简单的构图，可以让复杂的产品变得有序，也可以让生活中极为普通的产品变得更有趣味，更有灵性。就像我们做体时需要排队一样，一个整齐的队形会让做体的学生们看起来更加具有活力和团结力。

通过构图通过光影可以把拍摄者和设计师的想法表现在画面当中，不同的方法都仿佛会说话一样，给客户传达了不同的视觉感受。

方法一：三分构图法

是将照片从横向或纵向分为三部分，在拍摄商品时，将对象或焦点放在三分线的某一位置上进行构图取景，让对象更加突出，让画面更加美观。

三分构图法属于经典又十分简单易学的构图技巧，在淘宝装修、天猫商品拍摄中，三分构图法的例子数不胜数。采用三分构图法拍摄商品的优点就是，将拍摄主体放在偏离画面中心三分之一处，既让画面不至于太枯燥与呆板，又能突出拍摄主体，使画面紧凑有力。

方法二：均分构图法

将商品主体放置在画面中心进行拍摄，将画面的垂直或水平画幅进行均分。这种构图方法能够很好地突出商品，让消费者很容易就能看见照片上的重点，从而将目光锁定到商品对象上。均分构图法的优点在于主体突出、明确，而且画面容易达到左右平衡的效果，构图简练。

方法三：疏密相间构图法

指照片中包括多个商品对象时，构图要错落有致，疏密有度，疏中存密，密中见疏，二者互相间隔，彼此相得益彰。

下图所示的照片中，左图运用散落的摆放方式，右图则运用不同的颜色和疏密相间的摆放方法，适当地相连和交错摆放，显得更加美观，而且主次分明，画面非常紧凑。

方法四：远近结合构图法

指运用远处与近处的对象在距离或大小上的对比，来布局画面元素。

在实际拍摄时，需要摄影师匠心独具，找到远近可以进行对比的物体对象，然后从某一角度切入，进行拍摄，以产生更强的空间感和感，利用远近结合构图法从不同的角度和距离展示商品，同时利用大光圈将远处的商品虚化，可以让画面层次感更强，主体特征更加明显。

方法五： 明暗相间构图法

通过明与暗的对比，来取景构图,布局画面，从色彩角度让商品画面具有不一样的美感。下图中，直射光源照在主体商品上，背景则为暗色，从而烘托了明亮的主体。

中原哥总结：电商的竞争不在产品，而是包装和（当然也不是说产品质量不重要）。包装设计不仅要从视觉上吸引特定的消费群体，还要从心理上捕捉消费者的兴奋点与购买欲。只有把握消费者的心理，迎合消费者的喜好，满足消费者的需求，激发和消费者的情感，才能够在激烈的商战中脱颖而出，稳胜券。

策划人生，人生策划，@工具社区

你有问题，我有！

如何做一个好的电商Banner设计

1.垂直水平式构图

平行排列每一个产品，每个产品展示效果都很好，各个产品所占比重相同、秩序感强，此类构图给用户心情，产品规矩正式、高大、安全感强。

2.正三角形和倒三角构图

多个产品进行正三角构图，产品立体感强，各个产品所占比重有轻有重，构图稳定自然，空间感强。此类构图给用户心情，安全感极强、稳定可靠。

多个产品进行倒三角构图，产品立体感极强，各个产品所占比重有轻有重，构图动感活泼失衡，运动感空间感强。此类构图给用户心情，不稳定感激发用户心情，给用户运动的感觉。

3.对角线构图

一个产品或两个产品进行组合对角线构图，产品的空间感强，各个产品所占比重相对平衡，构图动感活泼稳定，运动感空间感强。此类构图给用户心情，动感十足且稳定。

希望各位设计师能掌握以上技巧，成功的创造出的作品。大家在平时要多练习，多看一些设计的作品，取其精华，加上自己的创意，大家加油。

电商产品详情页如何设计

确定页面风格

页面风格主要是根据产品本身来定的，如产品的属性、产品功能等。如果产品没有特定的风格属性，可以根据目标销售人群、季节、节日或主题活动来定。

产品和素材搜集

前期实拍素材，进行整理和分类。我们也要在设计的过程中要学会整理搜集自己的素材库，做好备份。

构架布局框架

根据文案内容，结合实际产品，进行有效的布局建立,可以从下面八个方面入手作：

产品海报--引起注意。

产品属性功能--提升兴趣，了解产品。

产品全景--提升兴趣。

产品细节展示--提升兴趣，了解产品。

痛点挖掘--拉近客户。

检测报告--建立信任。

卖点优势--体现产品价值。

好评分享展示--进一步加强购买欲望。

确定配色方案

已有店铺视觉规范的可以直接延续使用。如果没有，可以从产品本身提取，或者从Logo中提取或从产品联想属性提取。在配色过程中，无论用几种颜色来组合，首先要考虑用什么颜色作为主色调。

选择合适字体类型

字体相当于一个桥梁，相当重要。主要用来对产品进行解释说明，方便顾客阅读，同时，也是起重要信息的作用，可通过大小字体搭配进行重点显示某项内容。字体使用时一般不超过3种字体并选择符合产品定位的字体;在重点部分内容进行加粗突出显示，以加深买家对该信息的印象程度。

整个详情页排版

怎么对和文案内容进行排版设置，要考验我们平时积累下来的设计的水平。越是简约大气的页面，元素务必不要太多，清爽舒适的页面多留白，参考案例，多多借鉴和学习。学习是没有止境的，同样，详情页的设计排版也是。多学习，多总结，扩展想法，拓展思维，建立自己的设计风格。

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

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

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