申请海外交互设计专业，作品集中不仅要有调研和模型研发过程，还需要完整的成品制作展示。而且基于不同设计目的和需要会产生不同的成品形态，而80%以上的交互作品集中出现的成品多为APP、网页、复合APP、交互装置、游戏项目。

以上几种不同类型的成品形态，也对应着各不相同的制作流程。但国内的大部分同学似乎对不同类型的交互成品的制作流程并没有一个清晰的概念认知。

本周二Portfolio+专栏，康石石便为同学们系统梳理出不同交互设计项目成品的制作方式，望能对大家的交互作品集创作提供明确的制作思路及技巧。

一、APP/网页制作

交互设计作品集中，最容易上手的就是单一化的APP或网页项目，几乎每一个同学都会涉及到。由于APP与网页项目的制作过程与方法相似程度高达90%，所以在这一小节里将简明扼要地为同学们讲解这一部分知识。

1.制作过程

一般来说，APP/网页制作过程分为4步：

1）概念设计阶段（ConcptDvlopmnt）

在这一阶段会将调研痛点整合，得出设计机会。将设计机会变为功能点投放在信息架构图中，用线框图表现交互方式。

2）方案调整阶段（ConcptRfin）

在这一阶段会将信息架构图和线框图给他人进行测试，对测试反馈的结果进行修改。修改过程需要表现在作品集中。

3）原型呈现阶段（ConcptDlivry）

在这一阶段会将测试的最终版以高保真的呈现形式放在作品集中。

4）页面渲染、场景渲染阶段（Rndring）

在这一阶段对整体界面再美化，提高作品集竞争力。

G同学，汉艺16届学生，获布鲁内尔、金斯顿、拉夫堡、朴茨茅夫offr

W同学，汉艺15届学员，获伦艺offr

2.制作方法

1）信息架构图InformationArchitctur/structur

信息框架图就是将用户需求中所包含的信息提取出来。有些同学会对信息结构图、功能结构图的区别感到疑惑，这里给同学们明确一点，产品本身就是承载信息的存在，没有完全的信息类和功能类的区别。

因此，信息架构图会把功能核心表现出来。这样的架构是产品的骨骼，它应该尽量保持简单、明了，不可以轻易变更，让用户无所适从。次要功能丰富主干，不可以喧宾夺主，尽量隐藏起来，而不要放在一级页面。