干货 | 电商干货,淘宝美工必须知道的7大排版技巧...

• 今天我们来聊一聊淘宝美工做详情必须知道的图片排版技巧！




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



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

（二）详情排版要学会分组处理图片
（三）排版线条图片框风格要对
（四）详情排版要遵循网格原理
（五）详情排版要分主次
（六）详情排版阅读顺序要简明易懂
（七）排版要遵循黄金分割比例



• ----------------------------------------------------------




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



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




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



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

•     






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






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






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





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






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





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






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



（三）排版风格要对，

• 比如老板要一个可爱活泼一点的排版，结果得到的却是这样一张排版     






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






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



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

•    






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







• 放在网格里它是这样的





（五）详情排版要分主次 

•   






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








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



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




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



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




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






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




• 最后要说明一下，案例中的详情图片还存在很多问题，比如字体，字间距，色彩，排版等等方面，给人感觉都不是很舒服。




• 如果觉得文章对你有帮助的话，不妨点个赞再走呗！

版权说明：感谢原作者的辛苦创作，如转载涉及版权等问题，请作者与我们联系，我们将在第一时间处理，谢谢！