淘宝美工主图设计的技巧.pdfVIP

淘宝美工主图设计的技巧

主图是一款产品的流量入口，对引流起着至关重要的作用，一张好

的主图可以为店铺运营省下好多钱和精力，怎么让自己的主图在整个电

子商务页面中脱颖而出?下面是小编为大家带来的电子商务美工主图设

计的技巧，欢迎阅读。

 主图作用：

 是一款产品的流量入口，对引流起着至关重要的作用，一张好的

主图可以为店铺运营省下好多钱和精力，怎么让自己的主图在整个电子

商务页面中脱颖而出?

 （一）关于版式

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

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

 1.版式：常用的板式有左右排版、中心对称排版、中心围绕、上

下排版等（这里指文字和产品的位置）。

 2.版式的选择；a.根据产品的不同和主图不同的作用（直通车主

图、普通主图、活动主图等）有不同的做法：比如服装类，模特照片通

常采用的是中心对称式构图为主；

 平铺或者挂拍的通常采用左右排版这类通常是较规则，整体呈竖

式长方形的产品，所有符合这个特征的都非常适合中心对称和左右排版

（并非绝对，是通常来讲）

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

中心围绕。

 例如：上下排版

 中心围绕，配合倾斜

 c.总结：版式都不是固定不变的，以上所说皆是最常用也往往是

最有效的一些，根据产品的造型去给自己的主图设计相应的排版！

 3.关于图文比例

 为了在页面中更具优势，我建议产品比例占整个画面的2/3左右

（特殊作图效果除外），必要的时候可满版型设计（通俗讲即产品布满

整个画面）

 4.关于用色方面

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

色！

 关于用色方面，下篇文章细讲，在做主图的作用方面尤其重要，

如何在同产品中脱颖而出，起着至关重要的作用！

 （二）关于用色

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

 今天就专讲一下关于主图的配色用色方法。这对于我们主图的点

击有着非常重要的作用。

 具体步骤如下：

 01.分析产品，以女装为例，这个阶段不用在意产品本身的颜

色，最应该做的是去用最热的词去有哪些信誉好的足球投注网站自己宝贝的页面大概的位置

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

样的。

 如上图，相比其他三张主图，第四张颜色偏深，对于我们的眼睛

来说，视觉停留点就在这张图片上。这时候我们就要思考自己的主图

了，假如我们的主图所在位置相比其他商家主图用色差异不明显，现在

就要用所行动了，如果大多数偏亮，你可以选择偏暗，如果其他单色系

偏多，你就可以选择多色系，等等

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

 首先需要知道自己的产品是什么颜色，这是根本，不能乱配色。

只有保证做到自己主图画面和谐美观的前提下，再区别开其他商家主图

才是上策！

 a.根据自己产品的颜色，可选择同色系、邻近色、类似色、中差

色、对比色等基础配色方案进行配色！

 b.然后通过明暗、冷暖、纯度、明度等和其他商家区分开来（常

用的方法还有大小对比，不属于用色）

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

色关系

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

色！

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

出才是重中之重!!!!

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

足！

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

 大家都晓得，一般的主图不需要文案排版，这里主要是针对活动

主图和直通车主图而言的！

 一.先讲下文案信息在一张主图中放在什么位置比较合适，我们

就说几种常见的

 01.最常用的——位置沉底

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

 以上两张主图都属于沉底式，简单又多变化，这种文案信息位置

排版方式一般不会破坏画面的整体性，简约而不简单，文字信息需要和

底色配合点线面变化！若文案超过两行，要选择左对齐或者右对齐、中

间对齐等，原则就是不要乱了画面，造成阅读障碍！

 02.常用的——左右位置

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

 文字偏左或者偏右，通常文字采用竖式排版，文案信息需要主次

分明，颜色尽量选择单色或两色，字体不要超过两种，文字越精简越

好！

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

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

览的完整