转载自：https://www.zcool.com.cn/article/ZNjgzMzc2.html看版式奥秘！
160344hdw3i7i2n3iz97h3.jpg
(116.75 KB, 下载次数: 0, 售价: 3 U点)
大家好，又跟大家见面啦！本期想跟大家分享一下优秀的版式要怎么去欣赏，它到底有什么不一样，好在哪？该看什么东西？俗话说，外行看热闹，内行看门道，看待一件事情要追根溯源，只有知其然才能知其所以然。希望对大家有所帮助。一起学习，共同提高！——————————————————————————————————————————————————开始前，先反问一下自己，一个设计作品它有哪些东西？抛开外部因素，从学术的角度来讲，无非就是字体丶图片丶图形丶颜色，它们之间的相互摆放，相互堆叠在一起组成一个画面呈现在我们眼前。至于元素为什么要这样摆放等原因，同样可以反问自己，不这么摆那会是什么样的呢？有什么规律和秩序？
160344iw666ljaw4l4f5la.jpg
(227.72 KB, 下载次数: 0, 售价: 1 U点)
反问自己，这个作品上有什么元素？一开始我们可以从局部看作品，一直细分。
160344xju66f0i10wra6zp.jpg
(366.94 KB, 下载次数: 0, 售价: 1 U点)
1、 文字 2、图片 （典型的图文搭配。）分开看，文字是不是有三种不同字级的大小。这里最大的字也可以看成是图形了，这里就暂看成文字，便于理解。
160344jcpyq59c83ez9l33.jpg
(345.92 KB, 下载次数: 0, 售价: 2 U点)
1、 文字 2、图片 （典型的图文搭配。）分开看，文字是不是有三种不同字级的大小。这里最大的字也可以看成是图形了，这里就暂看成文字，便于理解。
160344pfpxdmw1d2mffm48.jpg
(304.41 KB, 下载次数: 0, 售价: 4 U点)
经过这样一调整，文字的层级关系就没了，看不出重点是什么。文字的层级关系很平，几乎没有对比可言了。由此可以看出，放大文字是为了突出重点，这样才能让主角有更好的展现机会。那这里的字体是很纤细的宋体，为什么呢？同样可以举反例来验证心中的疑问。
160344z783ljxq86q3lqkv.jpg
(317.96 KB, 下载次数: 0, 售价: 1 U点)
将字体一换，是不是觉得很别扭，为什么会有这种感觉呢？是因为图片可以看出这是一位女性，因此选择了宋体来表现，而且图片整体的明度很高，包括身形手形以及裙子的形态都是给人一种飘逸、轻盈的感觉，所以选用的字体不能太粗，要不然图片镇不住字体反而被抢了风头。同样，下面那段小文字之所以行距放那么大，也是为了符合图片所以表达出的气质。继续，这个作品第一眼看到的是什么？
160344eofucipz9iquvuyu.jpg
(257.11 KB, 下载次数: 0, 售价: 1 U点)
毫无疑问，是最大的图片，那么这个最大的图片就是这个作品的主体。分析玩图片和字体后，我们可以看看这个作品的构图是怎么样？
160344luxxadhzx3jmlmxz.jpg
(275.13 KB, 下载次数: 0, 售价: 3 U点)
左边文字信息，右边是图片，那么就可以得出，这是左右结构的构图形式。那么文字为什么要放在左边的上面呢？小段文字为什么要和大标题放在一起呢？我们试着把它们分开来放，看看最后呈现的效果是怎样的。
160344a2pizmjs7772jp3p.jpg
(228.45 KB, 下载次数: 0, 售价: 3 U点)
这样一看，元素太散，负空间也由此变得复杂起来，正好左上角是空白最大的，所以将它们放在一处原来是很合适的，而右下角的文字与左上角的文字成对角线，起到呼应的作用。——————————————————————————————————————————————————
160344baww5a5am1aw83we.jpg
(143.51 KB, 下载次数: 0, 售价: 2 U点)
这个画面也是属于图文搭配，选用的字体有很强的曲线感，正是因为画面的主体是一位性感的女性，有女性的曲线柔美感，同时图片明度很高，就决定了字体不能是粗犷的字体，颜色上只用了一种。构图同样是左右构图布局。——————————————————————————————————————————————————
160344nz7pc1yabbtaiomp.jpg
(165.11 KB, 下载次数: 0, 售价: 4 U点)
这个画面除了文字就是图形，那么怎么来欣赏这个版式呢？我们可以尝试分解画面中哪些部分是属于图形，有多少个文字群？主体是谁？
160344hturivutbra3tagt.jpg
(165.86 KB, 下载次数: 0, 售价: 4 U点)
区分文字群要看具体内容、贴近远离、组合形式、对齐方式、字体的运用、加上自身经验和阅历来进行判断。这里大的文字群是4个，大的文字群里又包含了小的文字群。图形无疑是这个画面中的主体。
160345em1mcqr7wz4qw11m.jpg
(177.03 KB, 下载次数: 0, 售价: 3 U点)
我们欣赏作品时可以看它里面是否运用的有对比和统一等手法。文字群的对齐方式都是统一的左对齐形式，文字群的字级大小就是对比（在字级最大的文字群里还运用了两种对齐方式。）——————————————————————————————————————————————————
160345dzrmk0040fh52k5s.jpg
(51.96 KB, 下载次数: 0, 售价: 4 U点)
同样，这个也是属于图文搭配，中间的文字为什么要放在中上的位置呢？这样放有什么用意？试着用网格去解构一下，发现这个画面上下左右都被划分了三等份，如果框内文字群放在画面的中心，会显的画面很呆板，而且人眼一般看画面视觉中心会偏向中上，将文字群位置上移很好的避免了这两个问题。
160345ucdccccujmgidgdv.jpg
(224.1 KB, 下载次数: 0, 售价: 4 U点)
图片和文字整体的视觉流动都是从上到下，在底部放入的信息最后会映入人眼中。
160345cii6q29f3vn85t9i.jpg
(210.42 KB, 下载次数: 0, 售价: 1 U点)
——————————————————————————————————————————————————
160345kuetbpq8ch8jycjb.jpg
(336.23 KB, 下载次数: 0, 售价: 4 U点)
这是一张纯文字海报，这个怎么看呢？首先我们来看看它的比例，用网格来解构一下。
160345jaiiw66a6wwwtfo6.jpg
(281.33 KB, 下载次数: 0, 售价: 6 U点)
中间文字群和两边的文字群的比例为86.783/60.325=1.438（白银比）。构图形式是左中右构图。采用了文字群重复出现并超出页面的表现形式。除了这些还能看出字体都是用的现代无衬线字体和黑体，字重也很均匀。文字群是两端对齐的形式，大文字群中又包含了小的文字群，里边的细线起到了分割文字群信息的作用。画面中有黄色块是什么原因呢？试着把黄色块去掉，看下结果 。
160345xah2vicoes11owai.jpg
(260.33 KB, 下载次数: 0, 售价: 1 U点)
去掉之后是不是有点太单调了，没有一点颜色来衬托，加入黄色后有一种现代的都市感。
160345uwybrvrccgynppcc.jpg
(429.26 KB, 下载次数: 0, 售价: 6 U点)
同样的我们可以举一反三，用其它的颜色，不一定非要用黄色。也非常好看。—————————————————————————————————————————————————— |
