•  +025-5212 1206
  •  15150671867

工业设计与视觉动力

2017-8-16 17:15:17

形态的生长与约束


15905981dac8a8012156030949f8.jpg


    回想之前的内容,你也许有所思考,对于线条或者图形的分析,我们是把它们静态的一瞬间,加入了时间的维度,使得它们有了过去和未来。比如,它之前受到了力,所以现在发生了形变。随着力的变化,后来它又......  加入了时间维度,一切静止的对象都有了故事。


    每一个图形都受力的话,那它受力前就是另一个样子,那再之前呢?


    每一个图形都受力的话,那它再受力会变成什么样子,接着又受力之后呢?


    那有没有不受力的图形呢?


    下面我们来看一张图,可以回答这些问题。



05205981db71a801215603ca46f1.jpg


   上图中,圆形是平面中我们能找到的唯一没有视觉力的图形,或者说它的受力合力为零。所以它可以说是一切图形的起点,如同一粒种子。从这个起点开始,我们给它加入力,使它不断的形变。一个接着一个,到最后一张图,竟然变的像一根树干。这是一个顺序的过程。但我们看到图形时,分析它的视觉动力,却是一个倒叙的过程。还是上图,我们来倒着看一遍。先看最后一个图,不看它之前的样子,你也能得出它所受的视觉动力,因为我们会把图形的轮廓与基准图形相比较。不过准确的说,是与比它简洁的一个图形相比较就可以得出它的视觉动力。上图中,每一个图和后一个图相比,都简洁一些。所以可以说,前一个就是后一个的基准对比图。下图中,单独观察其中的图形,你都能看出每一个的动力吗?


2d2c5981dccba8012156036ec6f2.jpg


    其实,你很可能已经可以不经过思考的看出视觉动力了,并不需要我特地强调看视觉动力的原理方式。那要恭喜你了,视觉动力的内容很重要的一点就是要唤起你视觉的敏感度。


    我们来看看下面这些图中的动力,你能否看的出来。如果看起来有些吃力,我在旁边放了标示图。如果觉得看起来很轻松,那就挑战一些更复杂的图吧。这里由于篇幅的限制,就不放太多例子了。


bde45981dd4c0000002129331bf1.jpg

ed2f5981dd9ba8012156037c1daf.jpg

08de5981dda800000021295253ea.jpg


81b15981ddb40000002129808052.jpg


c7c55981ddf9a801215603cc8c13.jpg


fbb45981de05a801215603683b65.jpg


5f1f5981de600000002129ba8899.jpg

86a45981de7d00000021295a7d83.jpg

73205981df3500000021297d427c.jpg


0fce5981df5aa80121560361d4f2.jpg


c7605981df690000002129a753a3.jpg


f0065981df77000000212997facb.jpg


b2775981df91a8012156039085ac.jpg


    经过大量的视觉观察,你可能具备了很高的视觉敏感度,可以看出许多视觉动力了。那然后呢?难道看出来就好?当然不仅如此,看出视觉动力只是一个基础,更重要的是我们需要了解视觉动力的运用规律。


    下面有四个图形,分别编号。请用手遮住其中三个,从1到4分别观察它们每一个。感受它们在视觉上的舒适程度和力量感。总的来说它们都是从地面向上生长出来的一个图形,但在图形顶端的处理方式不同。尤其是图形1,顶端其实没有做任何处理,它是一个标准的竖直矩形。它给我们视觉上的舒适感是最差的。你一定能看出,它只有一个方向向上的视觉动力。 而图形2则受到一个方向向下的反向动力,把图形劈开了一段,它同时具有向上的和向下的力。而图形3和4,在顶端添加的其它外力就更加多了。


4d3d5981e0b60000002129f8c8dd.jpg


3a345981e0cf0000002129b7a2e7.jpg


    关于视觉舒适度,是先天基因决定,还是后天通过观察习得的?这里不做展开,我们只是来讨论客观规律是什么。以植物为例,内部生长动力使它的形态不断延伸,如上图中的竹笋。它的外形视觉动力与其内部生长力是一致的。你可能说,我只看到了单一的从地面向上的视觉动力,没有发现什么阻力呀。那为什么竹笋会是尖的呢?而不是上一章图中图形1的竖直矩形的样子向上长呢?


    大自然的环境中对生命的生长限制其实是非常苛刻的,我们看到的枝繁叶茂不代表它们的生长就不艰难。它们总会受到自然气候和土壤环境条件以及自身供养各个方面的限制。所以它们都是以极微弱的优势在形态上进行延伸的,所以它是尖的。我们来看一下它的动力分析(下图)。从土壤中向上生长,外轮廓上就是逐步减弱的,因为受到外界向内挤压的力量约束。从结构上来看,竹笋是一层一层包裹的结构,每一层都努力向上生长,但越靠外界的组织,向上延伸的速度就越慢,所以也就形成外表面向内的倾斜和分割。


57385981e278000000212914c4ac.jpg


77445981e32da801215603bbe9a2.jpg


    看上图,如果我告诉你,这是一种神奇的树木,它从土里慢慢长高就是以一个圆柱的形式长出来的,而不是尖的,你会不会相信呢?即使你半信半疑,你的视觉也是无法接受的,因为它违反视觉常理,这分明是被人锯掉的。


    再看下图中,是一种叫沙鳗的观赏类宠物,宠物店里有卖。即使是动物,它们在长大的过程中,头部的形态也不会是平的,一定也有一个伸缩缓慢向内收的形态结果。再如壁虎或者蜥蜴的尾巴在被斩断后是一个平面,等尾巴开始再生,又会出现尖头的形态。


31fc5981e3b9000000212926c251.jpg


42f35981e3ca0000002129126960.jpg


   除了单个形体的末端,我们再来看一看树枝的分叉形态是怎么表述的。我们来抽象一个形态变化过程。如上图中,一个形体向上生长(绿色)。生长好后受到外界阻力(红色),在微弱的优势下,生长力的策略是绕开阻力,继续向上,于是开始分叉。但分叉会再次遇到阻力,于是就不断绕开阻力,不断分叉,形成了一个树枝的结构。


dbcf5981e4130000002129d30a6b.jpg


   上图中,是上海世纪大道世纪广场上的一组柱体雕塑,它模拟了极为抽象的,形态向上生长遇到阻碍后分叉的一个形态。我可以直接理解为一个向上生长形态被当头劈了一刀,差一点劈断。请注意,这里千万不能劈断,生长力是具有微弱优势的,所以它一定大于阻力,才能使形态继续生长,如果劈断了,就变成了两个独立的小形体了。


34835981e46d00000021295c1323.jpg


   介绍了这些内容,我们再回来看这几个图形,就比较容易理解了。图形1,是向上生长却没有任何约束力的图形,视觉上给我带来一些不适感。图形2,是对树枝生长分叉过程的抽象。图形3,可以看做是沙鳗类长条形体动物的形态抽象。图形4,则是对竹笋生长形态的抽象。所以图形2,3,4都搭配了外界阻力来约束生长力。这样比较符合客观世界的形态,所以视觉上会更为舒适的,即使隆起的山体形态也符合这个规律。


e4585981e4dda8012156034ff9c4.jpg


   比如轿车的形态就是一个前后的长条形生长形态,为了视觉上的舒适性和动感,人为的在生长方向上增加外力的约束形态,形成凹陷与分叉效果。这种简单又有效的处理方法,在跑车上尤其多见。


762a5981e510a801215603e32c64.jpg

    又如香港的中银大厦的设计,贝聿铭曾说灵感来自竹子。你能看一下它们之间的相似性吗?(上图)


    类似的生长与约束关系在某些产品中也有运用,下图中,没有标出外界阻碍力,只标出了形态生长力的分支,你可以自己体会它们受到的外界阻碍。


c21d5981e9f10000002129e271a5.jpg



0e975981e65d0000002129859797.jpg


    在建筑设计中,普遍存在对于顶端生长形态增加外界阻碍动力的处理,而且手法各异,创意无限。


    但我们同时需要关注的是,如果没有办法在顶端生长形态上加入外界约束形态的时候,怎么处理视觉上的舒适度呢?


    也是有办法的,就是在顶端做视觉分割,如下图中。这样的简单分割把形态多分出一块来,就好像原本向上生长的图形上压了一块大石头,让它的生长受阻。这种分割形态的方法实习比较容易,又达到了视觉的效果,还能营造出简洁的风格。

请用手遮挡下面的图形,对比没有分割时与分割后的视觉感受。


0e6a5981e6d8a801215603fb6a92.jpg


86a75981e6e700000021299ebbd1.jpg


   我们来看看单纯的分割在实际中的运用,你可能很难想象建筑中也有这样的运用,因为建筑形态自由度很高,何必采用这样克制的方式呢?可能有的建筑就是追求这样一种极简的风格,请看上图中两个不同的建筑,它们的形态是一样的,只是一个在顶部做了表面分割处理,一个没有处理,感受一下它们在视觉上的区别。


25935981e71aa8012156035506a5.jpg


     在平面设计中,这也是一种常用的方式,只不过很多应用比较隐蔽,不容易察觉。(上图)


     下面我们来看一些产品中的运用例子。





   以上我们看到的例子都是对分割的使用,不过有的不是单纯使用,还搭配了其它方式。所以他们之间的设计方式可以相互借鉴运用。尤其是色彩和材质的搭配,它们之间相互替换效果也是非常不错的,所以在设计某一个产品类型时,寻找资料不是只找同类产品。而是查看用到同一视觉处理方式的所有类型产品。


492e5981e7e60000002129f98990.jpg


28d05981e8070000002129a7045e.jpg


   分割的方式也用一些延伸运用。比如上图中,直线分割可以演变成异形线条分割。下面是平面设计和产品设计上的运用。


a9125981e856a8012156031fb66e.jpg


   你找到它们的分割线了吗?平面设计上比较明显,而产品设计中则不只一条,而且比较隐蔽。


d80b5981e87400000021293fb369.jpg


    优秀的平面设计中,分割的运用也是五花八门,所以在设计产品的时候,如果想采用简洁的分割方式来处理视觉效果,也可以在平面设计作品中得到很多启发。千万不要被人为设定的专业边界,阻碍了我们思考的路径。


    回到工业设计中,很多交通工具,尤其是公共交通,车体形态都是一个长条的生长形态,所以外界阻碍形式的运用也非常普遍,如下图。



   其实身边例子很多,看你有没有发现这种生长的图形以及它受到的约束力。可以拿出你的手机,看看它的背面,logo的位置,摄像头的位置,以及出场信息等小文字的位置,对于一个长条形的手机轮廓形态来说,它们起到了什么作用呢?


08f35981e8e0a8012156034c5a22.jpg