:: 01可视化思维
在交互设计考研考试中, 可视化思维能力 至关重要。人们对图形的接受程度比文字要高得多,因此我们需要善用可视化方式让快题更加易读,帮助阅卷老师 直观、迅速 地理解我们的设计方案。手绘考试不仅限于界面设计,还可以是"产品、游戏、VR/AR或装置设计",但无论何种形式,都需要强大的信息可视化能力。
手绘考试的 关键要求 是"画面清晰美观"和"构图合理、逻辑自洽"。初学者可以从界面设计入手,因为"它相对来说画面是比较整体的"。
对于没有手绘基础的同学,应当建立"以图代言的能力"—通过图形、图标和视觉元素表达设计思想。"用图说话"是考试中的重要能力,需要通过系统训练才能掌握。
将思维可视化的重要工具之一便是“视觉笔记”(Visual Notes / Sketch Notes),包括我们的交互手绘快题,也可以视为一份主题为考题的视觉笔记。
此部分推荐的书籍,可以帮助你很好地建立起视觉化的思维和学会使用视觉笔记来表达自己的想法。

视觉思维
作者:郑珍好

涂鸦笔记
作者:Mike Rohde

The Sketchnote Handbook
作者:Mike Rohde

The Sketchnote Workbook
作者:Mike Rohde
此外,在开始练习前要备齐工具。 纸张方面,推荐准备A4纸、八开素描纸和四开素描纸,以适应不同的绘图需求。笔类工具 主要包括自动铅笔、2H到2B的铅笔,便于初步打稿;针管笔(0.2~2.0mm各型号)用于线稿表达;马克笔建议准备灰色一套、基本色和搭配色,用于上色和渲染。其他辅助工具 还包括直尺、圆规/椭圆板(绘制精确曲线)、木人(辅助人物动作参考)、画线滚尺等。

:: 02视觉笔记
当你学会了使用视觉笔记来表达自己的想法,就可以开始试着用着视觉笔记的方法来表现一些自己的设计思维了。

此部分的推荐包含UCL的用户体验可视化的工作坊和实践课程,以及一些对设计思维可视化表达的工具书,在这里,对于如何用可视化的方法来表达用户体验设计流程,你会有更加清晰的认识。

UCL
Sketching User Experiences
The Hands-on Course
作者:Nicolai Marquardt

The Design Thinking Toolbox
作者:Michael Lewrick / Patrick Link / Larry Leifer

The Design Thinking Playbook
作者:Michael Lewrick / Patrick Link / Larry Leifer
:: 03人物画像与故事版
了解了各种设计工具的设计思维的表达后,下面让我们继续将其丰富,学习更加详细的手绘表达。
此部分的书籍分为基础解构、绘画创意和故事板三个部分。从最基础的对人物、产品甚至动物的解构入手,施以创意的技法,可以生动地表达出我们的人物角色。在加以动作和场景,可以将故事板勾勒。
人物画像(Persona)工具, 能直观展示目标用户形象和需求痛点。手绘练习中,建议先从简化的卡通风格入手,掌握头身比例和面部表情。使用 5-7头身的比例 最适合设计表达,既不过于写实也不过于夸张。练习时可先用几何形状搭建人物骨架,再添加细节。 常见的用户场景 如使用手机、阅读、交谈等姿态建议熟练掌握并反复练习,直到能快速勾勒。

故事版(Storyboard),制作时应遵循 清晰的阅读顺序,一般采用Z字形、品字形或者四宫格的形式排列。每个场景框应包含三要素: 场景环境、人物动作和交互细节。

建议在考前准备3-5个常见交互场景的模板,如点击、滑动、语音交互等,考试时可快速套用并根据题目调整。故事版的视觉层次要分明,主体突出,避免信息过载导致阅读困难。
基础解构

Figure Drawing Methods for Artists
作者:Peter Boerboom/Tim Proetel

Fun With a Pen:
How Everybody Can Easily Learn to Draw
作者:Andrew Loomis

画什么,如何画
作者:埃德温·鲁兹

让画画变得简单
作者:埃德温·鲁兹

Draw Cartoon People in 4 Easy Steps
作者:Stephanie LaBaff

How to Draw Cartoons
作者:Bruce Blitz

Cartoon 360
作者:Harry Hamernik

Draw 50 Famous Cartoons
作者:Lee James

Draw 50 Vehicles
作者:Lee James

Draw 50 Horses
作者:Lee James

Draw 50 Sharks, Whales, and Other Sea Creatures
作者:Lee James
绘画创意

Figure It Out:
Drwaing Essential Poses
作者:Christopher Hart

Drawing Cartoon Faces
作者:Harry Hamernik

一学就会,1000种可爱手账笔记
作者: [日] YUZUKO

How To Draw Cartoons and Caricatures
作者:Mark Linley

Modern Cartooning
作者:Christopher Hart

Drawing Cartoons and Comics For Dummies
作者:Brian Fairrington
基础解构

The Art of the Storyboard
作者:John Hart

The Art of Storyboarding
作者:Don Bluth / Gary Goldman

The Art of Winnie-The-Pooh
作者:James Campbell / Minette Shepard

动画人的生存手册
作者:约翰•卡尼梅克 (John Canemaker)
:: 04图标标志
在界面设计的手绘训练中,图标ICON的应用都能大大提升你方案的可视化表达力。整洁、辨识度高的ICON不仅帮助考官快速理解界面的功能分区,还能让整个画面显得更加专业和美观。
建议在平时练习时,重点积累和刻画常用功能按钮、导航符号和一些具备通用意义的交互标识,通过反复描摹,形成自己的icon语言库,为现场手绘增色。
LOGO板块成为体现界面风格与产品调性的关键,推荐大家参考一些关于ICON与LOGO设计的优秀书籍,这类书不仅提供了从线条到配色的详细绘制方法,还包含了LOGO创意与构型的实用建议。

The Icon Handbook
作者:Jon Hicks

1000 Icons, Symbols, and Pictograms
作者:Blackcoffee Design Inc

Really Good Logos Explained
作者:Margo Chase / Rian Hughes / Ron Miriello / Alex W White
:: 05线框图与界面设计
在交互设计考研的手绘练习中, 线框图是界面设计表达的核心工具。线框图通常以简洁的框架结构展现界面布局与功能分区,不需要过多细节、写实插画和上色,但要 清晰地标注出各个功能模块的位置与基本交互关系。
建议先用铅笔快速勾勒整体布局,确定主操作区、导航栏、辅助信息区等版块,随后用较粗的线条重描主轮廓,营造界面层次感。每一个主要元素应备注对应的功能描述,便于老师一眼看懂界面的逻辑。另外, 注意保持线条的整洁和粗细变化,这样既突出重点,也能让画面更加美观易读。

界面设计环节则更强调交互流程与用户体验的可视化。在有限的时间内,建议优先表现核心交互状态,比如主页面、功能跳转、关键弹窗、反馈提示等,通常展示3-7个典型界面即可,保持信息密度与条理性。
运用明度分级或少量主色,精细表现界面层级与操作重点。最后,不必追求整体高保真,但一定要突出设计逻辑和创新亮点,充分利用标签、引导箭头等视觉元素,快速、直观地传达你的交互方案主旨。

UX Sketchnotes
作者:Mathew Magain
:: 06产品设计与用户体验
在交互设计快题考试中,除了常见的软件界面题目,考生还需要具备针对硬件产品的手绘表达能力。针对产品设计主题,建议大家系统性地练习产品草图的绘制,包括常见的产品外观、结构细节以及人机交互场景的表现手法。

优质的手绘训练书籍能够帮助你从零基础起步,逐步积累产品造型、细节控笔和创意表现的能力。理解用户体验(UX)与产品实际场景的结合,将典型用户需求、痛点融入到产品草图中,是拉高卷面分数的关键。

产品手绘与创意表达
作者:Koos Eissen / Roselien Steur

产品设计手绘技法
作者:Koos Eissen / Roselien Steur

工业产品设计
手绘与实践自学教程
出版社:人民邮电出版社

用户体验草图设计
作者:比尔·巴克斯顿(Bill Buxton)

设计透视与产品速写
出版社:化学工业出版社

设计草图手绘培训营教程
作者:唐庭斌
:: 07POP字体与配色
POP字体在交互设计快题中的应用具有极高的识别度与视觉冲击力,非常适合作为试卷的主标题或分区标题。 练习时建议大家优先尝试手写POP字体,如粗边、半圆、阴影等常见风格,重点把握字体的结构特点和行笔流畅。
通过不断模仿优秀范例并结合自身风格,既能快速提升排版层次感,也便于老师一眼捕捉到主题内容。标题与正文在字号、粗细、色块上的合理分区,有助于形成有主次对比的视觉效果,让版面看起来更清晰有力。
和谐的配色对于快题卷面的整体观感也尤为关键。 建议同学们选择2-3种主色,并通过明度、饱和度变化形成梯度,可以有效避免画面杂乱。色彩分区时突出标题与重点模块,弱化说明或细节区域,各区域色彩比例保持均衡,这样能够更好地引导老师的浏览路径。

可以借鉴流行配色方案,但更重要的是多做小样尝试,找到适合个人画风的用色习惯。在时间紧张的考试环境中,提前准备好配色组合模板,能大大提升作画效率与效果。

100种创意搞定手绘POP
作者:简仁吉

写给大家看的色彩书:
设计配色基础
作者:梁景红
END
如果只推荐一本书籍,那我们会强烈推荐这套书!!

作者Mike Rohde告诉你如何将你的想法以一种可视化的的技巧表达出来--真的无论你的艺术能力如何--你都可以更好地通过绘画来表达你的想法。因为Ideas is not Art!

这本小册子里面涵盖了实用的素描技巧,Rohde还解决了大多数人对绘画的恐惧,逐步向你展示如何快速画出人物、面孔、字体和简单的物体,以实现有效和快速的素描笔记。这本书看起来像是作者的私人素描日记,但它的功能却像是一本素描初学者的指南,有简单易懂的说明,一定会让你更有信心的应对手绘考试,说不准还爱上了绘画!毕竟visual note会是我们未来工作,学习,参加会议不可少的技能之一。
如果领取以上全部书籍👆,转发此推送到朋友圈,联系我们就可获得!让我们开画吧~
领取书籍📚
如果领取以上全部书籍👆,点击在看🌟并且转发这篇文章到 朋友圈,联系我们就可获得以上全部的书籍!!2025年让我们开画吧~