Picture This|如何构建一幅图画
![](https://img.haomeiwen.com/i2463290/41cef32123b3db5b.png)
很多设计学习资源中都推荐过《Picture This: How Pictures Work》这本书,买了一本英文版的,再结合网络上别人的读书笔记,我把该书的第一部分——Build A Picture,总结成一篇学习笔记,通过十个步骤即可Build 出一幅图画。
在这十个步骤分解开始之前,让我们先解读一下“Build”这个词的涵义,作者说“Build”不是“画”,也不是“涂”,而是“构建、构筑、建立、建造”的意思。所谓的“设计”和“工程”有很多相似之处,设计也需要架构,即“有目的性地在一个框架下完成作品,却又不会完全被条条框框所束缚”。可见,“Build”一词意义深刻,就像工程中的“Build”一样。
《Picture This》书中,使用了“小红帽”的故事作为教学材料,下面就让我们来一步一步地“Build”一张“小红帽”吧,并附上每个步骤中一些总结和思考。
第1步:绘制小红帽
![](https://img.haomeiwen.com/i2463290/a957562eef969b5d.png)
- 为什么用等边三角形来表示小红帽?(等边三角形,呈现出“稳固、平衡”的感觉,比例协调,表达出小红帽的可爱、机灵)
- 为什么是尖角而不圆角?
- 为什么要用红色?(红色代表着“热情、危险、冲突”)
- 看到这个造型,你能联想到什么?(火山、船帆)
说明:小红帽机警、温暖、有力量、稳定且富有活力,也有隐隐透着点危险的气息。
第2步:绘制小红帽的妈妈和篮子
![](https://img.haomeiwen.com/i2463290/2c48f975f9e07153.png)
- 妈妈为什么是圆角而不尖角的?(圆角的妈妈更加柔和)
- 妈妈为什么使用紫色的而不是红色的?(紫色中含有红色,这增加了母女之间的联系感,同时又不会抢走小绒帽的“主角”性质)
- 妈妈为什么大一些?
- 篮子为什么用黑色?(黑色和红色互补,黑色和淡紫色在强烈度和感觉上有点相近,黑色表达恐惧)
故事:妈妈把篮子交给了小红帽。小红帽和妈妈告别后,将去往奶奶家。途中,她要穿过一片树林。
第3步:绘制树林
![](https://img.haomeiwen.com/i2463290/0fb9e71a384a3501.png)
- 为什么不用细而长的三角形来代表树木呢?(小红帽已经是三角形)
- 为什么不用上下堆叠的三角形来代表树木呢?(这会造成视觉干扰)
- 为什么要选用宽而窄且长度不同的黑色长方形来代表树木呢?
- 树木的位置、远近给你的感觉是怎样的?(粗细长短代表着远近、距离、疏密,塑造出了空间感、立体感)
第4步:小红帽进入树林
![](https://img.haomeiwen.com/i2463290/aae68e06d2e4ffcb.png)
- 为什么要把小红帽缩小并部分遮挡?(表达出小红帽的弱小、害怕)
- 为什么要把小红帽的空间位置向“远方”移动?(塑造空间感,在丛林深处)
说明:通过位置关系、大小关系,表达出小红帽的弱小角色,塑造出一种不可控的恐惧感,为接下来大灰狼的出场作辅垫。把小红帽向“远方”移动,以给后面的大灰狼留出空间。
第5步:画面优化改造
![](https://img.haomeiwen.com/i2463290/00a9137c3f7f1014.png)
把树木进行倾斜,打破先前画面的平静,增加了画面的恐怖氛围。给人感觉这些树木随时都有可能倒下来、摇摇欲坠,让小红帽所处的环境更加恶劣、危险。
- 那么,为什么要使用“树木倾斜”的手法来增加恐惧感呢?为什么不增加一些树枝呢?(因为树枝会让画面显得过于拥挤、零乱)
思考:对角线的画面布局,给人一种运动感和紧张感。把小红帽放在树林构成的“三角形立体空间”中,是不是有种被“困住”了感觉?
第6步:绘制大灰狼雏形
![](https://img.haomeiwen.com/i2463290/2a125c8ed2321ecf.png)
- 为什么要使用大的长的三角形来绘制大灰儿狼?
- 为什么用黑色,而不是浅紫色?
- 为什么使用尖角,而不是圆角?
- 为什么使用大尺寸的形状,而不是小尺寸的形状?
说明:不规则的三角形与规则的小红帽产生关联性和差异性;黑色与树林呼应,比浅紫色更加让人恐怖;尖角显得更加凶猛、可怕;大尺寸的大灰狼与小尺寸的小红帽形成对比,一强一弱,近大远小。
第7步:绘制大灰狼的牙齿
![](https://img.haomeiwen.com/i2463290/93469e317585ed4d.png)
- 为什么要使用参差不齐的三角形来代表大灰狼的牙齿?
- 大灰狼的牙齿事实上并没有如此夸张,我们为什么要使用夸张的手法来表现它?
说明:艺术源于生活但高于生活,适当的夸张手法是设计必须的。
第8步:绘制大灰狼的眼睛
![](https://img.haomeiwen.com/i2463290/42b9b0e511599097.png)
- 为什么使用菱形而不是三角形来绘制大灰狼的眼睛?
- 为什么使用红色而不是浅紫色的眼睛?
说明:细长的菱形与小红帽(三角形)区分开来,细长的形状显得更加犀利。使用红色显得更加可怕、血腥,让大灰狼更具攻击性。
第9步:绘制大灰狼的舌头
![](https://img.haomeiwen.com/i2463290/2f8582e09e90141d.png)
- 为什么夸张地使用大色块来表示大灰狼的舌头?
- 舌头为什么是红色的?
说明:红色的舌头,可以把红色的眼睛和小红帽联系起来,这就是色彩的关联性,让人感觉小红帽早已是大灰狼的眼中物、口中食,十分血腥。
说明:大色块能突出大灰狼,相对比树林更能吸引我们的注意力。同时与小红帽形成强弱对比。
第10步:整体画面优化
![](https://img.haomeiwen.com/i2463290/26798acdd385ae3b.png)
- 为什么要把白色背景改成浅紫色?
- 为什么要把大灰狼的牙齿改成白色的?
说明:浅紫色的背景更加柔和、暗淡,代表着夜晚。这比白色背景好多了。白色背景显示僵硬、赤裸。
说明:使用白色的牙齿,有种冲破束缚之感,比黑色的牙齿更具表现力。
总结
通过以上简单的十个步骤,我们跟着作者完成了这幅作品“小红帽”,上图便是该书封面的最终结果。
作者总结说到:图画通过使用一些构造上的原理来影响我们的感受,这些原理其实都是基于我们真实世界中的一些本能反应。只要你理解了这些规律,你就能够明白为什么画面能够对我们产生特定的情感影响,你就能够明白画面究竟该要如何来构造。
我们经历了这个过程,在元素绘制时,我们对形状、大小、颜色、位置等基本属性的反复斟酌。在整体上,我们还考虑了画面的布局、背景色,以及角色元素之间的关联性、对比性,从而表达出情感。这些来自于生活间的直观感受,就是我们设计的最基本原则,没有最好,只有更好,开始Build你的梦想(画布)吧!
完!! 2019年06月12日