版式设计基础:添加变化

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

最近也是看了几本新书,包括这个《设计师式认知》,《设计师不读书》、《设计是什么》等;还有斯科特·杨的《在办公室外思考》,《超效率手册》;又重温了《学习之道》和《如何高效学习》。再加上12本347心理学专硕的教材,光啃完《心理学与生活》就花费了近一周的时间。

读完心理学我才发现,完整的“马洛斯需求层次理论”竟然有八层,第八层是“自我实现”的上层,是超越自我并认识宇宙的精神,有点哲学思想的意思。今天在这里就不过多介绍了,以后有机会可能会讲一下八层的马洛斯需求层次理论。好的废话不多说了,如果大家对底层知识的《普通心理学》/《社会学》与应用层知识的《微表情》/《行为语言》感兴趣的话,可以加我微信号(vision5514)探讨一下。

今天这篇文章是《版式设计基础》- 伊达千代这本书的内容,属于此书的第二章的内容,此套书一共四套,已经绝版了。但大家可以购买新版的书,内容跟老版书的内容是一样的,新版书名是《设计入门教室》,也是一共四套。如果大家有兴趣的话可以购买此书。

此外我会对这本书的内容进行改编,如果有疑惑或困惑的朋友们可以私密我或加我微信,我会及时为你们解答。最后再次感谢伊达千代前辈的分享,同时也非常感谢大家的支持,谢谢!

目录

1、留白

2、分量

3、尺寸

4、动势

5、角版

6、退底

7、边界

8、点缀

9、立体

1、留白

首先我们需要理解“留白”与“空白”之间的差别,它们俩的差别也很容易理解。我们要把留白和空白比作“容器”,空白就是比较大的容器,而留白是空白中比较小的容器,但他俩都是空的,能理解么。或者客观的理解为“留白”是局部的,而空白是整体的,从理论上来说空白 > 留白,但由于留白和空白的属性都是无限的,有时候会存在留白>空白的情况,这时需要要素去界定边际从而使它们分清界限。

版式设计基础:添加变化

所谓留白指的是在版面中没有进行任何布置的空白区域,其大小需要由版面中的要素来界定的。虽然说留白被认为是没有任何意义的空白区域,但在平面设计中,留白的造型和位置是设计中重要表现手法之一。

undefined

在版面中每个要素如果按照均等的方式进行排列,那就会产生留白。这种排列产生的留白能使版面具有秩序和平和感,但却给人一种很单调无趣的感觉。

undefined

如果把留白的大小或形状调整得不均衡会使版面增添变化,使统一的留白部分和不统一的部分有了明确的对比。周围留白较小的部分,要素之间增加了关联性。周围留白较大的部分,要素独立突显而引人注目。

undefined

留白的大小左右着读者的视觉感受。面积大的留白,给人奢华感和高级感,但相对会显得比较冷清。面积小的留白使人感到热闹和欢快,而同时显得拘谨紧迫。因此,必须根据上述原理有目的性的选择留白。

undefined

有关联的要素贴近摆放,留白要小。相反内容不同或想引人注意的部分则要相对远离摆放,留白也要大一些。因此在摆放要素之前,要正确理解留白并将其合理的摆放在不同的设计语境中。

undefined

留白作品欣赏,合适的留白给人一种很舒服的感觉。

undefined

2、分量

之前在《建立条理 2 – 版式设计基础》的统一线宽这节中讲过类似知识,那今天刚好把其余知识补全。

版面中的要素,文字、图片或者颜色等,都有各自的“分量”。若想给版面带来变化,方法之一就是改变这个分量,使分量轻和分量重的要素产生对比效果。轻重差越大,变化也随之变大。

undefined

文字的笔画越粗分量越重,笔画越细分量越轻。因此,不同笔画粗细度的文字搭配可以产生变化。大多数字体,同一个字形具有由细到粗很多种类型。这样的一组字形叫做“字族”。使用相同字形不同粗细度的组合,在保持统一感的同时也加入了变化。

undefined

排版时若使用分割线,可以通过调整分割线的粗细度为版面带来变化。粗线分量重,细线分量轻,灵活运用这个原理可为版面做区分设计。

undefined

如果使用色彩或灰阶,越深的颜色分量越重,越浅的颜色分量越轻。图片也是一样,越暗的图片分量越重,越亮的图片分量越轻。另外,如果图片中的拍摄对象被突显则可认为它是重心,且该对象越大分量越重。如果图片中只有天空或大海,没有特定的拍摄对象作为重心,就很难找到重心。

3、尺寸

在平面中统一各要素的尺寸能使版面变得有条理,但同时也会给人一种很生硬呆板的感觉。如果要使版面增添变化,可以尝试把版面中各要素的大小进行对比的调整,这样看起来大尺寸的要素会更容易吸引读者的眼球,之后再引导读者的视线去观看那些小的要素。但此时要注意保持大尺寸要素与多个小尺寸要素之间的平衡。

undefined

文字的尺寸大小也很重要,以内容为主的小说和论文希望读者能仔细阅读,这时统一版面中的文字大小就不会有什么问题。但针对于海报杂志等需要读者注意的特定印刷品时,需要在文字尺寸上作适当的变化。当设计传统作品时,可以根据要强调的顺序来设定文字的大小。

undefined

另外不要忽视文章的可读性与变化,要在合适的场景下做适合的设计。

undefined

另外,有时也不一定要将同一组字块中的文字统一大小。同一组块中添加尺寸变化能强调重要部分,增加版面的冲击力。要设计丰富的具有冲击力的作品,应该立足于文章的意义,将文字添加不同尺寸来做对比使版面生动又活力。

undefined

对要素的尺寸进行区分,差异越大对比越明显,给人的感觉就越强烈。如果尺寸对比微小,别人看不出什么差别,则几乎就没有什么效果。另外,想为版面添加变化,比起把相似尺寸的要素放在一起,不如把差别大的要素排列在一起效果更明显。

undefined

尺寸的大小对比也成为“跳跃率”,即版面的跳跃率。跳跃率小的版面平稳而平和,跳跃率越大要素的尺寸对比就越强烈,版面越活泼就越有朝气。

 收藏