交互流程_交互装置详细创作流程全解

装置项目可以存在于各个类型的作品集中，但是同学们总是对这类作品集存在认知上的误区。要知道交互 装置并不是“靠近就会动”、“可以按指令动起来”、“有传感器”这些简单的形容词就可以描述清楚的，它比你想象的、听说的要复杂得多。 事实上，想要做出满意的交互装置项目绝非易事。前不久我帮一个学生拍摄Demo，一个Demo迭代了三次才最终选出了一个比较合适的布景和拍摄角度。而这仅仅是交互装置项目的一个环节而已， 从各类稿图的绘制，到技术可行性的调研，再到最终成品的制作、产出Demo并拍摄 ，这一套流程下来，有太多需要注意的细节，一个都不能忽视。 今天，我们就把交互装置项目的准备流程拆分成灵感、图示、技术、成品四个部分，结合之前同学的作品，来给大家分步讲解该如何在作品集中创作出令自己和考官都能满意的交互装置项目。 |本期分享导师| Naiying 汉艺国际教育北京校区  工业交互学部 资深讲师 英国 爱丁堡大学 多媒体设计 MSc 美国 加州大学洛杉矶分校 后期制作 优等交换生 从事数字媒体设计领域的教学与研究 英国 纪录片《数字化卖艺》 制作人 《道格玛95》微电影项目 制作/编辑师 《7777》网站项目 制作/网站设计师 #1  灵感概述  灵感是交互装置项目的开端，它给予装置以空间轮廓和场景意向 ，在做作品集的时候，我们往往需要在项目开头阐述灵感的来源。 这一步并非可有可无：一方面， 没有灵感来源的背景铺垫会让项目找不到最终的落脚点 ；另一方面， 在开头描述创作背景 符合国外院校的创作逻辑，能够让作品集显得条理清晰，使考官更容易理解项目的创作意图 。 H同学 汉艺18届学员 获LCC交互设计、用户体验设计，爱丁堡交互设计，加拿大西蒙弗雷泽大学交互设计 MA offer

比方说H同学的项目就是以孔明灯为祈祷意向，因为在中国传统文化中，灯笼蕴含着吉祥的色彩，如果不在项目开始之前表述清楚，那么之后内容的展开对于国外考官来说就会显得突兀。

Q同学 汉艺18届学员 获伦敦大学金史密斯学院Computational arts MA offer 而Q同学则专门给自闭症人群做了一个沉浸式的体验装置，这就 更需要在项目开头给出明确的适用人群范围，并把自闭症的场景予以一定的体现，突出自闭症人群和普通人的区别 ，从而否则将会严重影响考官对最终成品的评判。 #2  绘图细节  定义草图是绘图的第一步， 需要列出交互装置的主体功能和大致的空间布置，以及一些空间中的细节 。另外还可以写一些设计点的阐述和结论使交互装置的轮廓更加清晰 。 在下面这个定义图中，H同学将两种方案进行了对比和排选，这也是对灵感阐述的一种补充，能够更好地体现思考的全过程。这两种方式分别是将数字地图放置在地面和天花板，最后H同学选择了能让观者在向上看的时候有一种看浮灯感觉的第二种方案。 H同学 汉艺18届学员 获LCC交互设计、用户体验设计，爱丁堡交互设计，加拿大西蒙弗雷泽大学交互设计 MA offer 而Q同学的定义草图则给出了该交互装置的平面图以及诸多细节，包括声音放大器，声音可视化，摄像头捕捉以及碎片化记忆，使装置的轮廓和空间细节更为清晰。 Q同学 汉艺18届学员 获伦敦大学金史密斯学院Computational arts MA offer 定义草图之后，我们就需要制作装置效果图了。 它是将2D或者2.5D图像转成3D图像的一种表现方式，这一步能够将交互装置的构架和细节立体化 。 对于需要厂家订购的大型交互装置来说，正面和侧面都需要3D建模。对作品集创作而言虽然没有那么复杂，但也 需要尽量将交互装置立体化的形态表现出来 。在这一点上，H同学和Q同学都将交互装置从内部构造到外部空间尽可能的细化并标注，令人一目了然。 H同学 汉艺18届学员 获LCC交互设计、用户体验设计，爱丁堡交互设计，加拿大西蒙弗雷泽大学交互设计 MA offer Q同学 汉艺18届学员 获伦敦大学金史密斯学院Computational arts MA offer 使用场景图 可以展示用户在空间中的互动行为，由于在空间中不可能只有一个互动点，而是由几个部分组成的，所以使用场景图又称作流程图。 H同学以流程图的形式把用户在场景中会发生空间互动行为的五个步骤按顺序列出，很清晰的勾勒出了用户在该空间装置中的浏览动线，让装置在每个步骤中发挥的作用都能够通过这张流程图表现出来。 H同学 汉艺18届学员 获LCC交互设计、用户体验设计，爱丁堡交互设计，加拿大西蒙弗雷泽大学交互设计 MA offer Q同学则是以使用场景图的形式来表明互动关系，能够很清晰的看到用户从进入装置到体验完的整个循环，也方便考官从每一个使用场景中了解互动的过程。 Q同学 汉艺18届学员 获伦敦大学金史密斯学院Computational arts MA offer #3  技术调研  许多同学做交互装置的时候都会遇到技术上的难题，这是很常见的，不必太过纠结，然而如何解决这些问题就要考察同学自主调研的能力了。 比如Q同学的这个体验装置就存在声音传输的技术难点，通过调研，Q同学了解了声音输入和输出的方式该如何更协调的融于空间，并通过采取processing的软件，外接声音接口，并在大屏幕上加上hdmi转换线来解决问题。 Q同学 汉艺18届学员 获伦敦大学金史密斯学院Computational arts MA offer H同学的交互装置中存在的技术点就更多了，如何点亮“孔明灯”，如何让孔明灯视频随着人而移动，都需要大量的调研 。 最终，H同学利用了ESP8266_01WIFI模块来点亮孔明灯，结合拴着灯的铃铛，使其能够控制孔明灯里面LED灯的明灭。另外，通过processing控制视频，结合kinect让人体移动的物理信号能够转换成数字信号，从而实现视频随着人的移动而移动的效果。 H同学 汉艺18届学员 获LCC交互设计、用户体验设计，爱丁堡交互设计，加拿大西蒙弗雷泽大学交互设计 MA offer #4  成品制作  成品制作就是各种材料调试，材料研究，场地布置，软硬件结合的过程 。虽然在作品集中只有一些图示和视频的展示，但做过的人都知道，炫酷的效果是需要经过反复的尝试、筛选、完善才能得到的，光拍摄角度就要尝试N次之后才能选出最佳的呈现方案。 H同学 汉艺18届学员 获LCC交互设计、用户体验设计，爱丁堡交互设计，加拿大西蒙弗雷泽大学交互设计 MA offer 到了成品制作的阶段再回头看一路走来躲过的各种坑，你还会觉得装置就仅仅是一个靠传感器做出的“靠近就会动”的简单玩意儿吗？ 装置如今的确是交互设计作品集创作的大势所趋，但同学们切勿盲目跟风，因为只有合情合理的交互装置才能为你的作品集加分，而这样的装置并不是一朝一夕就能做出来的。 想要把交互装置项目加入到作品集中的话，不仅要呈现出最终的效果，制作装置的逻辑过程也需要体现出来： 是否考虑到了用户的体验流程？是否了解软硬件的制作流程？最终成品是否能契合灵感来源？ 这些都是在准备交互装置项目中不可忽略的细节。 解锁更多装置项目的隐藏秘籍 ▼