用户体验草图绘制体会:导师Kate Rutter的方法与工具推荐

admin 2025-09-13 174 0

小编推荐:对于体验设计草图的绘制心得,我们的老师,制图高手Kate Rutter,向我们讲解了怎样借助草图把想法落实到纸上。接下来,列举一些能够辅助快速且高效完成草图的具体物件或概念。

为什么要绘制草图?

身为用户界面开发者,我们务必擅长和各个部门沟通合作,共同研发出既精密又实用的商品。为了取得长远成就,必须在项目构思的初始环节孕育丰富的构思方案,毕竟卓越的构想大多产生于研发历程中。借助汇集关于构思的评鉴资讯,能让我们在着手后续任务前完成去粗取精的步骤。

在我看来,马克笔与纸张犹如开启装置,能打开我脑海中布满往昔印记的想象天地,那里是孕育创意的最佳境地。

你的设计需要哪种类型的反馈?

作品的细致程度,和我们所期待得到的回应情况,存在紧密的关联性。如果我们展示一个色彩丰富、内容完备的PSD效果图,那么或许会收到这样的回应:

“你为什么要选这个字体”(也就是说,反馈面会比较窄)

但是,倘若你提交一张手绘的界面设计图,或许会收到这样的回应:

“用户应该怎么从这添加好友”(亦即:反馈面比较广)

在构思阶段,我们应当寻求尽可能全面的意见,确保对方的关注点不局限于设计的表面细节。

再者,倘若细致程度过于深入,便容易让我们过早地被限定在既定的构思框架之内,并且促使我们在完善性上陷入僵局,难以突破。然而借助书写工具,能够有效规避诸多此类风险。

从思想层面分析,观察手绘的初步设计图,比审视细致打磨过的作品更能促使评论者给出有益的建议。就算是单色的矢量界面构思图,也能起到缓和对方过于尖锐的评论的作用。

不一定要很漂亮,但一定要简单。

多数同行不会标榜自己为艺术巨匠,我们从事的工作确实不是艺术,而是信息传递。即便你并不觉得自己是艺术家,掌握一些基础的技术方法也能让你借助草图的勾勒来展现自我。不把自己当作艺术家,反而能让你把心思全放在创意构思上,而不是图画的颜值如何,这样做百利而无一害。

对于那些标榜自己是创作者的群体,他们遇到的挑战是,在短时间内大量制作构思时,能够舍弃对完美的执着。对于那些痴迷于制作精致图案和笔触的设计师而言,这恐怕是个棘手的难题。借助限时完成这一方法,设计师们能够战胜这一障碍,达成迅速产生想法的效果。必须牢记,我们的宗旨是打造出高效传递信息的载体。

来看看这套工具:

你需要使用下列工具:

1.宽记号笔——要突出表现对象时使用

2.细记号笔——用于绘制主要图形

3.超细记号笔——用于绘制较小的细节

百分之四点三零或百分之四十的灰色标记笔,能够用来制造暗影效果,并使某些重点部分融入背景之中

5.黄色荧光笔——用于绘制关键点,例如交互区域

6.一沓绘图纸

7.便利贴

8.小贴纸

9.计时器

技巧

热身训练时,在Tradecraft的教室里,体验设计师要掌握借助计时工具画图的技巧。通常我们开始时会观察一组网页的图片,接着用五秒时间画出自己注意到的五个部分。完成的样子差不多是这样的。

这个活动可以促使我们的大脑进行深入分析并摆脱对完美的执着。我们会先考虑诸如关联性、结构顺序和轻重缓急等基础视觉要素,并且会留意到最能吸引眼球的部分以及其背后的缘由。持续开展这样的活动有助于提升自己的认知能力。

构思阶段:我们着手于产品或功能的方案设计。在此期间,必须迅速推进以下各环节,每一环节的时长控制在五至十分钟之内:

1. 有哪些问题?描绘出目标用户及其所面临的问题:

你的构思怎样有助于处理这个难题?描绘一下你的客户运用你的商品处理这个状况的画面。

产品使用方法详解——需绘制六种场景,展现用户与产品或功能互动,或借助产品功能解决具体问题。

提示:每个方框的大小相当于一个便利贴

4.票选最佳创意

若是多人协作,可通过贴纸来选出最富趣味性或最关键的设计范畴加以钻研,其中蓝色代表同组伙伴的选择,红色则代表你个人的倾向。倘若你独自进行,那么得票最高者或许就是你自己了。

5.做出5套快速UI草图

思考你的设计在用户界面上的展示形态,不必描绘界面的全部元素,只需呈现与你当前研究范畴有关的局部。

然后选出你最中意的一套UI草图。

6.详细UI草图

现阶段,应当着手完善自身最优的界面设计构思,同时琢磨怎样让构思更加周全,借助标注来指出潜在的问题点,此次绘制的草图务必做到一目了然。

提示:草图中加入用户元素能够强调出你选择当前设计的理由。

7. 画出前后流程

接下来,请思考当前界面与前一个界面之间的联系,并初步构思交互方法。这一步需要用黄色的荧光笔和灰色马克笔来标示出关键区域以及交互要素。

总结

整个操作环节持续了大约四十五分钟,这个令人惊叹的步骤可以让你迅速捕捉到灵感。

形成迅速勾勒构想图展示想法的倾向性。不必在意草图是否美观,需将注意力放在怎样明确传递构思内容上。必须牢记:

丑陋却具备实际作用的事物,其价值远非仅有外表却缺乏内涵的物件所能比拟——Kate Rutter

构思草图表现有很多诀窍,哪种方式最为得力存在多种说法。你可以加强练习,自主寻觅最契合自身的途径。

热切期盼所有设计专业人士和非设计背景人士分享关于构思草图绘制的心得。

翻译:蒋灿 原文