如何打破设计的盒子？

大家好，给大家做了一个关于硬表面设计中如何打破盒子的教学。这个教程说的是一些在偏工业的硬表面设计中非常基础的知识点，没有啥花哨的技巧，可能看着会比较无聊，但我觉得应该能对大家做出更好的设计带来帮助。
如果你喜欢我的教程，请帮我多多转发，谢谢！ ​​​​


硬表面设计中关于“打破盒子” 的技巧 
让设计从“玩具感”到“工业感

1.什么是“玩具感(boxy)”的设计
很多硬表面设计的初学者在创作的过程中可能会有这样的问题:为什么我做的设计在平面图里边表现得还不错，但是用3D做出来之后造型就很呆板，很像玩具呢?
我将这样的设计称之为“boxy“的设计，说明一下我对这类设计的定义:
1.剪影可能有很多变化，但实际造型只是剪影增加了厚度。以至于设计的空间关系薄弱，可读性十分的差(即是说设计中所有的点在第一眼就能全部看穿，会导致设计非常的不耐看。)
2.结构之间的连接方式粗暴，比起组装在一起更像是紧贴在一起打个比方的话就像是用胶水把各个部件粘在了一块。
3.所有的厚度变化都是垂直的(垂直于剪影方向)。

举个例子:
(这是我朋友Manolo Mendoza的作品，已获得本人的授权)

这是他一年前的硬表面设计练习，在此我们不探讨这个设计的好坏，只是单纯的去分析我们之前所说的一些问题。

首先，设计中出现了一些简单粗暴的结构，我们举一个最直接的例子，握把处的设计。可以看到只是简单的将侧视图挤出，除了垂直于设计图的方向外，再也看不到其他结构的变化。而类似的造型在这个设计中频繁出现，最终导致了这个设计较差的可读性以及并不美观的造型。
接下来说一下结构之间连接的问题。

专注于这两块的设计，从侧面上看我们能意识到他们是通过某种方式连接在一起的，接下来进入3D视角。

结果在3D的视角下，仍然只是保留了侧视图的细节量，并没有在三维上去丰富它们的穿插结构(之后会有如何丰富结构穿插细节的
说明)。
在看到了这些问题之后，我们应该如何去规避这些问题，让自己设计的结构更加丰富有趣呢，接下来我会分几个小部分来分别说明。


通过“打破轮廓”来塑造大结构

在硬表面设计中，如何做出漂亮的单体结构是我们设计物体的拆分时经常会去思考的问题，接下来我会结合图例来分享一下我对于设计大结构的看法，同时说明如何规避“boxy”的结构。
首先我们建立一个box，并将面对我们的三个面标记为ABC。

B

可以看到这三个面的轮廓都是标准的长方形，接下来我们会从这三个面的轮廓出发，通过改变它们的轮廓来理解其整体造型的变化。
首先在A面上拉出一个box:
ITTT
A

可以看到我们通过形变来改变了A面的轮廓，让它变成了中空的样
但这个变化吊的死板，更像是 新的物体堆督在了A面之上 
因此我们还需要在这个基础上去做一些改动

我们把突出结构的三个面延长，并与下方结构主体的面合并在一
起，这样我们就同时改变了A面和C面的轮廓。由于我们增加的结构与 C面融合在了一起，它比起之前的造型更像是一个单独的结构了。沿着这个思路，我们再将B面的轮廓打破。

通过C面旋转了一下，增加了一些倒角结构，我们成功地打破了8面的轮廓，这样我们就得到了一个更加丰富的结构。最后沿着这个思路去添加几个曲面，就得到了如下的造型。(关于曲面后边会细说

可以看到最后完成的造型比起一开始简单的BOX明显丰富了许多当然这是教程需要，我做得比较夸张，一般情况下单个物体不太会出现这么多面的变化。
借用Alex senechal之前在直播中的一句话:”体现你的设计工艺水平一个比较直观的点就是，当其他人看到你的造型时不能马上判断它是如何加工出来的。

比起左边一目了然的加工方式，右边的造型更值得去推敲。

的这就是比较简单的丰富大造型的方式，接下来我会告诉大家如何通过曲面来丰富物体的趋势感通过“打破轮廓”来塑造大结构

在硬表面设计中，如何做出漂亮的单体结构是我们设计物体的拆分时经常会去思考的问题，接下来我会结合图例来分享一下我对于设计大结构的看法，同时说明如何规避“boxy”的结构。
首先我们建立一个box，并将面对我们的三个面标记为ABC。

B

可以看到这三个面的轮廓都是标准的长方形，接下来我们会从这三个面的轮廓出发，通过改变它们的轮廓来理解其整体造型的变化。
首先在A面上拉出一个box:
ITTT
A

可以看到我们通过形变来改变了A面的轮廓，让它变成了中空的样
但这个变化吊的死板，更像是 新的物体堆督在了A面之上 
因此我们还需要在这个基础上去做一些改动

我们把突出结构的三个面延长，并与下方结构主体的面合并在一
起，这样我们就同时改变了A面和C面的轮廓。由于我们增加的结构与 C面融合在了一起，它比起之前的造型更像是一个单独的结构了。沿着这个思路，我们再将B面的轮廓打破。

通过C面旋转了一下，增加了一些倒角结构，我们成功地打破了8面的轮廓，这样我们就得到了一个更加丰富的结构。最后沿着这个思路去添加几个曲面，就得到了如下的造型。(关于曲面后边会细说

可以看到最后完成的造型比起一开始简单的BOX明显丰富了许多当然这是教程需要，我做得比较夸张，一般情况下单个物体不太会出现这么多面的变化。
借用Alex senechal之前在直播中的一句话:”体现你的设计工艺水平一个比较直观的点就是，当其他人看到你的造型时不能马上判断它是如何加工出来的。

比起左边一目了然的加工方式，右边的造型更值得去推敲。

的这就是比较简单的丰富大造型的方式，接下来我会告诉大家如何通过曲面来丰富物体的趋势感


通过曲面做出造型的趋势

在说明如何做趋势之前，我们要理解什么是造型的”趋势“
我个人认为趋势就是对视觉引导的运用，而线条就是最直接的能引导视线的元素，比如轮廓线，结构线等。这些长短不一的线条构成了面的结构，面与面之间又结合成了最后呈现的立体造型。
线条分为直线和曲线，其中直线条呈现的趋势感最为强烈硬朗但缺少变化，曲线的强度没有直线来的那么明显，但是它们所带来的委和咸能够更自然地引导视觉，在设计中直线与曲线的结合就显得尤
为重要。

直线与曲线在轮廓中塑造趋势的应用

作者 Mike Andrew Nash (RIP)直线与曲线在塑造立体造型趋势的应用
这些由设计师精心组织过的曲线和直线们相互交错，不断引导着
观者的视线，让设计看起来更加自然，赋予了更强的可读性。

接下来我们通过小案例来说明如何做出面的趋势。

首先准备一个简单的造型，同样的，我们对这五个面进行分析。我们从只加一个曲面开始，尝试将它布置在一些不同的地方。

我们可以明显地感觉到，增加了曲面之后，通过曲面相连的两个面给观者的感觉发生了变化。比起之前像是不同维度穿插一起的两个面，更像是一个面通过形变改变了空间维度。通俗点说就是从两个面变成了一个面。

曲面长度的大小也会影响其在视觉中的权重。

我们可以利用这种特性去有意识的添加曲面，从而引导观者的视觉流线。
沿着这个思路，我们可以尝试着再去加入切面来丰富这些造型

由于教程需要，我做得比较夸张了一点。通过制造曲面跟打破轮廓这两种方式相互结合，可以创造几乎无限的可能性，做出十分有起的造型来。
说完单个物体，接下来我们来讲讲如何让两个物体之间连接的更加有趣。


体块之间的连接方式

在结束了单个体块的变化之后，接下来我们来说明两个体块之间该如何去做出有趣的结合。
体块之间的结合在硬表面设计中是十分常见的，如果处理得当的话，能够大幅增加设计的趣味性和可信度。
接下来我们来看一个简单的案例:

首先准备两个盒子，把它们贴到一起，这就是物体间最简单的连接方式。接下来我们会让它丰富起来。

我们稍微打破一下两个盒子的侧面，让它们看起来有一个类似榫卯的结构，再打上两个细钉。相比起之前的简单连接，它看上去更加紧密了。

接下来我们在这个结构的基础上运用之前所讲的理论，尝试去将这两个盒子的造型给打破。

这样我们就得到了一个相对于比较完整的造型。是不是比开始粗糙的造型精致了许多呢?

这里推荐一位我觉得在这方面做得特别好的设计师 Alex Refuser他的作品在结构的连接上非常值得推敲。这里放一些他的作品。

熟练地结合以上三种造型的处理方式，我们也可以做出造型丰富的设计来，接下来我们就以一个完整的设计来作为最后的范例。


结合实例进行演示

在说明了这么多的基础知识之后，我们将其运用到实践中，来看接下来的一个案例演示。

我会根据之前所提到的知识点来分解制作这个案例的过程，希望能对大家理解之前所说的内容有所帮助。

首先我们找到一个普通的红点瞄准镜来分析，可以看到它基本上分为三个部分(单从结构出发来看)。

我想的是这是一个近未来风格的瞄具，所以不必太拘泥于体现真实性，我把蓝色的部分暂时去掉(因为有点影响大造型)，并把红色的大块拆成了两块，拉出了几个box。

接下来我们运用第一个知识点，开始通过打破各个面的轮廓来做出大造型。

然后加入一些曲线元素，并把物体之间的穿插关系稍微整理一下再多给一些材质让它更加丰富。

最后我们只需要将结构中穿插的部分合理化，再去添加一些细节，整个设计就完成了。

下面是一些其他角度的图:

最后做一下总结，这期教程所说的都是硬表面设计中最为基本的一些知识，理性思考的比重比较多，比起一些花里胡哨的技巧可能会相对有点无聊，但我觉得还算是比较重要的
当然只是掌握这些也是远远不够的。我们也需要将平面构成、立体构成的思路融入我们的设计之中，平时也要多看看图，提升自己的工业审美，这样我们的设计才会更上一层楼。
祝每个人都能做出自己理想的作品!