淘宝美工必须知道的7大排版技巧

先给大家列一下提纲，主要是从这几个方面来给大家解析：

（一）详情排版重心要稳！

（二）详情排版要学会分组处理图片

（三）排版线条图片框风格要对

（四）详情排版要遵循网格原理

（五）详情排版要分主次

（六）详情排版阅读顺序要简明易懂

（七）排版要遵循黄金分割比例

----------------------------------------------------------

下面我们来一一解析一下！

（一）详情排版重心要稳！

上图中的图片排版都太偏下了，给人感觉下边很重，整体往下掉，正确做法是都往上移一点，或者采用正方形构图的方式，把最上面空出来的部份去掉。

（二）详情排版要学会分组处理图片

人台图分为一组，单独建个标题栏如“人台图展示”

细节图单独分为一组，单独建个标题栏如“细节图展示”

配件也要单独分组，单独建个标题栏如“配件展示”

千万不要人台图标题里面插张细节图，配件里面再来张人台图，那样给人的感觉就会很乱！

上图中同一个分类：“产品展示图”，前面2张是个全身图，第三张突然来个细节图，给人的视觉落差很大，正确做法是要么删掉第三张，要么再加一个标题栏“产品细节图”将这张图放到这个标题里面去就好了。

下面再给大家一个错误的案例，知道问题出在哪里了吗？

主要是分组太乱，细节里面既有细节又有配饰还有人台图。

（三）排版风格要对，比如老板要一个可爱活泼一点的排版，结果得到的却是这样一张排版

老板会说OK吗？不看图片内容，只看排版，有看出可爱活泼的感觉吗？一点都没有！整个的中规中矩！正确做法是：可以把正方形的四角稍微处理的圆润一些，就会可爱一点了；排版上也可以更加灵活一些——

比如上图，虽然图片分组出错了，但整体排版给人的感觉就是有点可爱活泼的感觉了，不会显得呆板！

（四）详情排版要遵循网格原理，对齐方式要合理

上图中对齐方式太乱了，很不整，图片与图片之间的距离要么很宽，要么过窄，修改之后它是这样的

放在网格里它是这样的

（五）详情排版要分主次

上图中的排版大家有没有觉得很丑或者觉得很一般的感觉？就是没有重点，没有主次！看都出这是同一个系列的6款衣服，优化方法是选出1-2款销量最好的款做主要展示，其它的做次要展示；

这样整个排版就有主次了，给人感觉也比较有节奏感了，而且还能突出展示重点款！

（六）详情排版阅读顺序要简明易懂

上图中如果去掉ABCD和引导虚线的话，那估计就杂乱不堪了，顾客不知道先看哪个，后看哪个了

（七）排版中的黄金分割比例问题

注意上图中图片的长宽比，有没有感觉哪里不舒服？就是视觉上给人太扁了，长宽比失调导致的。大家都知道黄金分割比例有1：1.618之说，这种比例在视觉上给人的效果是最美观的，但很少有人会把它运用到工作之中。上图中的比例问题修改后是这样的

有没有感觉要精神很多，没那么扁平了？

最后要说明一下，案例中的详情图片还存在很多问题，比如字体，字间距，色彩，排版等等方面，给人感觉都不是很舒服。大家也可以找找问题所在，在下方的评论里给我留言，欢迎点评哈~另外大家如果还有什么淘宝美工想要了解的知识都可以在底下评论，凡是我能够解答的一定知无不言！