新手设计师怎么学习与运用版面设计

教程图多文少看起来固然生动有趣，但容易浅尝辄止，道理讲的不够透彻。本系列教程的文字会较多，插图所起的作用更多是诠释文字所传达的信息，所以请各位有兴趣的看官静下心来细细阅读，看完之后更要思考总结一番。本系列教程面向的是版面设计尚未入门的初学者，大神什么的，请无视它吧。

古人说授人以鱼不如授人以渔。站酷上关于版面设计的系统教程很少，能够让人知其然，知其所以然的教程就更少了。很多人看了N多版式教程，到了自己动手设计的时候，做出来的东西该怎么样还是怎么样。为什么会这样子?因为很多教程只会告诉你有一种手法叫XX技巧，然后它看起来是什么样子的，没有详细地告诉你它的来源、特性、目的和特定的使用场景等本质性的信息。然后很多初学者看完了之后，在设计时不管合不合适就去生搬硬套。本系列教程的目的是让初学者能够灵活地、恰当地运用所学的版式知识，甚至能够去总结属于自己的理论和技法。

要知道怎么学习与运用版面设计的知识，必须得先知道版面设计的目的。这样子你在学习时每个技法(知识点)时，就能主动或被动地去思考这个技法对应的目的是什么，去思考这个技法的表现形式为什么能帮助设计师达到目的。在后期综合运用多个技法进行设计时，你就有能力根据你设计的目标和画面的感觉，来自如地增减相应的技法。如下图两个版式很相似，不同之处在于根据设计目标不同而对线的使用有所不同。

现在进入正题。先说说个人对版面设计目的看法。我认为版面设计的目的在于以让受众感觉舒适而有趣的方式，准确清晰地传达信息。这句话可以分解成三个部分：(1)让受众感觉舒适;(2)让受众感觉有趣;(3)准确清晰地传达信息。而本系列教程将分三大区块，讲述的分别就是怎么样达到上述三个目的。

版面设计的首要目标是准确清晰地传达信息，所以设计师在接到需求和相关素材时，首先要整理信息，把要表达的信息进行理解、提取和分类，然后再主次分明、层次清晰地把信息视觉化地传达出来。切记，如果你的作品无法将你要表达的信息清晰准确地传达给用户，那么无论你设计的再漂亮，你的作品也是金玉其外败絮其中!特别是在商业化设计中，这是很致命的!

关于准确清晰地传达信息，我们先来看一个案例：广州星空错觉艺术馆的微博活动海报。海报的设计师你不要怪我...

在准确清晰传达的基础上，设计师也必须以让用户感觉舒适的方式传达信息。每个人看待世界上的一切事物的方式和标准，都会受到生活经验和环境的影响，都会有自己既定的一套准则。所以在观看甚至是阅读设计作品的时候，每个人也都会带着主观的预期。如果设计作品传达信息的方式符合读者的预期，受众理解起来就会很轻松舒适，因为他们不会因为传达方式很奇怪而必须绞尽脑汁才能明白设计师想传达的信息。个体看待事物的方式和标准固然存在差异，但在很多方面会有共识。在进行版面设计时，设计师必须以尽量符合这些共识的方式，将信息传达给受众。

先举一个简单的例子：标题、正文和注释的字号大小能够标识其各自的作用(图1)。

按照常识，横排文字的字号一般是标题最大，正文次之而注释最小;各自的位置是标题最上，正文居中，注释最末。可是如果各自的位置不变，你把正文的字号设成最大、注释次之而标题最小，那么读者看到之后肯定是得经过迟疑思索之后才能明白哪个是哪个。这就是没有按照共识来进行设计造成的后果。相比毫不费力就可以明白哪里分别是标题正文和注释，受众在理解信息本身的含义时，还要多花精力去辨别标题正文和注释，读起来肯定是不舒适的。

关于共识，我还想再举一个常见的例子：文字排列整齐与散乱的区别。先看看两个生活场景：整洁的房间和凌乱的房间(图2)。

相信除了少数重口味的牛人，大部分还是喜欢住在整洁的房间里面。在观看这个世界的时候，相比凌乱无章我们中的大多人还是喜欢排列整齐的事物，因为整洁往往意味着干净，意味着容易理解。这也算是共识之一。

文字排列的整齐与散乱也是这个道理(图3)。

排列整齐的文字，看上去让人感觉有条理性和整洁，感觉容易理解;而散乱的文字则意味着没有条理，感觉不易理解。看到一段排版杂乱而导致不易理解的文字，受众在阅读的过程中当然会觉得不舒适。

在做版面设计时，设计师不仅需要有丰富的经验和知识，更重要的是能站在受众的角度考虑，有钻研精神。这样子作品传达信息的方式才能符合受众的共识与预期，才能让受众舒适轻松地理解与接受作品传达的信息和内涵。

除此之外，设计师还要以有趣的方式传达信息。怎么样才算有趣呢?可能每个人对于这个问题都会有不同的答案，但我们可以从有趣的延伸含义去回答。这里我们暂且只简单说下两个有趣的外延含义：(1)有变化，不呆滞;(2)不是司空见惯的、不是习以为常的。你在本系列教程的后续篇章中会学到更多表现版面趣味性的技法，也会学到更多有趣的外延含义。当然我希望你学完本系列教程后，能够在工作和练习中去总结提炼更多表现版面趣味性的技法。

要表现有变化、不呆滞，一种常见的手法是对比。对比可以是大小、方向、材质、颜色和形状等等各方面(只要你想得到)的对比。画面里有了对比，就可以给予其变化。来看一个例子：有趣的和呆板的文字排版(图4)。

上图左边的案例有两个地方的对比让版面显得有趣：(1)字体笔画本身富有变化对比;(2)文字与折线图片的形状和大小上的对比。但是进行对比一定要注意让对比明显一些，如果对比不明显还不如不要对比，而是采用让元素统一的手法，让画面统一感强一些。记住，要对比就大胆一些去对比(图5)。

让一些人来分析为什么加了折线的文字排版更有趣，可能他们会笼统的说因为加了线条啊、因为用框框起来了啊之类的话。那么我要说，那么这些人在做类似的排版时可能永远也只会用用线条框起来这种手法了...除了用线条来和文字对比，你也可以用其他的形状，比如三角形、圆点、菱形等等，不要让案例禁锢了你的思维。接下来晒下自己拙作的部分截图(图6)...

有趣的另外一个外延含义是不是司空见惯的。平面(二维)对于大部分人而言意味着静止和没有空间纵深感，这是我们大部分人对于平面的刻板印象。所以为了让版面变得有趣起来，我们要做的就是将三维世界的动势和空间感，以各种手法从视觉上在平面世界模拟再现。其中一种手法就是将元素的一部分放到版面边缘之外，利用受众的想象力，让他们觉得元素正跑到画面外面去，从而营造出一种运动感(图7)。

要让版面变得有趣起来，设计师需要不断地去总结并实践各种技法。这需要时间和积累。但初学者们不要怕，作为设计师，我们最重要的是要学会用设计师的眼光去看待身边的一切事物，看到觉得好看的东西，多去想想为什么它会那么有趣。相信不用多久你就会有很大的提升。