这是我在零基础如何开始学习工业设计手绘？这篇帖子的里的回答，我原封不动贴过来了，希望对你有帮助。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

大坑已经填完，后面有时间会慢慢补充基础训练，书籍，和工具。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

谢谢Binbin的邀请。

之前好多朋友已经介绍了如何入门，我这里就不重复了。我觉得国内有很多朋友问手绘如何提高，其实不是问怎么画好，而是有基本功却不会表现。那我就在这里着重讲解一下产品手绘表达（Visual Communication）。2013年我在ACCD做了三个学期的Visual Communication 3 TA，前来献丑，因为觉得自己看的够多了。用一些从Frido老师那里学来的办法，和同学上课时经常会出现的一些问题，在这里集中讲解一下。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

目录：

一. 产品手绘现在的作用

二. 产品手绘表达的关键词分析（结合产品设计过程讲解）

三. 一些答疑解惑

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

一. 产品手绘现在的作用

Frido讲过，产品的手绘最基本的准则是：

“你不需要讲话，别人就能看明白你画的是什么。”

这个是产品手绘的大大大前提。

我跟Carl Liu刘传凯老师是一个学校的，但是学校的教育目标跟那个年代比起来，已经有了很大的不同。现在产品系已经不需要在最终Final的时候手画效果图了，都是建模渲染，再加上实际产品模型的拍摄，所以手绘的作用已经不像从前，更多是辅助表达的作用多一些。仅是产品设计是这样，如果你是汽车设计，手绘还是那个手绘，还是从前的配方。

现在产品手绘的作用我觉得是清晰表达你想设计什么。

会用到的地方：（不是标准答案，只是我的经验而已）

如果你是学生，在学校做汇报

1.1 概念生成时

1.2 找用户做反馈时

1.3 概念完善

1.4 课程进行中的作业汇报

1.5 课程结束的作业汇报

如果你已工作

2.1 项目进展中：同事之间交流（同部门，不同部门）

2.2 项目进展中：给领导做汇报

2.3 项目进展中：给客户做汇报

2.4 项目进展中：建模参考

至于在项目完成做汇报时需不需要放手绘，我的回答是一般不用，但是我工作经验也不多，不好随便回答。如果是在学校做最终课程汇报，手绘只是一部分，汇报的时候基本不会提起手绘，只是展板上的一小部分。

二. 产品手绘表达的关键词分析（结合产品设计过程讲解）

先列出关键词：（可能没写全，过一阵子我会查漏补缺）

Clear（清晰）

Contrast（对比）

1 2 3 read（阅读顺序和重点）

Focal point （焦点）

Big and small（大小结合）

White space（留白）

Thick to thin（线条粗细变化）

Gradience（渐变）

Hierarchy（层次）

Call outs（注释）

Loosen up（放松）

Title（大标题）

Subtitle（小标题）

Name and date（署名和日期）

上面这些关键词在手绘的时候就是一个checklist，只要都能照顾到，一般没问题。这些名词是可以套用到其他手绘表达上的，汽车，产品，室内，还可以套用到平面排版上，道理都是一样的。下面我一个一个解释这些词是什么意思。会有很多配图和解释。

1. Clear（清晰）

就是字面意思，清晰明了，让别人能看懂。因为有的时候手绘是要拿给别人看的。

在画草图的时候比较难做到很清晰和乱线少，因为需要把脑子里的东西马上画出来，所以画的乱没关系，但是要尽量做到乱线少。画最终稿的时候，不能再乱了，有个讨巧的办法就是：

用0号或者1号灰色马克笔先画大框架，再用铅笔或者针管笔画一遍。这个是作弊的办法，但是很有效，我自己就这么干，当然这个办法只是用于贴上墙给别人看的，自己本子里的手绘不需要这么做。

在ACCD是这么练线条精准的：10条或者20条线，试着画出来像一条线一样。每一笔都是叠加上去的，会是一条很粗的线，练的就是你的准确度。

用刘老师的手绘来举例，左边就是他自己在做设计的时候画的“比较乱”的草稿，右边是final的手绘稿。怎么才能做到他的这种“乱”呢？把我上面的单词一个一个去理解，然后就是练！

一张好的concept生成，就像上面左边这样，可能不需要渲染（画）的很好。很草没关系，主要是需要快速的概念输出。上面右边这张就是最终设计, 没有概念生成。设计最终稿就是需要一个大的整体的渲染图， 配合细节和不同角度，或者需要使用环境，爆炸图和尺寸等等。

2. Contrast（对比）

记住一点就够了：最想要别人看的东西，就一定要对比最明显，就是整张版面的重点。

怎么做到对比强烈：加影子，用力加深外框线，马克笔上色。这些都是办法，可组合也可以单独用，视情况而定。

3. 1 2 3 read（阅读顺序和重点）

1 2 3 read可以应用在这几个方面，单个产品的手绘，产品设计过程手绘，最终手绘稿。

下面这个是单个产品的1 2 3 read：(我画的图）

1st read：外线框。最深的。

2nd read：产品面朝你的方向，你的肉眼能看到的面的转换线。第二深的。

3rd read：结构线。最浅的。

下面这个是产品设计过程阶段的整体画面1 2 3 read：（刘老师的手绘）

1st read：最终选中的设计方案。对比强烈，画面重点，画的最好，占面积最大。

2nd read：可能是结构，也有可能是不同角度的诠释产品。画的第二好，占地面积中等。

3rd read：设计生成的过程，比方说是形态的演变，或者是不同的设计方向。线稿，占地面积最小。

下面这个是最终稿的整体画面1 2 3 read：（刘老师的手绘）

1st read：产品最终的样子。对比最强烈，画面重点，画的最好，占面积最大。

2nd read：可能是结构，也有可能是不同角度的诠释产品。对比稍弱，占地面积中等。

3rd read：可能是细节，也有可能是使用环境等等。对比最弱，占地面积最小。

4. Focal point （焦点）

焦点就是你要让别人第一眼看到的，是你想要强调的，是设计过程中的优选方案手绘，或是最终方案手绘。

1st read和contrast最重的地方一般就是焦点。

5. Big and small（大小结合）

一张手绘，要有大有小，大的是重点，小的次要信息。

1st read是最大的，2nd read部分应当画小一些，3rd read部分是最小的部分。

上面的焦点和大小结合我没有配图，请参照1 2 3 read里的例子。

6. White space（留白）

留白，就是整个版面的虚实，让别人看的时候有喘息的空间，这个在平面里讲叫flow（流动）！

对比最强烈的部分是整个画面最实的部分，最虚的部分就是留白或者是3rd read。

如下图（自己的画）。

7. Thick to thin（线条粗细变化），Gradience（渐变）

现在讲讲用铅笔，怎么做到有虚有实，线条怎么由粗到细。

还是用上面这张画，这个画的设计有错误，但是可以拿来当线条参考。投影部分也需要有虚实渐变，这样才能把一张图画活。

针管笔画虚实粗细的办法是，用不同的笔尖粗细画。下面这张图（自己的画）就是例子。首先，画的东西要有主次，然后加contrast在你的重点上面，然后再描一下边就可以了。

8. Hierarchy，层次

Contrast（对比）, 1 2 3 read（阅读顺序和重点）, focal point（焦点）, big and small（大小结合）, white space（留白），thick to thin（线条粗细变化），gradience（渐变），这些都是用来帮助强调画面的hierarchy（层次）的。也就是让别人一目了然的读懂你的画，画面本身可以引导别人先看什么，后看什么。如果不用这些办法，通篇都是大图，那就没有重点，让别人不知道从哪开始看，画面很死，不灵活。

既然手绘表现的目的是传达信息，那么就必须要强调主次重点，说简单一点，就像看报纸一样，第一个看到的是大标题，然后是小标题，然后看内容。所以我上面也说手绘的关键点一样可以用于平面设计上。

在设计过程中需要手绘的不同阶段里，我来逐一解释这些关键词之间是怎么互相辅助的。

首先，概念生成阶段。第一个是原稿，第二个是用来分析的。（自己的画，灯的包装设计，四小时完成）

然后，是在最终稿阶段怎么体现层次。这次用刘老师的画，第一个是原稿，第二个是用来分析的。

红色圆圈圈出的是重点，产品最终的手绘渲染，告诉别人产品是什么样子的，是contrast最重的地方，也就是1st read，是focal point，占地面积最大。蓝色的部分是产品的不同角度渲染图，contrast稍微弱一些，是2nd read，画的稍微小一些。绿色部分是产品的细节，使用场景，是contrast最弱的部分，是3rd read，是最小的部分。留白就是空白的区域，让整个画面看起来内容充实，但是又不会很堵。刘老师在这里为了防止个体与个体之间太空，用了影子，箭头和圆圈，这些小点缀。但要注意一点，在学习刘老师这些画法的时候你要知道这些点缀的意义，不是凭空想加箭头就加箭头，也不是想加圆圈就加圆圈。一个画面上的任何东西都要有它存在的意义，否则不要画上去。影子虚实渐变的处理和铅笔笔锋由粗到细，让整个画面更加透气和灵活。这就是一个很有代表性的例子，在最终产品表达的时候如何体现一个画面的层次，怎么去做产品的手绘表达。

9. Call outs（注释）

Call outs就是文字解释产品。一般是介绍功能，材质等等，在画面解释不清楚的时候就可以用文字辅助了。但是文字不能太多，不能是长篇大论，长篇大论的东西应该是你口头汇报的。一般做汇报时，手绘稿，PPT，汇报展版，都不应该有过长的段落解释说明，因为这三个都是用来辅助你口头解释设计的，还有一点就是，人们不会去看太小的文字。Call outs在做汇报时的作用无非是给自己提示，或者是你不在场时，别人细看你的设计，辅助他们看懂。

如果是在自己的本子上画手绘，有时候我还会用不一样颜色的笔标出call outs，强调哪里是需要注意的地方，像下面这样。（家具设计过程稿）

10. Loosen up（放松）

让自己放松是为了体现：你的自信，画面灵活、透气。怎么做到灵活请参考上面第7，8条的内容，还有一个就是，练！

11. Title（大标题），Subtitle（小标题），Name and date（署名和日期）

大标题的作用是直观的告诉别人你设计的是什么，这一张是做什么用的。小标题是辅助大标题，在大标题解释不清楚的时候用。署名和日期的作用的话，Frido在上课的时候开了个玩笑，他说：“某一天我走进教室，看到同学的画在墙上没有署名，于是我想，是不是我把我名字写上，这个设计就是我的了？”

三. 一些答疑解惑

下面三条是异能电台微信群里朋友问的。

1. 如何练基础？

就是花时间。如果说怎么练的话，这个得让我回去翻翻ACCD前几个学期的手绘训练课，从练线条，到透视， 到光影怎么打，到形态训练，到技巧表现，再到电脑手绘。进阶的步骤很多，需要花的时间也比较长。现在网上有很多免费的教程，把上一句话的关键词拿到网上逐一搜索，就会找到很多的教程。比如，要了解光影和透视的去看Scott Robertson的书和视频。

下面给大家举个例子，是我们上形态训练课时，最开始两周的训练。

2. 如果在画画途中笔坏掉了，或者画错了怎么办？

接着画，王羲之写兰亭序的时候还有错别字呢，不影响整体的就没关系。

3. 画完之后怎么看透视准不准？

画完之后，把纸翻过来，看纸的背面（如果你的纸比较透明的），如果一打眼看上去怪，那就是透视不准，当然，如果纸厚就没辙了。

然后我觉得大家都有一个疑惑就是，临摹别人的时候画的挺好的，可是画自己的设计为什么不行呢？

这个很正常，你在临摹的时候不用想这个产品需要如何设计，所以很好画。但是画自己设计的时候，脑子转的快，手头功夫跟不上了，没关系，我给大家点儿自信。首先，所有的设计师的最初草稿都是很草的，我在上面有对比过刘老师的两张图。还有，给大家看一下，我们上课的草图是怎么画的。

这个是我们团队合作的一个项目，在纸上画的，大家一个小时想方案，然后讨论汇总。所以不需要画的多好，表达清楚即可，然后就靠口头阐述。

下面这个是我自己做皮包时的手绘，画在本子上，不需要给别人看。所以不需要马克笔上色，也不需要那么考究，自己看懂是重点。因为是自己做包，所以需要考虑制作过程，我一般会把一个包的制作过程画出来，在做的时候就照着做，这样永远不会忘记步骤。

如果实在是不知道画什么，但是又想练手绘怎么办？像下面这样，画实物，不要临摹别人的，把一个现有的产品按照你自己的理解画出来。

写在后面：

我写的再多，也比不上大家自己理解来的快，理解的再好不花时间练习也是白搭，就像我现在这样，道理都懂，可是已经三个多月没用到手绘了。说到最后就是那句话“Practice makes perfect”，熟能生巧。

本文章版权归异能电台所有，未经允许，严禁转载。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

如果大家对设计感兴趣，对Art Center感兴趣，可以去关注我们的异能电台。

知乎专栏：异能电台 - 知乎专栏

微博公众号：异能电台

微信公众号：yinengdiantai