草图设计流程

草图设计流程

为一种工具和技巧，草图在设计过程中扮演着很重要的角色。然而角色却是根据情况的不同而变化的，如：最终产品的创造，项目的大小和范围，设计师的风格、经验、工作流程和客户的期望值。我们来看一看草图是如何在各种设计中发挥效用的?在数字艺术中，设计类型的不同，如：网站、名片、插画、产品概念和其它设计，草图的功能也不尽相同。草图在设计插画和标志时的使用频率就比网站大的多。在高预算的大项目中，先画草图的方式有多种益处。在大量的时间和精力设入到某个方案之前，先画出草图呈现给客户，得到方向上的认可。草图在一开始画的时候可以是随意的，构想出基本概念。然后考虑元素和布局。在方向被确定之后，画出更详尽的草图对概念进行打磨。

草图在设计过程中用途很多。以下列出5种类型的用法：

1、快速生成概念通过画草图可以快速的集成概念。花上一两个小时随意画一画，得到多种备选方案。这也是设计中非常重要的一步。在用电脑制作之前，在纸上画一画能够节省很多时间。虽然在电脑上也可以画草图，但在纸上描绘头脑中的想法要快的多。在bioTrekker Logo 草图设计中，设计师Karley Barrett展示了在logo设计过程中草图的大量使用。她构思了60多种备选方案，然后从中进行进一步的筛选。Barrett 构思图像、排版和布局的过程是非常有趣的。她将多种想法画出来，然后寻找最佳的方案。因为logo的草图是非常小的，因些工作进度很快，可以在较短的时间画出各种想法。

BioTrekker Logo草图设计产品设计师会花费大量的时间画草图。如果你将要设计的产品是运动鞋、家具、或者自行车，那么你的构思应该是从纸上开始的，而非电脑。在自行车设计这篇博客中，James认为：“把构想迅速画在纸上，然后评估其是否具备进一步细化的价值，画草图是唯一的方式。电脑渲染、CAD制图、模拟程序包等等这些工具是非常好的，但是用一支老式的铅笔将想法画上纸上往往是设计的开始。

自行车设计草图

2、设置基本元素或布局

画草图可以迅速的构建插图的基本元素。在网页设计和图形设计中，通过画草图可以快速的进行布局。你可以将想法简略的勾画出来，当然也可以画的更大，只要草图能够表现出必要的元素就可以，画图功底不是必须的。

用Photoshop设计炫酷复古学院教程中，Fabio向我们展示了在借助于电脑之前，如何快速的画草图。如下图所示，他只将基本的元素描出来。通过与右边最终图像的对比，我们可以看出左边草图已经基本体现出布局。因此，在借助Photoshop之前，你并不需要精湛的绘画能力。

用Photoshop设计炫酷复古学院

从零开始做网站是一个非常有名的网站，提供建站方面的实用性建议。在网站设计全攻略实用指导这篇文章中，对于用铅笔画草图，作者如是说：“草图能够快速的将我脑子里的想法描绘下来，不容易忘记，并快速用Photoshop继续创作。这种方法比直接用Photoshop创作高效的多。”如下图，左边是是草图，右边是最终设计，绘画功底依然不是必要的。

网站设计全攻略实用指导

3、用于与客户交流

向客户显示设计草图，可能会节约你大量的时间。项目越复杂，就要越早向客户确认，得到客户的认可。如果你打算集中精力完善构想，那么在推进之前，你最好确保客户认可你的构想。把草图拿给客户看是设计过程中通常的做法，在大型logo设计项目或其它项目中这种做法是普遍的。

SOS Factory主要从事吉祥物设计。他们的工作流程与连环漫画工作室相似，画草图通常与后续完成设计的并非同一个人。设计过程中有多种角色参与：设计师、色彩师、艺术指导等等，各种角色以专长来划分。

在这个工作室中，素描人员将创意画出来，然后客户与艺术指导和设计师一同进行修正。在原图进行下一步的上墨和涂色之前，要先取得客户的认可。这样能够节约时间，并沉淀创意。下面这个例子就是与客户进行沟通的草图。通常这张草图被送到客户手中进行确认，或取得修改建议。一旦草图方案敲定，设计就移交至下一个流程--线条着墨，人物上色。

为用户做设计

在由草图到矢量图一文中，GoMedia的比尔说他们尽可能早的去获得客户的认可。在画出更精确的草图前，他们将一系列粗略的草图拿给客户。左下图是客户从中挑选出的草图。在草图经由电脑制作之前，先画出如右下图一般更具体的草图。

从草图至矢量图

4、视觉探索

草图可以用来记录设计日志和探索兴趣点。在个别项目中，草图可以用来发现多种选择。

在Coroflot公司，Sherrie Thai 负责的部门专门画草图，她保留有一个作品集。这些作品记录了她在多个领略进行设计时的视觉探索过程。她作品集的主题通常为图案、身份特征和纹身。

Sherrie Thai 的草图集

产品设计一书《设计草图》，介绍了产品设计整个草图绘画流程，有教程、讲解和案例。下面的例子展示了设计师是如何通过草图发现问题并解决问题的。

5、精练视觉方案

设计过程的最后阶段离不开精练。一个作品的整体概念和方向也许是完美的，但其中某个元素也许并不完美。通常这种情形下，会由新一轮的草图绘画来修正和完善。当然，有些设计师会直接用电脑来修缮，那么就进入了电脑流程。

在此文中你会发现草图在项目中的重要性，同时也会发现Photoshop也可以解决相同问题。通常随着客户更一步的修改要求，设计师喜欢采用数字工具来解决。当然随着交付期的临近，设计师会采用让工作更快完成的工具。

前面讲到的从草图到矢量图一书，是个很好的参考。比尔通常先精修图案然后再借助于电脑。他说：“有时作品的某处细节看起来不怎么样，一个专业的设计师通常会单独

拿出一页纸，对某处重新画草图，直到它看起来令人满意。”然后比尔讲解了他的设计过程。

以上情况中，设计师认为重新画草图是有必要的。但有些时候是要根据客户的要求来做。就像前面的Angel D’Amico。不管什么原因，你都需要对精细的作品进行雕琢，如下图。之后比尔用电脑完成作品的设计。

总结：

也许你跳过在纸上画草图，直接用电脑做设计方案并将之称为电子草图。这并没有什么不对，由个人工作而定。但没有一种视觉设计方法比画草图更能策划多种视觉方案。你可通过亲身实践来衡量。

手绘草图在数字艺术中至关重要。项目越大，客户越需要提前对多种方案进行确认，这时候草图就会大大体现其价值。试着在你的下一个项目中通过画草图来组合和布局，或者在你准备启用Photoshop前迫使自己再画一组草图。