学员经验分享其他

别让视觉表达拖了后腿!交互手绘突破120+必备的知识点:视觉笔记

2025-04-2226 MIN READ原载于微信公众号 ↗

交互设计考研,手绘不仅是专业课必备技能,更是 设计思维的视觉化表达方式。它远非简单的绘画技巧测试,而是一场将抽象思考、用户洞察、方案逻辑转化为清晰、高效视觉语言的综合能力大考。整张卷面,本质上就是一张大型的"视觉笔记",是设计者与阅卷者之间关于设计方案的一次“无声的对话”。

能否通过图形、符号和少量文字,精准、高效地传达复杂的设计概念与逻辑,直接决定了你的设计思考能否被准确理解,也是获取卷面高分的关键所在。

然而,难点亦在于此:

如何在有限的时间与空间内,完成从抽象思维到具象图形的转换?

如何设计 卷面构图,组织信息流,使设计推演过程既有条理又重点突出?

如何平衡信息传达的效率、思维逻辑的清晰度与视觉表现的创新性?

很多同学拥有好的想法,却苦于无法在卷面上将其淋漓尽致地呈现,上述问题正是需要攻克的痛点。掌握视觉笔记的核心方法与卷面构图的有效策略,将是各位同学突破瓶颈、冲刺高分的利器。

:: 01

将思考“画出来”的表达方法——

视觉笔记 (Visual Note)

视觉笔记,顾名思义,是用视觉化的方式来记录和整理信息、激发思考的工具。在交互设计考研手绘中,它并非简单的涂鸦或插画,而是 设计思维过程的浓缩呈现。将听到、想到的抽象概念用直观的图形、符号、色块和线条组织出来。

视觉笔记真正讲究的是逻辑的清晰与信息的可视化梳理。不是画得有多复杂,而是看能不能“把事情交代清楚”,“传递出准确的逻辑和事物联系”。它强调的是“全局视觉理解”,即让一个页面自成体系、阅读流畅、重点突出。

视觉笔记的视觉元素

视觉笔记可分为八大基本视觉元素:

- 文字

- 人物

- 地点/场所

- 道具/物品

- 过程箭头或引导符号

- 关键对话/思考气泡

- 色彩标识及色块

- 情绪和氛围小符号

需要强调的是,视觉笔记并非不能有文字,而是要以关键词、短句为主,辅助icon和图形进行信息补充,通过关键词的极强视觉表现力(如放大字体、彩色线条、画框、插入感叹号等)来引导教师注意卷面核心内容。

高分视觉笔记的5个实用技巧

视觉笔记不是平铺直叙地展示图文混杂,而是要抓住设计的时间线、分类或者层级关系,将复杂内容有条理地归纳梳理。

如用流程箭头表示时间推进、用色块区分功能区域、用围绕式排布突出产品中心思想……其本质在于通过一页纸表达出项目完整的“设计背景-用户痛点-体验流程”叙述主线。

01 叙事性构图,用时间顺序、空间流程或故事线串联信息,逻辑清晰,哪怕手法简练也能高效传达思路。

这可能包含:人们使用笔记本电脑和其他电子设备学习如何使用计算机的插图
这可能包含:人们使用笔记本电脑和其他电子设备学习如何使用计算机的插图

02 分层分块表达,将复杂内容归纳为几大要点,借助色块、分区、标签等视觉元素组织答案,让评卷老师一扫眼便知重点。

这可能包含:一张手绘图表,上面写着关于一本书的绘画想法
这可能包含:一张手绘图表,上面写着关于一本书的绘画想法

03 符号与icon灵活运用,抽象问题用icon图形(如灯泡代表灵感),让抽象概念具体化,增强画面的“记忆点”。

这可能包含:一堆用不同颜色和形状绘制的涂鸦,包括符号
这可能包含:一堆用不同颜色和形状绘制的涂鸦,包括符号

04 关键词+短语补充,坚决避免大段文字,转为高频短句与关键词,辅以色彩标注或边框强化重要信息。

这可能包含:视觉缩放呼叫海报,以及如何在艺术项目中使用它的说明
这可能包含:视觉缩放呼叫海报,以及如何在艺术项目中使用它的说明

05 用色彩/粗线/高亮对关键信息做视觉强化,使信息分层明确,卷面更具冲击力与吸引力。

(此处为视频,请在原文中观看)

朝菌学园考研课|视觉笔记专题

:: 02

优秀的交互卷面构图

是一张大型的"视觉笔记"

我们继续深入探讨交互设计考研手绘中,至关重要的 卷面构图方案。整个手绘卷面本质上就是一张大的"视觉笔记",其核心在于 设计思维的视觉化表达。而卷面构图,正是这张"视觉笔记"的骨架,它决定了信息的组织方式、逻辑流和视觉焦点,直接影响到设计思维能否被清晰、高效地传达给阅卷老师。

选择适合自己的卷面构图模式并非随性而为,而是一项基于 题目特性、设计方案侧重点 以及 个人表达习惯 的战略决策。可以说,经过长期备考过程打磨出的独属于个人的构图方案是冲刺高分的“绝密资源”

不同的构图模式承载着不同的叙事逻辑和视觉侧重。接下来,我们将结合视觉笔记的原理,详细解读几种常见的卷面构图模式,分析其内在逻辑、优劣势及适用场景。

01 线性构图 / PPT式构图

核心逻辑顺序性、流程化。如同我们阅读习惯或制作演示文稿(PPT)一样,信息按照从左到右、从上到下的线性顺序依次展开。

此类构图侧重于视觉笔记的 结构化记录 功能。通过明确的区块划分(显性或隐性的框线、留白)、清晰的标题层级、引导性箭头或序号,来组织信息,确保逻辑链条的完整与清晰。文字通常作为标题、关键词或简短说明,配合图标和图示进行表达。

这可能包含:有关如何以各种方式使用电子设备的说明,包括文字和图片
这可能包含:有关如何以各种方式使用电子设备的说明,包括文字和图片

构图优缺点

优点:

1/ 逻辑清晰,易于理解: 结构简单直接,符合大多数人的认知习惯,阅卷老师可以轻松跟随设计思路。2/ 流程完整,不易遗漏: 按照标准流程排布,有助于确保覆盖所有必要的设计环节。3/ 易于绘制和控制: 对构图能力要求相对较低,便于快速上手和控制卷面整洁度。

缺点:

1/ 缺乏视觉焦点: 信息平均分布,可能导致卷面缺乏重点和视觉冲击力,难以突出设计的核心亮点。2/ 略显刻板,不易出彩: 模式相对固定,容易显得"千篇一律",较难体现个性和设计创意。3/ 难以表现复杂关系: 对于非线性的、多维度交叉的信息关系(如多功能模块间的联动)表现力较弱。

适用场景

  • 题目要求严格遵循完整设计流程进行阐述时。
  • 设计方案本身逻辑链条清晰、线性关系强。
  • 应试者构图能力相对较弱,希望稳妥、清晰地完成表达时。
  • 考试时间极其紧张,需要快速完成卷面布局时。
  • 部分院校(如同济、交大分多张纸作画)的模式可视为线性构图在多张画布上的延展。

02 中心发散式构图 / 树状构图

核心逻辑中心化、层级化。围绕一个核心元素(如核心产品形态、关键用户洞察、核心设计理念)向四周发散,延展出相关的分析、功能、细节等。

充分体现视觉笔记的 思维导图 (Mind Mapping) 特性。利用中心图像/关键词激发联想,通过分支结构展现思维的发散与聚合过程。强调信息间的 关联性 和 层级关系,善用图标、符号和视觉隐喻来强化中心概念。

这可能包含:一张海报,上面有一些文字,中间有图片,包括一张
这可能包含:一张海报,上面有一些文字,中间有图片,包括一张

构图优缺点

优点

1/ 视觉焦点突出: 能够将阅卷老师的注意力迅速吸引到设计的核心亮点上。2/ 关系表达清晰: 适合展示各元素围绕核心的关系以及信息层级。3/ 视觉丰富且具设计感: 布局灵活多变,更容易营造出具有视觉冲击力和设计感的卷面。4/ 利于展现深度: 可以围绕核心点深入挖掘和展示设计细节。

缺点:

1/ 规划要求高: 需要仔细规划各分支内容和空间布局,否则容易显得混乱、主次不分。2/ 边缘信息关联性可能减弱: 距离中心较远的分支之间的横向联系可能不够直观。3/ 不适合强流程表达: 对于需要严格按步骤展现的线性流程,表现力不如线性构图。

适用场景

  • 设计方案具有明确的、需要重点突出的核心(如一个创新的硬件产品、一个核心交互机制)。
  • 需要详细阐述核心概念的多个方面或功能模块时。
  • 希望卷面更具视觉吸引力和设计感,展现较强的构图能力时。

03 场景式构图

核心逻辑

情境化、叙事性。通过构建一个或多个具体的、富有故事性的用户场景作为卷面的视觉主体和叙事主线,将设计方案的背景、需求、功能、价值融入其中。

极致发挥视觉笔记的图像叙事 (Visual Storytelling)和情景构建 (Context Setting)能力。通过"画故事"而非"列条目"的方式传递信息,强调"用户"、"情境"和"体验"。大量运用具象图形、人物、环境元素,营造"情景感"。

这可能包含:一张显示人们在电脑上工作的插图图表。
这可能包含:一张显示人们在电脑上工作的插图图表。

构图示例

构图优缺点

优点:1/ 用户中心,代入感强: 极好地体现了以用户为中心的设计思想,让阅卷老师直观感受用户体验。2/ 故事性强,引人入胜: 生动有趣,容易给阅卷老师留下深刻印象。3/ 适合展现服务设计和体验流程: 对于涉及多触点、连续体验的设计方案表现力尤佳。4/ 视觉冲击力强: 若绘制精良,极具视觉吸引力。

缺点:

1/ 绘制要求高: 对手绘表现能力、场景构建能力要求较高。2/ 信息密度可能较低: 过大的场景描绘可能挤占其他必要信息的空间,需注意平衡。3/ 逻辑梳理难度: 如何在强叙事性的场景中清晰、有条理地嵌入所有设计分析和方案细节,需要巧妙构思。4/ 可能喧宾夺主: 过分沉溺于场景绘制可能导致设计方案本身的阐述不够深入。

适用场景:

  • 题目侧重于用户体验、服务流程、特定场景下的问题解决时。
  • 设计方案本身具有较强的叙事性或情境依赖性。
  • 应试者手绘功底扎实,擅长场景绘制和故事表达时。
  • 希望通过独特的视觉叙事脱颖而出时。

:: 03

视觉笔记学习资源领取

如果只推荐一本书籍练习视觉笔记,那我们会强烈推荐这套书!!

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

这本小册子里面涵盖了实用的素描技巧,Rohde还解决了大多数人对绘画的恐惧,逐步向你展示如何快速画出人物、面孔、字体和简单的物体,以实现有效和快速的素描笔记。这本书看起来像是作者的私人素描日记,但它的功能却像是一本素描初学者的指南,有简单易懂的说明,一定会让你更有信心的应对手绘考试,说不准还爱上了绘画!毕竟visual note会是我们未来工作,学习,参加会议不可少的技能之一。

领取书籍📚

领取30本交互手绘备考全部书籍👆,点击在看🌟并且转发这篇文章到 朋友圈,联系我们就可获得以上全部的书籍!!2025年让我们开画吧~

领取书籍联系智将菌老师~扫码添加哦


_:-)__26课程报名通道__菇菇老师~__微信:zhaojundesign2_!Image_长按扫码添加微信_**近期课程推荐**_课程推荐|26 考研_________

___课程推荐|26保研________课程推荐|基础小课________......__(更多课程信息,可联系我们咨询~~)_


_¯\_(ツ)_/¯朝菌学园考研成绩_

_了解教学质量,可重点观察机构专业属性、教学成果、课程内容大纲、师资团队等方面。教学成果非常重要,但也是虚假信息的重灾区,同学们要多咨询多辨识,防止被迷惑欺骗。_

_1、榜单中均为在朝菌学园考研主课学习过的学员,2019年之前的榜单则是朝菌学园现任讲师曾经的学生;2、部分同学会同时出现在其他机构成绩单中,这可能是由于该同学曾在多个机构中学习,也可能是其他机构假冒成绩单,如有疑问可以咨询教务老师;3、本榜单中不包含朝菌的保研录取成绩与留学录取成绩;_

其中清华美院考研:

_2021级|有11名同学在朝菌学园进行主课学习或1v1辅导并通过初试,最终有6名同学上岸,上岸占比为50%。_

_2022级|有7名同学在朝菌学园进行主课学习并通过初试,最终录取4名同学。上岸占比为66.6%。_

_2023级|有10名同学在朝菌学园进行主课学习并通过初试,含交叉与信息系,最终录取4名同学。上岸占比约50%。2024级|有11名同学在朝菌学园进行主课学习并通过初试,含交叉与信息系、科普艺术设计,最终录取7名同学。上岸占比约63.6%。_

_2025级|有8名同学在朝菌学园进行主课学习并通过初试,含交叉与信息系、科普艺术设计,最终录取4名同学。上岸占比50%。_

_*算法:朝菌学园达标人数/该专业总数据_

ʕ •ᴥ•ʔJOIN CLUB


_凝聚前沿设计优质内容__更多精彩分享请关注__▼_

朝菌学园ZhaoDesign

朝菌学园是一家专注前沿、未来、智能设计领域的品牌。包含人机交互设计、服务设计、用户体验设计、互动媒体装置、智能产品设计等学习方向,已经帮助数百名学员取得考研、保研与留学申请的名校录取offer

926篇原创内容

公众号

,

本文原载于微信公众号,正文与配图已转存至本站以便长期访问。 查看原文 ↗

有想具体聊聊的问题?把你的情况说一说。

联系咨询