JunChen Wu / 设计

Adaptive Path:我们最爱的草图工具

写于 2009年04月13日 11:16 评论(19)

有件事呢本应该是显而易见的,我是指如果你用恰当的工具,那么画起草图来会变得相当、相当简单。

我不会穿着网球鞋去滑雪,但我却常常假想自己可以用蜡笔、羽毛笔或者用剩的铅笔头画出工业级效果。喔,太蠢了。最近我才意识到,拥有一套良好的“装备”是多么重要,真是杀牛要用牛刀啊。

下面就是我的“装备”,看看它们是怎样帮助我成为一个更好的用户体验设计师。

Sketch Tools

1. 网纹收纳袋

我知道你在想什么。收纳袋不是一个画草图的工具。那你就错了,因为:它可以将你的所有工具收纳在一起,方便拿取和带走。这意味着你更可能将它们随身携带,并且因此能够在更多情况下使用。

如果你能够在人们讨论过程中为讨论的对象画一些草图,那么你通过绘画就可以阐明人们所表达的意思,并且可以使每一个人有相同的认识。这种交流过程中实时产生的草图,在促进想像力方面具有无与伦比的力量,并且会被不断地引用、引用、再引用。比如,“记得那天我们画的一个框和两个圆圈。我想我们漏掉了另外一个圆圈...”

2. 暖灰色马克笔

如果你犹豫踌躇于将看上去挺搞笑的线条草图作为专业的业务交付物,那么一支暖灰色的马克笔立即能够使草图更加美观。我通常用灰色来描绘重点,加一些简单的阴影、细微地区分出前景和背景。这样可以使草图更有层次感,并且可以使眼睛更容易解读具体的情景。

Warm Gray Pre Warm Gray Post

3. 蓝色铅笔

蓝色铅笔对初学者来说是很有帮助的,用来先打底稿,然后再墨水描绘。蓝色的铅笔线条易于擦除,并且不会被复印出来或拍出来。

但是注意不要过分依赖于蓝色铅笔。草图又不是艺术品,不需要在细节上尽善尽美或过分挑剔。蓝色铅笔确实能让你给草图修饰过头,哪怕并不需要这样。但在画故事版,或需要描绘特定位置和姿势的人物时,蓝色铅笔确实能让你有如神助。

Blue Pencil Pre Blue Pencil Post

4. 红色马克笔

红色马克笔很容易就能够让人关注草图的某些部分。尤其是在箭头和动作的指示上。

Red Search

5. Sharpie®斜头记号笔

我特喜欢用Sharpie®的斜头记号笔。就像其他好工具一样,它能胜任多种角色。我最常用的是调整草图线条的粗细,来凸显最重要的部分。调整线条粗细(基本上就是通过重复描绘的方式)是画草图的一项最简单、最有效的技巧。能够立即让草图具有对比和视觉层次感,使人眼看上去更加舒适,使大脑更容易处理。

我也用斜头记号笔来写字。我觉得,文字和标记像是草图中默默无闻的英雄。我们总担心我们画的草图,但Jessica Hagy却在她《Indexed》封面上欣欣然地用了一个清晰、有冲击力的箭头指向右侧的文字,一下子使得草图具备了“可读性”。

Chisel Tip WF

6. Sharpie®常规记号笔

Sharpie®的常规记号笔是整套装备的主力。你将用它来画人、流程图、标记、界面、方块、箭头等等。事实上最好是多准备一些这种笔,因为大量使用它的笔头很容易用旧或起毛。

7. Sharpie®特细记号笔

Sharpie®的特细记号笔尤其适合画界面。在Adaptive Path,我们通常会在设计一开始画一些缩略尺寸的界面想法,之后再为其中一小部分绘制更具体的草图。缩略的尺寸强迫你关注本质的东西。标题、文本区块、照片或功能特性的位置——这些都通过方块和曲线的形式来简单表示。要让这些方块和曲线看上去有意义,就需要较细的笔头了。我们将在 Good Design Faster工作坊中作更深入具体的探讨。

Thumbnail

8. 小贴纸(Drafting Dots)

小贴纸可以使任何垂直表面变成你的草图展示空间。这些圆形的贴纸能够附着于大部分表面,不会有痕迹而且粘性能够保留很长时间(所以你能够将草图重新贴在其他任意地方)。将草图挂贴起来看上去很简单,但这样使得其他人也能看到,就让草图从一种个人想法转变为了集体解决问题的工具。

Dots

所以啦,我是有些喜欢这些工具的,办公用品、缝纫用品之类。去哪里买?可别让我再罗嗦下去啦。但当然了,真正重要的并非这些工具。照片、草图,这些都不是终点。它们是为了告诉我们该如何做。

我们该做什么?

在对未来的设计中,为了展示现在仅存在于想像中的事物,草图是我们最无拘束的工具。它们看上去会怎样?怎么运行?什么形态?如何展示?以及最重要的,我们如何与之交互。如果每一个新的应用我们都是用Visio的绘图形状,那么我们将生活在一个满是单选框和下拉菜单的世界中。过去可能就是这样,但在现在我们所为之设计的世界中——移动设备、多渠道、服务至上——显然并非如此。这意味着是时候考虑用新的工具了,或者说那些老朋友。

如果你有兴趣学习更多关于次世代用户体验设计工具,可以参加我们4月2-3日在旧金山举办的Good Design Faster工作坊。用“NEWS”促销代码来获得10%的注册折扣。

Warm Regards,
J.

原文地址:http://www.junchenwu.com/2009/04/our_favorite_tools_for_sketching.html

评论(19)

ShiningRay - 2009年04月13日 11:51

真是有激情啊

xw - 2009年04月13日 11:57

~~不错不错·~~准备弄一套。不过我曾经看过ibm的流程图形状尺,找了好久都不知道那里有卖的。

JunChen - 2009年04月13日 11:58

@ShiningRay 你是指翻译呢还是这篇文章本身呢?这篇文章在AP刚发的时候就翻译了..只是最近才发出来。

行云流水泵 - 2009年04月13日 15:47

有点儿美术课的味道了

wkcow - 2009年04月13日 20:46

美术功底不行,就只是说说,哈哈

闲耘 - 2009年04月13日 23:03

我很喜欢用彩色铅笔,不过这里介绍的粗细搭配的工具真的很不错,翻译的也很赞。

闲耘 - 2009年04月13日 23:04

不启用js就无法评论,确实体验要加强。

JunChen - 2009年04月14日 01:12

@闲耘 我还是才知道这JS和评论的事,是MT自带的。回头我把这给去掉。

sarah - 2009年04月14日 09:46

偶一直用滴是圆珠笔,喜欢那种不是很顺畅稍有摩擦的感觉~

Hanson - 2009年04月16日 14:12

最近开始,重新开始喜欢手绘原型图,思维不会被打断且更具创造性.

Gameboy - 2009年04月18日 15:44

I like them

jerry - 2009年04月19日 14:20

呵呵,好专业啊,各种笔的名字不理解,JunChen能翻译一下吗?
手绘更容易触发灵感,唯一不足就是不方便修改

汤博客 - 2009年04月20日 19:08

不错。到此一逛,望回访

JunChen - 2009年04月22日 12:21

@jerry 马克笔是水性,记号笔是油性。其他没什么好解释的了啊,这已经是通用术语了。

jean - 2009年04月22日 23:51

哈哈~~拜读~里面提到的Sharpie 马克笔,我们是这个品牌的华南区总代理!
不用愁找不到地方买了吧~
我们开通了淘宝网络店铺,欢迎随时来看看~
http://shop36894242.taobao.com/

小T - 2009年04月25日 00:15

楼上也太会做生意了,文章很实用呀

YuanChao - 2009年05月25日 11:31

一直喜欢用白纸+钢笔的方式先做草图,有时候用铅笔。正如文中说的“真正重要的并非这些工具。照片、草图,这些都不是终点。它们是为了告诉我们该如何做”,文中做草图的工具对于自己来说显的有些复杂,简单的才是最好的,更多的是需要利用这些工具让自己理解,让别人更好地理解,去交流,去回顾。感谢AP,感谢junchen的分享:)

蚂蚁,以用户为中心的设计 - 2009年06月02日 09:10

创建原型与纸上谈兵的区别....

Fung - 2009年10月06日 13:22

最近搬家买了一个一米五的白板在卧室,随时记下好的IDEA和随时勾画想到的原型,纸上原型暂时还没有太多的实践。

发表评论