 Art Research Letters 艺术研究快报, 2013, 2, 22-27 http://dx.doi.org/10.12677/arl.2013.22005 Published Online May 2013 (http://www.hanspub.org/journal/arl.html) The Thinking of Three-Dimensional Structure in Visual Communication Design* Lijun Wa ng, Xinyuan Bai School of Architecture and Design, Beijing Jiaotong University, Beijing Email: wanglijun@bjtu.edu.cn, justb_333@163.com Received: Jan. 28th, 2013; revised: Feb. 4th, 2013; accepted: Mar. 12th, 2013 Copyright © 2013 Lijun Wang. This is an open access article distributed under the Creative Commons Attribution License, which per- mits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited. Abstract: Nowadays, most of the design is a multivariate creating, and the graph ic designers should not only think over 2D, they should also think over the 3D, 4D. The thinking of three-dimensional structure is better to designers for inspiring their feelings and experiences to the art. Keywords: Three-Dimensional Structure; Visual Communication Design; Visual Effect 平面视觉设计中的立体构造思维* 王丽君，白馨远 北京交通大学建筑与艺术学院，北京 Email: wanglijun@bjtu.edu.cn, justb_333@163.com 收稿日期：2013 年1月28 日；修回日期：2013 年2月4日；录用日期：2013 年3月12 日 摘 要：当今的设计更应该进入到一个多维创作的时代，平面设计师不能仅满足于思维被限制在二维 空间，而应将创作的思想及视野扩展到三维、四维、乃至多维的空间中。引入立体构造思维，有助于 激发计者对艺术的感知和体验，使设计更具感染力。 关键词：立体构造思维；平面设计；视觉效果 1. 引言 视觉设计是指在平面空间上的设计，这主要涉及 二维空间，主要是在平面中每个元素的设计和组合的 构成，包括布局，字体，图片等。它依靠现代印刷技 术的手段来实现传达信息的性能。也许是中文名字的 限定，使得很多人对平面设计的理解惯性地将思维固 定于二维，使得许许多多平面设计作品缺乏新意，拘 谨于字体、色块、图形的排列，表现手法愈来愈单调。 在设计过程中有时由于思维定式的影响，很难产生富 有力度的作品。当今的平面设计应该进入一个多维的 创造空间，平面设计师不能仅满足于单纯的二维空间 的思考，而应将其创作的视野扩展到多维的空间范围 中。平面空间、立体空间、多维空间、以及错视空间 之间的形态交混使用，能够使得设计变得更加丰富、 富于情感和神秘莫测，更大地拓展平面设计师的创作 空间和观众的想象空间。立体构造思维为平面视觉艺 术提供了一个思维方式，大胆设想、综合思考，突破 常规、超越时空，形成新的创作思路。在平面视觉设 计中，立体构造因素包括方方面面，是一种开拓思维 的因素，它是通过光影、空间、蒙太奇、视错、动态、 *中央高校基本科研业务费项目《数字媒体艺术复合型专业构架研 究》(项目编号：2011JBM316)成果之一。 Copyright © 2013 Hanspub 22  平面视觉设计中的立体构造思维 立构和综合等手段实现的。 2. 光影手段 立体之所以立体是因为有光，有光才会产生影， 光影的运用应该说是立体造型思维中的一个非常重 要的方面。图 1第一张的画面设计中，将色块以及一 些元素投射阴影，画面表现顿时立体且真实，就如我 们书写剪贴时掉下的纸片般亲切，图面要比不加阴影 直接用色块摆放要来的具有强调感；第二张《欧罗巴 的梦魇》电影海报设计中，借用投影来影射二战时期 希特勒与纳粹党徒们在西方所到之处留下的对艺术 作品的掠夺和破坏；在第三张《开往暗处的的士》的 电影招贴中，两个大兵挟持一人，背影投下美国国旗 旨在反思美国在所谓民主制度实质之下行使的那些 肮脏暴行，设计借用阴影作下深刻的隐喻。明暗光影 在平面设计视觉上的使用可以是物化的，也可以是意 象的。它传递的都是在视觉表现上的特殊方式，都是 为了达到更深刻表达主题的目的。 由于世界被各种各样丰富多彩的出版印刷物所 填充，寻求一种让作品脱颖而出的手法是现代设计者 所不断努力的。对设计者来说，平面设计师斯坦芬· 萨格梅斯特为灯具制造商设计的公司年度报告，将年 度报告变成有趣的出版物真的是一种挑战：报告的封 面是热塑料材质的花瓶，翻开内页，是不同灯光下花 瓶的各种效果，这一巧思充分体现了此灯具制造公司 的灯具产品作用在物体表面上，烘托物体氛围的强大 功能，可见设计师对光影深刻的理解和巧妙的把握， 作品强烈地映入人的脑海，使人印象非常深刻。 3. 空间手段 有体量的东西一般会给人较为敦厚和踏实的形 象，给人物象实在存在的感受，图2中第一张图中立 体的字体效果使画面更具冲击力和强调感，一改我们 生活印象中对字体轻薄精致、便于大篇幅书写的感 受，它利用立体式的体块转折，使文字于雕刻般浮出 图面，增加了文字的重量感，使人们与存在于脑中的 日常文字形式出现对比和差异，再加以光影配以平面 式的色块来进行表现，从而产生判断上的错误，给予 文字施加了无形的质量，并使得人们的注意力完全地 被画面所吸引；当然，第二张招贴中字体图形的堆积 形式设计中也可借鉴，将字母的形体堆积来进行抽象 简化的图形字体设计，使我们对文字平铺书写于纸面 上的形象又产生与真实世界相反的对抗，文字像货物 一样杂乱地堆放墙角，引发人们的探索欲望，是文字 还是一些无序的物体，停下来研究的同时达到了视觉 传达的目的；第三张中部分形体的立体化也更增添了 画面的可看性，再进行均匀的排列成阵，更深入地表 达了“设计”的全面化。在人们观察事物的过程中， 重复排列的物象一般更容易惹人注目，能表达有规律 和秩序的视觉现象，这些相同但各自又有颜色变化的 体块给人们带来一种视觉的愉悦；平面表达中与平面 元素冲突的这些立体的东西往往更容易带来视觉的 关注。角度的巧妙运用使画面达到一种特别趣味的效 果。第四张电影海报中，画面上这个不吉利的数字 “13”引导观者忍不住去清点人数，数来数去却发现 只有 12 个人，那么还有一个呢？想知道答案吗，那 (a) (b) (c) (d) Figure 1. (a) The poster design (From Baidu picture); (b) The poster design for The Rape of Europe (From baidu picture); (c) The poster design for Taxi to the Dark Side (From Baidu picture); (d) The design for the annual report of Lamps and lanterns company (From Baidu picture) 图1. (a) 招贴设计(源自百度图片)；(b) 电影《欧罗巴的梦魇》海报设计(源自百度图片)；(c) 电影《开往暗处的的士》海报设计(源自百度 图片)；(d) 灯具公司年度报告设计(源自百度图片) Copyright © 2013 Hanspub 23  平面视觉设计中的立体构造思维 (a) (b) (c) (d) Figure 2. (a) Three-dimensional font design (From baidu picture); (b) Three-dimensional font design (From baidu picture); (c) Three-dimensional font design (From baidu picture); (d) The poster design for Ocean’s Thirteen (From baidu picture) 图2. (a) 招贴设计(源自百度图片)；(b) 电影《欧罗巴的梦魇》海报设计(源自百度图片)；(c) 电影《开往暗处的的士》海报设计 (源自百度图片)；(d) 灯具公司年度报告设计(源自百度图片) 你就来观赏此片吧。 4. 蒙太奇手段 蒙太奇在电影中可以用来叙事、表现人物的内心 世界，它把看起来毫不相干的图像不间断地连接起 来，这种电影剪辑表现手法与立体主义十分相似，甚 至如出一辙。它可以自由地选择叙述对象，进行交叉、 平行、重复等各种剪接，并进行多重视角的选取，对 视觉进行无序主观性的处理，对人的视觉进行地毯式 的大轰炸。这种理念应用到平面设计中去，将给设计 中的画面空间带来丰富多彩的特殊效果，给人带来时 间和空间交错往复的感觉。凌厉的剪接和组合给人带 来难以忘怀的视觉体验。 图3中第一张是电影《冷冻灵魂》的海报，设计 将人的面部层层剥离，除了让人产生触目惊心的视觉 感受，还能体会到电影中人的灵魂被抽离，被抽离出 的灵魂仿佛可以随意装进任何一个人的躯壳中的感 受。很多立体主义手法用到平面设计中，如第二张招 贴中层叠的人体，好像要述说不同的内容；第三张图 面上好似两人故事的蒙太奇，它们之间互相交叠，是 一人又不是一人，达到了极好的叙事情节的视觉传达 效果。 5. 视错手段 有些视觉图形显现出的自我矛盾、自我冲突的视 觉欺骗，会使人深信看到的是真实的，是具有立体特 征的，而事实上，这只不过是一个二维的平面上完成 (a) (b) (c) Figure 3. (a) The poster design for Cold Souls (From Baidu pic- ture); (b) The poster design (From Baidu picture); (c) The poster design for Black Jack: Heartbreak (From Baidu picture) 图3. (a) 电影《冷冻灵魂》海报设计(源自百度图片)；(b) 招贴设 计(源自百度图片)；(c) 招贴设计(源自百度图片) 的假象。类似的绘画作品都有双重的现实性，从画面 依附的对象来看，这幅画是二维的平面的，而从与人 和环境形成的关系来看，它是属于三维的空间的。错 觉艺术具有神奇而新颖的魔力，将这种表现手法融合 到设计中去，可以使作品表现充满各式各样、有趣生 动的错觉幻象[1]。 图4的宣传海报中，演员尼古拉斯凯奇的头像由 大小颜色不一的子弹组成，密密麻麻的子弹形象首先 给了我们视觉冲击，不用看名字我们就知道这是一部 讲述战争中故事的电影。这是《战争之王》的电影海 报，这些子弹的大小、位置、颜色的安排造成了线、 面的因素，而且还表现出了图像的体积和空间。这些 点组成很有密度与厚度地组合在一起形成了一副完 整的画像。点的错觉在平面设计的视觉表现上非常具 有价值和显著的效果。 Copyright © 2013 Hanspub 24  平面视觉设计中的立体构造思维 (a) (b) Figure 4. (a) The poster design for Lord of War (From Baidu pic- ture); (b) English letters design (From Baidu picture) 图4. (a) 电影《战争之王》海报设计(源自百度图片)；(b) 英文字 母设计(源自百度图片) 平面有一种很奇妙的特性，我们可以去可触却不 可及，可视却不可入。矛盾形态的合理性只能存在于 平面，即在二维空间里看起来是可以成立的，但是真 正深究进入三维空间里便是完全矛盾不合逻辑的。埃 舍尔的很多作品使人们对远近的概念产生质疑，而这 种疑惑正是平面上矛盾错觉现象产生的意图。有时候 我们为了创造发现新的事物，往往会建立假设，在虚 无的基础之上创造充满幻想的世界。如此看来，设想 其实是一件十分有意义的尝试，如根据矛盾错觉关系 启发而制成的 24 个英文字母。不过像这样视觉错觉 及图形矛盾的实验，不一定对所有的设计者或是作品 所通用，但对于类似广告宣传这种强调对人视觉吸引 的设计来说却越来越显得实用和有意义。 6. 动态手段 主观动作因素实际上是指将平面设计画面中的 元素拟人化的一种手法，使画面的内容如文字、图形、 色块等等，像是被赋予生命一般自己发生了动态变化 的结果。图 5的海报画面中，黑色的感叹号对人的压 迫，和人悠闲地躺在字体上，这些动作在现实生活中 似乎不可能看到。人怎么会和符号产生互动，当不可 能变成真实展现在你眼前时，视觉传达的目的就已达 到。这种反差会让人投入思考，并对人和图形被同时 存在于三维的空间中而感到幽默，显然这种方法是有 力的；另外两幅海报中的创意图形，显示出笔尖与人 发生互动，笔尖处产生了动态，更让人将视线对焦到 笔尖处，原来那不是墨水，是战斗的小兵们。瞬时画 面想要传达的效果呼之欲出，用笔当武器；气球在我 们的概念里很轻，非常容易被刺破，最见不得重物压 它，可是画面中却给气球戴上了厚重的头盔，除了拟 人性质非常强外，极端的对比让视觉效果更为突出。 作品否定了我们对于重力的一般认识，让人陷入了难 以做出判断的挣扎，因此我们的注意力完全地被画面 所吸引。 所谓客观动作因素，是相对于主观动作因素来说 的，就是画面的各内容因素与观赏者发生互动。主观 动作因素是指画面的各要素互相之间发生互动，而客 观动作因素指的是观者参与到画面内容中，一些动作 好似是由观者施加而得出的结果。海报中将画面进行 撕扯剥落，剥落物象下方传递新的内容，这种处理邀 请观看者参与其中，让人欲顺势伸手扯下标签，被撕 扯纸条的正反面均有要表达的内容，更形象化的告知 了这个画面想要传递给读者的讯息，这个动态的展现 有很强的视觉传递性和被邀请的参与感，画面有趣而 生动；《美丽心灵的永恒阳光》电影的宣传海报，画 面中一层层被撕扯的痕迹，仿佛要我们透过层层撕开 的画面寻找什么，画面中的人没有了眼睛，撕掉这一 动作又仿佛想隐瞒躲避什么，是的，这是有关记忆擦 除的电影。好的海报招贴往往给观者信息的提示和引 导，并将这种探索感加强。生活中人人都怀有卑劣目 的，每个人都有不为人知的隐秘自私，让事情的真相 一点点剥落开来，失忆的谜团从此解开。 客观动作因素灵感的来源可以从我们日常生活 中找到，招贴设计巧妙地利用纸张的折角和色彩来进 行变化来组成画面要传达的内容，精细的文字和特别 设计的有色彩的折角又将字母的形态凸显出来。或者 如果能给各个纸张加上微弱的阴影，那么空间感觉将 更加强烈，就如真的折了几篇纸钉在了墙板上一样的 亲切，可它又是图形，不得不感叹设计者的巧妙构思； 或者真实的人被剪刀剪成一条一条，为了凸显这个动 作，剪碎的纸条又被折了几个折痕，配合人物的面部 表情，这种表现可谓淋漓精致，幽默地让人过目难忘。 7. 立构手段 目前很多平面设计突破了平面的思维而加入立 体构成的手段，有时我们在大型的商场、建筑物里、 火车站或是地铁内很难穿梭自如，找到自己的目的 地，即便是在那里工作的工作人员。由于色彩在视觉 中具有优先传递性，在大型的建筑内鲜艳的颜色可以 Copyright © 2013 Hanspub 25  平面视觉设计中的立体构造思维 (a) (b) (c) (d) (e) (f) (g) (h) Figure 5. (a) The poster design for Stranger than Fiction (From Baidu picture); (b) The poster design for Cool Hand Luke (From Baidu picture); (c) Advertising creative graphic design (From Baidu picture); (d) Advertising creative graphic design (From Baidu picture); (e) Advertising creative graphic design (From Baidu picture); (f) The poster design for Eternal Sunshine of the Spotless Mind (From Baidu picture); (g) Advertising creative graphic design (From Baidu picture); (h) Advertising creative graphic design (From Baidu picture) 图5. (a) 电影《奇幻人生》海报设计(源自百度图片)；(b) 电影《铁 窗喋血》海报设计；(c) 招贴创意图形设计(源自百度图片)；(d) 招 贴创意图形设计(源自百度图片)；(e) 招贴创意图形设计(源自百度 图片)；(f) 电影《美丽心灵的永恒阳光》海报设计(源自百度图片)； (g) 招贴创意图形设计(源自百度图片)；(h) 招贴创意图形设计(源 自百度图片) 给人们判断信息的提醒。位于格林威治的国立海洋馆 内的标识引导系统，由设计师大卫·希尔曼设计，他 用着色的铝板将装饰的圆柱穿破，用一种扬帆远航的 立构形式代替普通平面的导视牌，用四种不同的颜色 代表场馆的东西南北四个方向。立体的导视系统区别 于一般建筑内部的平板标示，对于即使初次拜访的客 人也可以很好地在场馆中参观游览，并能够有效地帮 助大众对馆内布局作一个大致的了解。 立体构成往往具有很强的视觉吸引作用，如图 6 中的立体海报设计，从画面中突出的几何体此起彼 伏，这山地般的平面纸张将吸引多少人驻足观看。这 创造出的真实三维空间带给人们莫大的视觉享受。还 有些设计师们善于运用“二维半”空间来进行平面设 计，这种二维半空间可以引用在平面设计之中，不论 是宣传还是装帧，当阳光洒向画面，就会有赏心悦目 的立体和光影效果。类似的立体构成形式还有很多很 多，它们都可以应用到平面范畴的设计中，为作品增 添不一样的视觉效果。 (a) (b) (c) Figure 6. ( a ) Th ree -d im ens ion al p ost er des i gn (F rom B ai du p ic tu re) ; (b) Two and half dimensional poster design (From Baidu picture); (c) Two and half dimensional font design (From Baidu picture) 图6. (a) 立体海报设计(源自百度图片)；(b) 立体海报设计(源自百 度图片)；(c) 二维半字体设计(源自百度图片) 8. 综合手段 综合手段是指在设计中可以将各种不同的表现 手法互相融汇使用，以产生更为有力的设计作品。如 图7第一张招贴中结合了打散、空间和角度等手法， 更像是一副结构分析图，画面总体感觉比较特别而又 让人感觉舒服。第二张海报的画面中晶莹剔透的透明 字母是由制作的模型立于地面放置的，由于光线的投 射，使产生的倒影显现出字母的外形来，虽然这些看 似镜像的字母不同于常理，但是我们仍然能认出并识 别它们，这是由于回转的错觉所引起的。也就是说在 日常生活中对司空见惯的东西，即使它们处于颠倒回 转的状态，仍然能被人们的视觉感知为同样的图像。 这一现象可以说在视觉表现上是一个难得的优点，且 能够产生完全意想不到的视觉结果。 第三、四张图是一家造纸企业的广告，图中的形 象都是由一捆一捆的纸卷组合出来的，纸卷的颜色， 大小，厚度不一，除了画面颜色丰富鲜艳外给人首先 带了特殊质感的冲击。这一广告向人们展示该家造纸 企业制品种类的丰富，以及颜色的齐全。这一广告的 投放使该造纸公司在同行业中脱颖而出，表现不俗。 我们从设计的画面上来看，这里有肌理、有点错觉、 有光影，设计者将各种技术手段表现得游刃有余，这 更像是一副艺术创作，使人赞叹不已。 立体构造思维的运用使观者产生心理活动的是 视觉的刺激，而将其表现在平面视觉设计上就是看到 立体、空间、运动的幻觉。通过图面各元素的组合来 刺激观众的视感神经。作品画面上出现的图像、错觉 以及幻想都是在临摹人的感受，设计给观者的视觉刺 激不是对当前作用事物的直接反映，而是以此来调 Copyright © 2013 Hanspub 26  平面视觉设计中的立体构造思维 Copyright © 2013 Hanspub 27 (a) (b) (c) Figure 7. (a) Advertising creative graphic design (From Baidu picture); (b) Advertising creative graphic design (From Baidu picture); (c) Advertising design for the paper company (From Baidu picture) 图7. (a) 招贴创意图形设计(源自百度图片)；(b) 招贴创意图形设计(源自百度图片)；(c) 造纸企业的广告设计(源自百度图片) 动存在他记忆里于平常生活中通过感觉而积累和归 纳出来的知觉经验，进而达到认识、思考、理解的目 的。 平面设计中的立体构造思维并不意味着盲目地 复制现实，盲目地追求逼真，而意味着诸种关系的和 谐，是要将设计本身而不是“设计的内容”作为关注 的中心，把人们的眼光从设计的内容同时转向设计的 材料、方法和观念[2]。现实生活中的现存事物只是提 供一种造型基础，在此基础上，将现存物分解为各种 可能，再加以组合，以展示设计者心中所见的“真实” 世界，这世界具有几何的棱角美和简化的结构美。平 面设计之中融入的立体空间思维造型，也以自身独具 特色的魅力吸引无数观赏者的目光。 参考文献 (References) [1] (日)白石和也. 王传杰, 译. 平面造型与错觉艺术[M]. 北京: 机械工业出版社, 2007. [2] 孙琦. 平面设计中艺术辩证之 维[J]. 剧影月报, 2004, 5: 39- 40. |