什么是视觉动力 ​——工业设计与视觉动力

点击上方“中兴开发者社区”,关注我们

每天读一篇一线开发者原创好文

什么是视觉动力呢?回答这个问题前,我先问你一个问题:“为什么1+1=2呢?”

也许你认为这个问题非常的小儿科,只有幼儿园的小朋友才会问这种幼稚的问题。不过就算问题很幼稚,不代表就有人能回答的出来。

吴军教授在他的书《数学之美》中是这么说的,“我们假设 1 加上 1 等于一个数字,我们把这个数字叫做 2。”

你一定看出来了,这并不是一个回答为什么的标准回答方式,它不是以“因为”开头的回答。但是它告诉我们,1+1=2 是怎么来的。原来这是一个人为的假设,我们假设1+1=2,所以......

如果你不承认这个假设,那么整个数学体系都是不成立的,后面所学的所有数学知识都是无效的。

同样在经济学中有一个假设,人是自私的,个体会追求自身利益最大化。如果你不承认这个假设,那么整个经济学体系也会崩塌。

那回过头来,我们回答什么是视觉力。它也是一种假设,当我们看到某些图形,视觉上产生了力量感受,我们假设这个视觉力量的存在,并称它为视觉动力 F。 如果你不承认这个假设,书后面的内容自然没有任何意义。所以视觉动力并不真实存在,它是指我们用来描述视觉感受的一种概念工具而已。

理解了这个,我们来看一张图。下图中,是著名的比萨斜塔,之所以出名,是因为它看上去是倾斜的。我们很小的时候就形成了视觉上对于重力,重心,倾倒等物体运动趋势的判断能力。从视觉上我们看出了比萨斜塔发生倾斜,判断它有倾倒的趋势,但事实上,它看上去始终保持静止,没有发生倾倒,这与我们视觉上的物理常识不符,于是形成了一种反常和有趣的视觉感受。(好比门外的小秘一直不停地给你递报告,要倒啦,没倒没倒,又要倒啦,还没倒还没倒。)


我们要来分析一下,视觉是怎么判断它要倾倒的,视觉会把看到的物体轮廓和物理基准线相对比,比如水平线,竖直线等。对比之后发现图形有一个偏离基准线的趋势,这种趋势,我们可以认为是视觉动力,如上图。建筑似乎是被一个力量推动,发生了倾斜,同时倾斜的轮廓线又反应了它受到的力。所以,简而言之,我们看到倾斜的线条,大脑就会感受到一种视觉上的推力 F。

单条斜线可能力量还不够大,但是多条相同斜线的叠加就能产生比较强烈的效果,如下图中的电动工具的外观设计。



再看上图,是一个足球进门后飞到了球网上,使球网产生了形变的一个静止瞬间。同样,我们的视觉把球网弯曲的轮廓与竖直的基准线相比较,感受到了曲线受到的力F。这种曲线的简单形变在设计中非常多见,而且曲线越是扭曲,我们能感受到的视觉动力就越大。(下图)




又如上图中的暴风雨时,树木的弯曲瞬间。我们的视觉依然用曲线与基准竖直线做比较,看出一个的视觉力F。但这种曲线比之前的更加丰富一点,因为整个树木的曲线不同位置的强度不一样,树干处比较坚硬,所以没有发生弯曲,而树梢处则比较软,发生了剧烈的形变。所以这是一个受力,但只发生局部形变的曲线形式。你能看出下图中,哪里有这样的曲线吗?

正是在这辆概念车的侧面,有一条类似的轮廓。你可以发现,这不完全是我们举例中台风造成树木变形的样子。上图中的曲线,没有发生形变的一段是倾斜向前的。没错,你很细心。它不但用了树木变形的视觉动力,还结合了倾斜曲线的视觉动力效果,两者组合使用,效果更加强烈。

回到比萨斜塔的例子,很多游客会用身体去支撑斜塔来拍照,这样在画面上就可以实现视觉上的平衡了。这是不是与我们初中物理题目中的力的分析很像呢?

下面我们来对比几个产品的例子,看看使用受力曲线和不使用之间有多大的区别。


1.组合斜线使得产品外形在斜线倾倒方向上的视觉动力表现大大增强,尤其这类电动工具产品希望给人一种强有力的视觉感受。

2.你看出两者不同处在哪里了吗?这款产品只使用了一个形变曲线,效果比较温和,但仅仅一个小的视觉动力形式运用,也能有明显的区别。

 3.这是一款B超机产品。底部的主机体型比较肥胖,所以用不同的颜色将它切割开,以减轻产品在视觉上的重量。而带有斜线的切割方式,可以给产品提供更多运动和轻盈的感觉。但去掉斜线后,产品就失去了一些动感。


上图中,不同斜线的连续使用能产生更多的效果,甚至会与受力弯曲的曲线有相同的作用。下图中,我们可以看到,产品上凸显力量的形变线条竟然和发力的公牛身上的线条非常接近。



(上图上)修改前产品并没有使用斜线分割下部的主机形态,但使用白色倒是不会使人觉得视觉上很重。修改后增加了大尺寸斜线来切割主机形态,使产品产生了巨大的动感,只是生产工艺上成本太高。

(上图下)为了增加力量感,跑车前脸大量使用斜线元素,来体现产品强大的性能。如果我们去掉斜线元素,改成基准垂直方向的线条,汽车前脸给人感觉一下子从跑车变成了家庭用车或者商务车,温和而庄重。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值