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

(一)详情排版重心要稳!

(二)详情排版要学会分组处理图片

(三)排版线条图片框风格要对

(四)详情排版要遵循网格原理

(五)详情排版要分主次

(六)详情排版阅读顺序要简明易懂

(七)排版要遵循黄金分割比例

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

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

(一)详情排版重心要稳!

打开网易新闻 查看精彩图片

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

(二)详情排版要学会分组处理图片

打开网易新闻 查看精彩图片

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

打开网易新闻 查看精彩图片

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

打开网易新闻 查看精彩图片

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

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

打开网易新闻 查看精彩图片

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

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

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

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

打开网易新闻 查看精彩图片

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

打开网易新闻 查看精彩图片

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

(四)详情排版要遵循网格原理,对齐方式要合理

打开网易新闻 查看精彩图片

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

打开网易新闻 查看精彩图片

放在网格里它是这样的

打开网易新闻 查看精彩图片

(五)详情排版要分主次

打开网易新闻 查看精彩图片

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

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

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

(六)详情排版阅读顺序要简明易懂

打开网易新闻 查看精彩图片

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

(七)排版中的黄金分割比例问题

打开网易新闻 查看精彩图片

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

打开网易新闻 查看精彩图片

有没有感觉要精神很多,没那么扁平了?

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