如何用视觉力去做工业设计

 | 教大家如何用视觉力去做设计 | 

—— industrial design ——

►如果我拿一款橡皮泥（下图），捏住它的两端，然后慢慢拉扯它。它会被越拉越长，而且中间部分会越来越细，而我手捏住的地方则没有太大的粗细变化。这是一般柔软材质受到两个相反方向拉扯力后自然呈现出的样子。

►如果我们将手中的橡皮泥抽象成一个平面图形（下图），也可以模拟出这样的拉扯结果。图形受到两个方向相反的拉力，越拉越长，中间部分变细变窄。

►于是我们可以得到一个简洁的抽象过的图形受到左右拉扯力量的图示（上图）。这种图示在汽车前脸的设计中我们能发现不少运用（下图），它们虽然乍看之下非常不同，但其实都是同一个形式的视觉动力表现的变形而已。有的拉的比较长，比较细。有的拉的不太多，不太用力。

► 下图中，让我们来找一找这样的图示。

►对比上图中左右图的区别。原图中没有明显的拉扯图示视觉动力效果，修改后，能看出效果有所变化。这里我们暂不讨论，该不该使用拉扯图示，没有对与错的判断。只是让你用视觉感受到它的存在。

►不过拉扯图示不一定要抽象成硬朗的，也可以处理成柔软的轮廓（上图），和真实的橡皮泥的样子非常接近。也可以把它运用在产品中（下图）。比如这个双目红外望远镜的头部设计。

►不过如果橡皮泥一直被拉扯，会被拉断的不是吗？所以我们同样可以抽象出一个刚刚被拉断的橡皮泥的轮廓图形（下图），这样的图示也有运用，如（下下图）汽车尾灯的设计。

►你看它的尾灯的轮廓就是一个被拉断的图示效果，如果你很细心可能会看出来，它的排气管的形态是一个我们刚开始讲到的拉扯图示，并且没有拉断。

那这里我要问你一个问题，拉扯图示和拉断图示哪个视觉动力效果更强？

答案是，没有拉断的时候更强，因为拉断的那个瞬间，拉力的反作用力就消失了，物体已经断裂，拉力也不需要存在了。所以只要借助我们熟悉的物理概念就能想明白了。

►现在我们对橡皮泥做另一种处理，不对它进行拉扯，而是把它压扁在桌面上，然后用一根手指在它的下半部分从左到右的涂抹过去，使它的下半部分发生巨大的形变。在桌面上留下长长的拖曳痕迹。

►然后我们把这个样式进行图形抽象，可以得出一个局部受力发生剧烈形变的视觉动力图示。

在汽车尾灯的设计中，会用到这样的局部涂抹动力图示。（下图）

►也许你还记得上一章中一个被台风吹弯的树受力曲线的例子。上图中最后一个例子，观致汽车的尾灯设计，你觉不觉得和那个曲线图示动力效果非常接近。只不过一个是曲线，一个是图形，曲线只有弯曲形变，但图形还有粗线变化对比。

►有的汽车前脸的设计中，同时使用了左右拉扯的动力效果和局部涂抹的动力效果。多个图示组合使用是比较多见的。（下图）

►理解了拉扯力，我们就可以针对更为复杂的图形进行施力拉扯，看看他们会发生的形变，以及产生的图示在产品中的运用。如（下图）回字形。

►如果说卡车上的进气风口的形态处理比较容易看的出来，那些家电表面上采用这样的图示就比较隐蔽了。你看出来了吗？

►接着我们再来换一种拉扯方式，（上图）这次我们用四个拉力来反向拉扯一个竖条图形。随着用力的持续，图形的形变越来越剧烈。向左两个拉力之间的区域没有发生剧烈形变，基本保持了原本的粗细程度。而方向相反的拉力之间的区域则变的很细很细。

这样的图示比第一种左右均匀拉扯的图示，要更具方向性。因为原本的竖直图形变成了一个带有一定角度向左的梯形，所以它有向左趋势更强的效果。在汽车车灯的设计中，它也被广泛使用。（下图）

►再来看下图中的汽车尾灯的设计，整个尾灯的外轮廓是这种竖条图形横向拉扯的图示，而内部的刹车灯亮起的那一条光带，又是我们上一章的内容里受力弯曲的曲线图示。这种同样的受力类型，把受力曲线和受力图形组合在一起使用的效果也很不错。

►看上图这个汽车尾灯也是同样的图示对吗？一个竖直图形被横向拉扯的图示，只不过有一点点轮廓上的不同。但这里我可以不用这个图示来解释它，我可以用另一种，请看下图中，是之前我们提到过的回字形图形受到左右拉扯的力，如果拉扯持续，那它会不会也被拉断呢？那被拉断的那一刻是什么样子？正好就是竖直图形横向拉扯的样子。好神奇，不是吗？

►所以本质上它们是一个图示。可能这么说会让你有点懵，这正是本章节的关键。不着急，先让我们继续看其他例子。下图中的汽车尾灯也是一个回字形横向拉扯的图示。

怎么？不太像？是的，因为拉断了，可是？还是不像啊。是的，因为只拉断了下面那一段。

►现在我来做一些修改和对比，上图中，左边是同一辆车的不同样式的尾灯修改，右边是参照车型。

    1.是回字形横向拉扯，下部先断裂的图示。

    2.是图形局部涂抹的形式。

    3.是竖直图形横向拉扯的图示。

►当这些图示在上图右边不同的车上运用时，我们可能不容易看出它们的关联性。但放在上图左边同一辆车的上的时候，它们之间的关联性就一目了然了，它们之间不过是同一个样式，多一点这个，少一点那个的区别而已。

 所以，介绍了这么多图示，给这些图示起名字都非常费劲，更不用说让你记住它们了。好在它们的本质都是图形受力后发生形变，与上一章中曲线受力形变是一样的。所以我们只需要识别出那些图形的受力和形变，不用记住它们是什么图示，请忘记我给它们起的那些名字。

► 请直接感受它们的视觉动力。