美工设计 百分网手机站

淘宝美工主图设计的技巧

时间:2017-09-09 10:38:45 美工设计 我要投稿

淘宝美工主图设计的技巧

  主图是一款产品的流量入口,对引流起着至关重要的作用,一张好的主图可以为店铺运营省下好多钱和精力,怎么让自己的主图在整个淘宝页面中脱颖而出?下面是小编为大家带来的淘宝美工主图设计的技巧,欢迎阅读。

  主图作用:

  是一款产品的流量入口,对引流起着至关重要的作用,一张好的主图可以为店铺运营省下好多钱和精力,怎么让自己的主图在整个淘宝页面中脱颖而出?

  (一)关于版式

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

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

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

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

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

【淘宝美工主图设计的技巧】相关文章:

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

2.美工优化淘宝主图的技巧

3.淘宝主图设计技巧

4.淘宝网页美工主图设计

5.淘宝美工主图设计优化要点

6.网页美工主图设计技巧

7.淘宝主图制作技巧

8.淘宝主图优化技巧