典型的项目流程

这是从手绘线框图演化来的高保真Photoshop视觉稿。能从中看出手绘对于照片的美术趋向产生的帮助。

在大多数项目中，我从简单的矩形入手，画出一系列缩略图。这个过程相当简单，但它能帮助我产生一系列确定的方案，供客户、项目经理、和设计师同行选择。

当我们谈及缩略图和其背后的创意时，我会根据选定的缩略图进一步画出草图。这些粗糙的草图主要为了确定内容优先级，推动页面布局的定稿。我也会画出照片和创意元素，比如该布局中的按钮或其他图标图形元素。

在草图阶段，我希望回答诸如“用户要的是什么”和“如何体现内容优先级”这类问题。这个阶段非常需要合作讨论。我会将草图与客户、经理、项目同僚和其他设计师分享。如果有必要，我们会暂停一会儿，画出一两个草图摆到用户面前以供测试。然后重复这一阶段，对草图进行精炼、迭代和推演。

一旦草图的方向明确了，我会画出正式的手绘稿。像传统线框图一样，手绘线框图的页面上有确定内容……文字、图标和照片。于是，我对于照片的美术趋向在手绘稿中得到了检验和探讨。我也通过手绘线框图来将最终的UI元素具象化，确保它们有用。我们通常会对这些进行测试，甚至对于某些非常复杂的界面，还要画出那些用户会遇到的过渡界面的线框图。

很多次，进行到正式陈述的阶段时，我会用墨水代替石墨来画图。墨水能为手绘稿增加一点正式感，如果再加入颜色，我就不必担心遗漏页面上某些实际UI元素。

最终，你总会形成自己的流程。手绘最神奇的地方在于，它能达到完全的自由。你能在任何时候捕捉灵感。

画好会议手绘稿所需的“插件”

找到合适的工具来为客户手绘很重要。我是Uni-Bal Vision的忠实粉丝，它是防水的。一支顺手的笔刷，可以很好地大面积填充深色墨水。

所以，总而言之，下面介绍一些画好互动手绘稿所需的“会议”用品。

钢笔——我爱用钢笔绘图。当然，用墨水挥洒创意需要一定的自信，不过你可以随时重画那些线条。客户也喜欢墨水的清晰。我最爱的钢笔是Uni-Ball Vision。它是防水的，可以放心用水彩笔画上颜色。

“便携式”白板——找一块旧白板，将它切成更小更易携带的“移动”白板。移动白板可以跟着你穿梭于办公室之间，还能通过Evernote来记录迭代修改和手绘稿。

大素描本——别在客户项目中用小素描本，不要怕，找些14英寸宽的东西来用。尽可能在大的东西上呈现创意。

活动挂图——它和便携白板类似……是件不可思议的工具，能让你的客户紧密围绕某个创意或概念。而有粘性的那种能粘在墙上，用来应对长时间设计会议和整个下午的团队工作。

结论

作为一名设计师，最贵重的财产就是你的头脑。快速即兴表达视觉信息的能力，让你区别于网页开发流程中的其他角色。而手绘能将你从鼠标和显示器中解放出来，现场展现客户所需的答案。

具备了可靠的手绘技巧，设计师可以即兴表达创意，将交谈转化为实实在在的创新。手绘可以很通俗闲散，能让整个项目保持亲切。

那么，拿起一只钢笔或铅笔、一本素描本，然后将你的涂鸦转化雇主和客户的销售额吧。