朝菌学园ZhaoDesign
朝菌学园是一家专注前沿、未来、智能设计领域的品牌。包含人机交互设计、服务设计、用户体验设计、互动媒体装置、智能产品设计等学习方向,已经帮助数百名学员取得考研、保研与留学申请的名校录取offer
932篇原创内容
Official Account
,
对于本科专业非设计类的跨考生来说,你的基础与起点与相关专业的同学相差了四年(及以上),其中的差距是别人四年时间不断积累下来的手绘能力、设计思维与实践能力。两年的备考时间,只有依靠勤奋和合理的复习时间规划才可不断缩小这个差距。本文主要介绍了备考交互设计所需要掌握的内容和建议,具体的时间规划请结合自身情况妥善安排。
01
设计理论

想踏足设计领域,都要先系统地学习设计理论知识,针对交互设计,我们需要掌握的最基本的设计理论有以下内容:
第一个层面是设计思维与设计方法,例如以用户为中心的设计思想,这是通用的设计思维与设计方法,包含了对人文、商业的理解。
第二层设计思维模型中的五阶段、双钻模型等,它们的发展历程和原理都是我们要了解的内容,也体现了设计思维的科学性,这是我们要学习的第二点。
第三点 比较细致, 用户可用性设计原则与设计心理学,是唐纳德诺曼提出来的观点,体现了艺术与科技的融合,我们学习这些理论,要能辩证分析并灵活运用,在方案中成功地“输出”。
第四点是用户体验设计与用户研究, 这个话题涉及到很深的人文知识、对于人性的理解、对于用户群体的认识等等。其中会涉及到马斯洛需求层次理论、 KANO 模型,都是在使用一种科学的方法来分析用户需求。
第五点是情感化设计,它是一种设计心理学概念,也是诺曼的观点:要以用户的情感和情绪作为设计出发点。这个部分通常要有一定艺术精神才能实现,比如工业设计的同学都知道的典型案例——Philippe Starck的外星人榨汁机。
第六点是服务设计思想,因为设计不仅仅是一个单独的产品、一个app,它背后是一个系统、一种服务。所以讲到服务设计我们可能要理解什么是系统设计,这部分内容会包括情景设计(context design),参与式设计(让用户参与到设计流程中)还有一些作为载体的基本工具:商业画布、用户旅程图、关系者联系地图、信息系统图等。
第七点是视觉设计风格与原理,包括格式塔心理学、拟物设计、扁平设计等,这些设计背后的艺术性是如何体现的,我们怎么理解这些风格设计?我们可以从设计史的角度探索,从交互设计发展的历程当中探索。
第二个层面会更为抽象一点,设计史与设计思潮。包括现代与后现代主义设计、环境友好设计、特殊人群设计思想等,这些设计思想都将会成为你们最后完成方案,输出观点的关键。比如包容性设计、无障碍设计,都是热门的命题方向。环境友好设计其实也很关键,因为我们现在讲究低碳和节能减排,这是我们重要的社会议题。
02
技术理论

交互设计技术的考点,我们做一个特别大的归纳。无非就这两类,一类是人机交互,一类是新媒体艺术设计。
人机交互有的院校考察会偏技术,也有偏设计方法或设计流程的。新媒体艺术设计也是跟软硬件结合起来,跟一些前沿技术结合起来的,只不过它更艺术化一些。
新媒体艺术设计,目前大多是关于智能空间,用传感器做的偏艺术的空间设计。你可以从案例出发,挖掘两个点,第一是它的切入点,第二是技术实现。新媒体艺术的技术实现往往比较简单,它主要重点还是在idea上。
举个例子,大家都看过很多虚拟现实、AR之类的案例。这时候你就可以去上网搜案例AR+艺术设计、AR+博物馆,你还可以搜到在城市中用AR涂鸦这些设计案例。你可以带着主题去搜案例,也可以问问其他老师同学有没有什么网站推荐。

这方面为什么叫大家多看案例呢?
我觉得大家单纯看设计理论,是没有什么收益的。新媒体艺术设计重点还是看idea够不够艺术,够不够创新。艺术这个词,我觉得挺意识流的,只可意会不可言传,所以只能多看案例吧,像那些国际大奖IF、 红点奖作品都不错,你可以专挑交互(艺术)装置的设计看。
从积累的角度,我给大家总结了几点。

首先是理论层面,一是设计理论,二是技术理论。 理论是永远也积累不完的,你到考试的前一天,还是有不知道的东西,但不要惶恐, 你就记住自己积累的东西早就够用了,如果从开始上课那天算,你每天都有积累,去拓展自己的知识面,你积累的东西真的够用了。 你是积累不完的,重点在于你要找时间整理、记忆,把这些理论整合在一起并运用起来,这才是它的正确打开方式。
案例是最常见的一种积累形式了。一个是设计案例,你除了去看,给人点赞以外,一定要去多想一想,它的切入点为什么妙?他哪个点让你觉得这个设计好,这个思考过程很重要。第二点是你可以提炼一下他设计的方法论,提炼一些宏观的东西。
我觉得还有一点非常重要,大家去看一些设计案例,你要想他为什么不好,我觉得甚至比他为什么好更重要。你去想他为什么不好,获奖了不一定就是好产品,自己要有批判性的思考。
还要积累一些新技术,一类是前沿的突破性技术
一般是nature级别的。所谓前沿是什么,就类似量子计算机、脑机接口,这种技术你大概看一看就行。你能用在哪呢?你做一些探讨,小论文做讨论的时候你能用到。但不能用到你真正产品的技术实现,千万不要直接用,因为老师一看就知道是没法实现的,你可以把它当成一个设计的启发,就是放在启迪那块,或者放在讨论那一块。大家看公众号、看文章,有很多博主做技术总结,这种其实可以多看看,讲的还挺细的。将别人总结的和自己理解的整合在一起,形成一套体系。
然后是已有技术的新应用, 我觉得这点是比前沿技术更有价值的。你去看一下现在的技术,在哪些新的场景、新的行业有新的用法,就开拓思路。这个其实可以放在相关工作里,也可以作为你的启迪,甚至作为设计的开端都可以。

包括新产品,基本原则是搜集科技产品为主,可以看一些 b 站上的科技博主,视频好看又能学到东西。还有一类科技叫“黑科技”,大家应该都懂,就是能看到是有这么个产品,但他肯定没有量产,就是一个技术原型。“黑科技”也是看看就行,当成一个设计的突破吧,就是启迪上的切入点。他既然做出来,就说明技术上是可行的,但他一般不会告诉你自己用了什么技术,所以你可以从这个切入点,自己拓展、分析一下。
大家一定要关注那些主流的科技产品,比如苹果申了特别多的交互专利,大家可以自己去搜一搜。除了苹果,还包括其他的,像智能家居方面,可以看看小米的产品。还有华为,支持一下“国货之光”,华为现在做的交互已经很不错了,但跟苹果还是有一点差距。AR、VR 这块就看看微软的HoloLens,还有Oculus。主流产品的新交互,像小米前段时间出了一个新功能,UWB一指连,可以去了解一下。
最后一点比较重要的是我们还是要回到生活中的,看看生活中有哪些痛点和细节,多做一些需求的分析。马斯洛需求模型大家应该听说过,针对那五个层次多去分析生活中缺少什么,生活中到底有哪些需求。我个人觉得痛点就是,他一看你这个设计,就会感叹生活中确实是这样。
03
手绘快题
交互设计手绘指针对交互设计专业方向的手绘快题,通常要求在规定时间内用规定大小纸张及马克笔等绘图工具完成一个交互硬件或软件产品及其使用流程的设计。是大部分报考交互设计院校必考的专业课之一。不同学校侧重点不同,下文针对信息产品交互设计相关的报考方向。
1. 如何正确看待交互设计手绘这门考 试
交互设计手绘与其他设计类专业手绘的区别主要在于「更看重设计思维,而不只是绘画功底」,所以,没有系统性学过绘画或绘画基础薄弱的同学也不必担心,只要经过专业的训练、熟练考试要求的板块,掌握一定的方法技巧,都是可以达到考试要求的。
2. 为什么交互设计要考手绘?
>考察考生创意思维与解决问题的能力
快题设计可以考察学生对于问题的创意见解,并依此提出具有逻辑性的解决方案,因而是创造力与逻辑思辨能力的结合考察。
>考察考生图形化思维与造型能力
选择手绘作为考试形式,旨在考察学生的图形化思维能力,图形化思维是任何设计的基础,而手绘是这方面最直观的展现形式。基于交互界面的设计同样需要考察学生的造型能力,即视觉化的表达能力。
>考察考生信息展现的能力与情景化思维
手绘考试中,考生需要在卷面内围绕题目完成对设计的思考与说明,如何合理且有逻辑的布局这些“信息”从而实现准确、详尽的传达是手绘考试形式最直观展现的考生能力。这种能力对于各种形式的交互界面设计而言,都是至关重要的基础。在交互手绘快题中,结合图形创作的故事板则展现出考生的情景化思维与表达设计的逻辑与技巧。
3. 完整手绘考试卷面由四个模块组成
>题目解析与理解
也就是我们需要从题干中提炼关键信息,阐述设计背景和提出具体的设计目标。
>设计思路的展现
其中包括,我们要制作典型的用户模型,洞察用户需求,展示用户旅程图,进而提出产品功能概念。
>具体设计结果的呈现
我们要在卷面中展现产品主要功能和使用流程,软硬件设计,产品使用流程图,信息架构和最终的界面样式设计。
>其他思考点的呈现
例如服务流程展示、服务流程图、利益相关者地图、以及特殊技术的实现手段。
4. 单独就手绘技法而言,可从以下板块进行练习和巩固
• 标题: POP字体,用于大标题、流程引导标题等。
• 用户画像: Q版人物半身像或全身像,掌握不同职业、性别、年龄层及不同特征的人物画法(如:学生、老人等),要求能够画出符合产品受众人群的主要特征。
• 硬件产品 : 掌握不同智能产品的大致形态,标注出主要技术及接口。可用工业设计画法,也可以用visual notes画法。(硬件如:无人机、VR/AR/MR眼镜、智慧大屏、智能家居产品等)
• 界面: 结合使用流程,画出具有亮点且关键的中、高保真界面。(界面元素:导航栏、图标、信息可视化、配色等)
• 故事板: 描述用户在使用产品时的一系列行为的连环画,需交代清楚人物、情境、情节和展现用户情绪变化过程。
• 图表可视化: 服务蓝图、用户旅程图、用户体验地图等,注意线条工整、分清信息主次。
• 配色: 整张卷面配色需与界面配色协调统一,注意冷暖平衡。
• 其他装饰元素: 流程引导箭头、序号、辅助说明文字等,与卷面整体协调统一,文字清晰且易读。
5. 手绘考试的评分标准
>信息完整,重点突出
围绕设计题目,手绘卷面应该展现出设计思考的过程与最终的设计结论。塑造完整的卷面呈现逻辑同时突出核心重点,使考官可以清晰明了的了解作品的主旨,又配合完整的信息展现其内在逻辑就是一张好的手绘卷面。
>布局清晰、条理分明与视觉创意的结合
交互手绘卷面的信息量大,因此对考生的构图能力是一种挑战,一个好的卷面依赖于构图的基础。卷面构图不仅要有清晰直观的可阅读性,同时需要结合视觉语言时画面拥有创意的阅读体验。
>凸显创意,拒绝雷同
交互方向的考生更多来自不同的专业,而手绘快题是一种开放性的考察方式。考生应结合自身优势,大胆的展现自己的造型能力。通过结合自己的优势手绘技巧,突出创意与表达方式,不拘泥于形式,展现出画面的独到之处。
04
如何积累手绘素材并转化
1. 素材积累
首先推荐大家在 Pinterest 上搜集素材,包括手绘字体、简笔画人物动态表情、人物形象、交互手势、场景图等。在试卷上,我们不会就画一个人和产品,这样割裂开的画面,最终呈现的一定是用户在使用产品的具体组合场景,所以场景的积累是我们的重点,搜集的场景图最好是日常的,具体的,带有人物动作、使用产品等元素,多积累这种素材,我们在考场上拿到题目才不用想半天。

图1 Think when you draw 图2 日本画家sho fujita 图3 Tuesday tips
我们在积累素材的过程中,不能漫无目的,要针对考试所需的内容,积累不同的场景。想提高手绘水平自然要每天坚持临摹学习,有时间可以默画一遍,力求在考试中随想随画,不会卡壳。
2. 灵感积累
除了练习场景手绘,我们还要积累一些灵感。平时练习的过程中,可能很多人苦于想不出好的方案,但灵感不是一蹴而就的,我们可以先想一个大概的轮廓,再找资料慢慢把它充实,让它更新颖,更高端。在日常可以多看新闻,科技公众号,ACM CHI会议论文,将新技术用自己的语言进行总结。
这是一些我常看的公众号:智东西、屎塔克工业、新媒体艺术站、TAN智能HAO设计、微软亚洲研究院AI头条、X增强现实、AI交互设计院
B站上也有很多资源可以利用,分享几个up主:耀眼Video、魔力映像18165710113、Max创意公元、Max无限创意
3. 资源转化
用自己的方式消化我们积累的知识,才能实现有效转化。我的做法是准备一个笔记本,用自己的语言总结了一些前沿技术的名词解释,比较简短的几句话就行,主要是有自己的理解。考试的时候如果运用到这些技术,可以大致表达出来。
我在前面提到可以去B站看视频,其实这也是个积累过程,那在看视频的时候有几点你需要注意。视频不是看过就完了,你要用几句话整理出这个技术是干什么的,可以上网搜索这个技术,肯定会有很多专业人士的解答,比如我看了一个视频,是谷歌的project soli 手势识别技术。会有很多知乎上的人士解释这个技术,你可以通过他们的描述,自己去总结,更好地理解这个技术是怎么实现的。

还有另一个办法,视频中使用了非常多的镜头介绍soli是怎么运作的,你可以暂停视频然后截图,看一下制作生产技术的人是怎么更直观地说明这种技术。这些截图在以后就能成为你绘画的素材,还可以思考它能够运用在什么方案里。视频中表现技术原理的画面,用自己的方式简化一下,成为一个图形化的简介。以后运用在方案中也更有技术依据。
在看到比较成熟或已开发出来的产品时,你可以先理解它们的技术原理,并在此基础上创新。严禁照搬照用。因为老师很可能也知道这个东西,你要做的是在原来的方案上吸取可以学习的内容,再自己创新应用。

举个例子,我在Kickstarter上看到一个叫Joyscube的硬件产品,它有非常多的功能,很适合应用于多人游戏,一个Joyscube可连接多达12个立方体,还兼容VR场景,可作为游戏的手持设备。视频里已经提到了很多游戏方式,我们可以思考它还能用在什么游戏中,或者其他更有意思的场景,还可以记录下产品有哪些操作方式,可以运用到自己的设计中。

认识一个新技术或产品时,我们可以用图文并茂的方式记录它的形态和交互方式,像Joyscube有移动、倾斜、旋转、摇晃等操作,你可以选取一些交互方式,用草图的形式记录下来,再用文字补充说明,这样即练习了手绘,也有素材积累。
4. 利用好学术论文
经常用的论文网站是:
ACM CHI:https://dl.acm.org/sig/sigchi
这个论文网站我个人认为是对我帮助最大的,它相当于一个论文的数据库,你可以在里面搜索和人机交互相关的论文,都是来自世界各个高校的,学习到人机交互领域新颖的交互方式和场景表达。
通过阅读这些论文,你能了解现今人机交互领域的热点问题,学习一些理论和系统,还能掌握一些人机交互的原则和实际的研究方法。
这些论文不用完整地阅读,因为可能涉及到非常专业的其他领域的知识,重点看它们的摘要,再结合文中的配图理解,这是比较高效的学习方式。还能整理自己的读后感,主要是对技术的理解和一些自己的想法,建立一个收藏库以便日后翻阅。
5. 国外院校的交互研究
除了目标院校的交互研究方向,我们还可以关注国内其他院校,甚至是国外的学校,在人机交互领域会做什么研究。因为我觉得不同的学校对于交互的侧重和和考虑是有差异的,你多去了解国外的院校在研究什么,可能会对你当前或未来都有一些启发。
>卡内基梅隆大学人机交互研究所

Designer Studies Cutting Edge of Fashion Via Luminous Material

作为CMU计算机科学学院 人机交互研究所 变形物质实验室夏季项目的一部分,阿什利·伯巴诺(Ashley Burbano)用一种软弹性复合材料进行了实验,当机械力作用于这种材料时,它会发光。Burbano探索使用发光材料来展示时尚服装中的涂层纤维如何对运动和施加的力量做出反应,比如日常穿着中的拉伸,以了解这种织物的潜在未来应用。
了解更多:
2. CMU实验室开发煮熟后变形的意大利面
CMU Lab Leads Development of Pasta That Morphs Into Shape When Cooked

由卡内基梅隆大学变形物质实验室领导的一个研究小组正在开发一种煮熟后会形成熟悉的立体形状的扁平意大利面。该团队在只由粗粒面粉和水制成的平坦的意大利面面团上留下微小的凹槽,使其在烹饪时变形成管状、螺旋状、扭曲状和波浪状。
这种扁平包装的意大利面可以减少包装,节省储存和运输空间,还可能减少烹饪所需的时间和能源。
了解更多:
3. 一维物体变形成高维度One-Dimensional Objects Morph Into New Dimensions

直线是两点之间最短的距离,但是卡耐基梅隆大学开发的4D打印系统“A-line”走了一条更迂回的路线。一维情况下,A-line系统产生的“线”形塑料结构在加热时可以弯曲、折叠和扭转成预定的形状。
了解更多:
4.卡梅研发自我修复装置,在被切断后可恢复或获得新功能
Self-Healing Devices Gain or Regain Function After Being Cut

这种复合材料结合了两种材料——自修复聚合物聚硼硅烷(PBS)和具有导电性的多壁碳纳米管(MWCNTs)。导致材料具有独特的特性,使其能够愈合,并使由其制成的设备在被切断后能够恢复其功能或获得新功能。当材料的切边被放回到一起时,碎片重新连接,它们之间的缝隙最终消失。
了解更多:查看链接 ↗
5.研究人员使用商用针织机制作柔软的、会动的“机器人”
CMU Researchers Make Soft, Actuated Objects Using Commercial Knitting Machines

我校的研究人员使用计算机控制的针织机来制造毛绒玩具和其他由压力驱动的针织物。他们认为这种方法有朝一日可用于经济高效地制造软机器人和可穿戴技术。
了解更多:
6. CMU低成本自驱动技术:让纸张有生命!

纸张是一种通用、便宜而又古老材料。卡内基梅隆大学人机交互研究院开发了基于3D打印技术和石墨烯的低成本驱动技术,在普通的纸上涂上一种导电热塑塑料,使得纸张可以在电流的作用下发生弯曲、折叠或变平,好似获得了生命一样。
>康奈尔大学信息科学系-人机交互方向
戴口罩也能识别面部表情?康奈尔大学研发耳机表情识别系统

康奈尔大学的研究人员发明了一种利用耳机来实时追踪面部表情的方案C-Face,它的特点是通过追踪脸部轮廓来识别表情,并转化成emoji表情符号或无声指令,用于输入或控制电子设备。当我们做出面部表情时,会引起面部肌肉的拉伸和收缩,从耳朵的角度来看,这种效果会使脸颊轮廓发生变化。C-Face内置微型相机,用来记录佩戴者这种脸颊轮廓变化的,即使戴着口罩,系统也可以追踪用户的面部表情。
>麻省理工学院-Media Lab
堪比真实的腿:磁显微法打造新型假肢,可在几毫秒内作出反应

对于有假肢的截肢者来说,最大的挑战之一是控制假肢,使其以与自然肢体相同的方式移动。大多数假肢使用肌电图进行控制,但这种方法只能对假肢进行有限的控制。
麻省理工学院媒体实验室的研究人员现开发了一种替代方法,将小磁珠插入截肢残渣内的肌肉组织后,他们可以在肌肉收缩时精确测量肌肉的长度,并且可以在几毫秒内将这种反馈传递给仿生假肢。在发表在Science Robotics 上的一项新研究中,研究人员测试了他们的新策略,称为磁显微法 (MM),并表明它可以提供快速准确的动物肌肉测量。他们希望在未来几年内在截肢患者身上测试这种方法。
05
备考时间线
备考过程中要注重基础学习和积累,除了平衡好学校里的本科课程以外,你可以按以下时间线准备专业课:
1. 理论考试
3-5月:广泛阅读,打好基础
如果你决定了要跨考交互设计,你要先搞明白「交互设计是什么」,这离不开广泛且深入的阅读。比如被奉为交互设计圣经的《交互设计精髓》,细细读懂且融会贯通并非易事,但对于交互设计的学习大有裨益。要养成阅读并不停止思考的习惯,从生活中发现,去思考产品的交互性。可通过以下渠道了解交互设计:
•阅读图灵系列交互设计丛书,如《微交互》、《语音用户界面设计》、《界面设计模式》等等。
• 零碎时间可以去浏览设计及产品相关的公众号及网站。人人都是产品经理、36氪、量子位、MicroUX、Alibaba Design 等等国内外设计师网站可以帮助打开思路,提升审美。
• Behance、Dribble、Pintrest、优设、站酷 等等
还可以在知乎、公众号、b站、微博、慕课、爱范儿等平台挖掘交互前沿信息,作为日常阅读素材拓展视野;同时搜集交互设计考研的相关信息。
6-8月:针对性阅读,初步记忆
6月初应综合自身情况确定报考院校。备考时要有所侧重,根据考纲要求学习官方指定的书籍,这些肯定是最重要也最常考的书。制定好每天的学习任务,比如学习一章,先通读一遍,再根据理解做笔记。这时候记笔记要全而精炼,很多参考书是翻译本,文风较随意,我们要适当转换,提取核心大义,省略不必要的字。当时我没有买纸质书,是从电子书摘取内容在幕布app记笔记,节省了很多时间。
在全部书都读完也做过笔记后,我又结合学长学姐的笔记重点和个人思考,整理出一份可以背诵的版本。整理过程也是重新巩固记忆的过程,可以发现一些之前遗漏的知识点。并且整理越清晰,后期背诵效率就越高,我还建立了每本书的思维导图,细化到每个考点。
9-10月:扩充知识面,强化记忆
此时我的专业书笔记已经整理完毕,除了每天的背诵,我又结合一些交互法则、当下技术热点以及各个学校的真题整理了补充知识。随后我根据笔记整理出题库,按题型每日抽取进行限时默写。
11-12月:重点记忆,个人理解
最后两个月,我根据背诵情况整理出笔记最终版本,打印背诵,也购买了仿真答题卡,每周规定时间进行模拟考。其实理论的重点在于理解,不需要与书本完全一致。最终在考试过程中我也是用自己的方式答题,尽可能地多写一些。
2. 手绘考试
4月之前:打好基础,拆解练习
我选择跟随课程学习交互知识,了解整个设计流程,为方案创作打下坚实的基础。非设计类跨考生应提前进行专业课的培训。比起闭门造车,在专业人士的带领下往往能够更快地找准方向和发力点。
先对快题进行拆解,针对每个板块进行练习。每个板块还可以拆解成不同的单体,如用户画像中会包含人的元素。此阶段要对单体进行手绘练习,为画面展现奠定基础。

早期的练习与笔记
4-7月:转变思维,完整快题练习
在这个阶段我开始练习交互设计快题,培养交互设计思维,这个过程是在不断碰壁、不断试错的,我建议大家可以寻找自己的学科与交互设计的共通之处,且要勇于尝试,不要害怕犯错。通过一次次作业,我知道了一份完整无误的快题应该是怎样的,接着我开始追求方案的深入。
7-9月:打磨细节,强化练习
在暑假,我和线下的小伙伴们一起学习交流,对一些方案的构思进行了深入探讨。在明白了一份好的快题是怎样的时候,我更加注意细节,这个阶段我继续学习一些画面的知识与技巧,提升画面效果。暑期是一个很长的假期,要把握好这段时间。

方案的深入与细节的打磨
9-11月:复盘模考,针对训练
在这段时间里,我每周都进行一次模拟考试:在有限的时间里完成命题创作。限时训练是一个非常能暴露出问题的方法,所以每次模拟考后的总结与复盘就非常重要,在考试时间内没展现好的内容就是你的薄弱点,需要对其强化训练。比如我对用户画像和一些风格表达进行了针对性练习。

秋季的针对性训练与快题模拟
11月至考前
此时是考前的冲刺阶段,朝菌的老师根据我的目标院校,进行1V1的针对性考前训练与押题。主要是分析目标院校的考试风格和历年真题,练习一些押题卷,这个过程也是对方案进行完善与总结。非常幸运我当时的考试题目在备考阶段就有练习过,最终在考场上也胸有成竹地完成了整个卷面的表达。