平面设计的四个原则
关于平面设计的 4 大原则,在 RobinWilliams 所著的《写给大家看的设计书》里面已经写得很详细了,很多小伙伴也都看过。
Contrast / 对比
Repetition / 重复
Alignment / 排列
Proximity / 亲近
现代主义设计的先驱 Jan Tschichold 说过「对比是平面设计中最重要的元素」。对比不光有我们最熟悉的大小对比,还有颜色的对比(撞色)、空间上的对比(清晰&模糊)、时间上的对比(传统&未来);表现形式的对比(杂乱&整齐)等等。
重复并不是单调的复制,重复可以用少数的元素快速传达画面想要传达的信息。重复还可以形成一种风格,运用在品牌设计中就是一种符号,也是奢侈品常用的视觉手法。
△ 去年 Burburry 升级新 logo 重复排列组成图案
排列手法有一个很大作用是视觉引导,让画面中的元素找到平衡,更理论化的是排列形成一个系统,例如「网格」。
△ 企鹅图书封面 – 用网格设计排列的经典案例
「亲近」是英文的直译,简单来说就是元素与元素之间关系的处理。我们把画面中的元素按一定逻辑关系排列。关联的元素之间相互靠近,无关的元素之间相互远离。
下面「道士下山」的海报,对设计原则的使用你都看明白了吗?
虽然这 4 点是平面设计中最基础的原则,但最简单的东西也往往是最「复杂」的。无论是平面设计还是 UI 设计都脱离不了这些基础原则框架,这是打好基础的第一步。
很多小伙伴往往都会使用 4 原则,但是在设计排版一些结构复杂的内容时,往往无从下手。
这时候借助一些「工具」来搭建框架是个简单有效且快速的方法。这里说的「工具」就是比例和网格,它在设计布局中的作用是非常重要的,但非平面科班毕业的设计师可能很少有机会深入了解。
平面设计中常用的比例:
黄金分割 / 黄金比例
三等分 / 九宫格
斐波那契额数列
√2 / √2矩形
黄金分割 / 黄金比例大家都知道,就是 0.618 ,这个比例在 logo 设计中比较常用。最简单的用法:b=a*0.618,这里的 a、b 指代是线段长度、圆的大小等任意尺寸单位。
三等分/九宫格在摄影构图中使用的比较多,简单容易理解就不多介绍。
斐波那契额数列听起来很厉害,它其实就是黄金比例的数学近似版。数列规则即后一个数字是前 2 个数字相加的和。也就是 0,1,1,2,3,5,8,13,21,34,55,89,144,233 ……
知道这个数列后,具体怎么使用呢?最简单的就是依照数列画参考线网格作为排版的依据。
最后一个 √2矩形,听起来很奇葩,但它其实就是我们平时最常见的A系列纸张尺寸(A2、A3、A4等)。
它的构成方法是,先画一个正方形,然后连上对角线,再将对角线以一终点为圆点画圆旋转,转到与正方形一边重合时,构成「√2矩形」的长边,正方形的边则是「√2矩形」的短边。
「小知识」:再延展一下,继续连上「√2矩形」的对角线,旋转,重合构成更长边的矩形是 √3矩形。以此类推还可以有 √4矩形,√5矩形,√6矩形 ……
了解了一些比例规则后,让我们来看一下 Josef Müller-Brockmann 设计的海报。不知道你有没有发现一些比例上的规律?
可能有的小伙伴虽然对上面的海报不明觉历,但感觉有点花里胡哨没什么作用。其实不然, Josef Müller-Brockmann 就是《网格系统》的作者,书里介绍的强大的网格工具让平面设计师面对复杂的书籍、杂志、报纸排版时也可以轻松愉快。书中的方法对网页、APP 的设计也有很多参考价值。