草图:设计流程的开始

发布: 2018-11-22 00:00 | 作者:徐姝琦 | 来源: 视觉同盟

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

  草图的五种用途草图在设计过程中用途很多。以下列出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、精练视觉方案  

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

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

  (A Project with Angel DaAmico) 

  前面讲到的从草图到矢量图一书,是个很好的参考。比尔通常先精修图案然后再借助于电脑。他说:“有时作品的某处细节看起来不怎么样,一个专业的设计师通常会单独拿出一页纸,对某处重新画草图,直到它看起来令人满意。”然后比尔讲解了他的设计过程。 

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

  总结: 

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

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

    (编辑:徐姝琦)