产品经理视觉设计

Picture This|如何构建一幅图画

2019-06-12  本文已影响2人  夏海峰

很多设计学习资源中都推荐过《Picture This: How Pictures Work》这本书,买了一本英文版的,再结合网络上别人的读书笔记,我把该书的第一部分——Build A Picture,总结成一篇学习笔记,通过十个步骤即可Build 出一幅图画。

在这十个步骤分解开始之前,让我们先解读一下“Build”这个词的涵义,作者说“Build”不是“画”,也不是“涂”,而是“构建、构筑、建立、建造”的意思。所谓的“设计”和“工程”有很多相似之处,设计也需要架构,即“有目的性地在一个框架下完成作品,却又不会完全被条条框框所束缚”。可见,“Build”一词意义深刻,就像工程中的“Build”一样。

《Picture This》书中,使用了“小红帽”的故事作为教学材料,下面就让我们来一步一步地“Build”一张“小红帽”吧,并附上每个步骤中一些总结和思考。

第1步:绘制小红帽

第1步

说明:小红帽机警、温暖、有力量、稳定且富有活力,也有隐隐透着点危险的气息。

第2步:绘制小红帽的妈妈和篮子

第2步

故事:妈妈把篮子交给了小红帽。小红帽和妈妈告别后,将去往奶奶家。途中,她要穿过一片树林。

第3步:绘制树林

第3步

第4步:小红帽进入树林

第4步

说明:通过位置关系、大小关系,表达出小红帽的弱小角色,塑造出一种不可控的恐惧感,为接下来大灰狼的出场作辅垫。把小红帽向“远方”移动,以给后面的大灰狼留出空间。

第5步:画面优化改造

第5步

把树木进行倾斜,打破先前画面的平静,增加了画面的恐怖氛围。给人感觉这些树木随时都有可能倒下来、摇摇欲坠,让小红帽所处的环境更加恶劣、危险。

思考:对角线的画面布局,给人一种运动感和紧张感。把小红帽放在树林构成的“三角形立体空间”中,是不是有种被“困住”了感觉?

第6步:绘制大灰狼雏形

第6步

说明:不规则的三角形与规则的小红帽产生关联性和差异性;黑色与树林呼应,比浅紫色更加让人恐怖;尖角显得更加凶猛、可怕;大尺寸的大灰狼与小尺寸的小红帽形成对比,一强一弱,近大远小。

第7步:绘制大灰狼的牙齿

第7步

说明:艺术源于生活但高于生活,适当的夸张手法是设计必须的。

第8步:绘制大灰狼的眼睛

第8步

说明:细长的菱形与小红帽(三角形)区分开来,细长的形状显得更加犀利。使用红色显得更加可怕、血腥,让大灰狼更具攻击性。

第9步:绘制大灰狼的舌头

第9步

说明:红色的舌头,可以把红色的眼睛和小红帽联系起来,这就是色彩的关联性,让人感觉小红帽早已是大灰狼的眼中物、口中食,十分血腥。

说明:大色块能突出大灰狼,相对比树林更能吸引我们的注意力。同时与小红帽形成强弱对比。

第10步:整体画面优化

第10步

说明:浅紫色的背景更加柔和、暗淡,代表着夜晚。这比白色背景好多了。白色背景显示僵硬、赤裸。

说明:使用白色的牙齿,有种冲破束缚之感,比黑色的牙齿更具表现力。

总结

通过以上简单的十个步骤,我们跟着作者完成了这幅作品“小红帽”,上图便是该书封面的最终结果。

作者总结说到:图画通过使用一些构造上的原理来影响我们的感受,这些原理其实都是基于我们真实世界中的一些本能反应。只要你理解了这些规律,你就能够明白为什么画面能够对我们产生特定的情感影响,你就能够明白画面究竟该要如何来构造。

我们经历了这个过程,在元素绘制时,我们对形状、大小、颜色、位置等基本属性的反复斟酌。在整体上,我们还考虑了画面的布局、背景色,以及角色元素之间的关联性、对比性,从而表达出情感。这些来自于生活间的直观感受,就是我们设计的最基本原则,没有最好,只有更好,开始Build你的梦想(画布)吧!


完!! 2019年06月12日

上一篇 下一篇

猜你喜欢

热点阅读