上一篇给大家讲了制作交互设计作品集，前期的准备和应具备的内容框架，将自己作品素材已经梳理好的小伙伴，接下来就可以来做核心的作品内容了。
本文将重点介绍上一篇框架中“四、作品集主体”这一部分的内容。
交互设计作品集，注重的是思维逻辑，将自己作品案例罗列累计显然是不明智的做法，一方面无法聚焦你的优势和专业能力，另一方面读者也会产生思维疲劳。好一点的做法是，将自己的专业能力和掌握的专业知识分解，然后映射到对应的作品案例上，每一个作品重点突出你的某一项能力，然后整个作品集是你的综合体现。
下面我讲一下在不同的案例中，应该是怎样的框架，都需要透出交互设计上的哪些知识点。
要点：交互设计所涉及的全流程个环节完整、每个环节不必特别详细，一页表达清楚即可，但前后逻辑关系要严谨。
知识点框架：透出内容之间的衔接、上下游的因果关系突出，是整个案例要表现的。
举个栗子为了大家理解内容的衔接，给看一个只有逻辑内容，没有视觉美化的案例：
以上是让人知道，你逻辑严谨，且可以跑通全程的。即便拿一个普通的作品来做也没有问题。
要点：突出对用户调研和可用性测试的专业性和完整性、研究结果利用的合理性。
①项目背景：简单描述，提出项目价值或问题。
②用户研究（完整展现知识点）：前期准备、用户样本分类及特种、访谈或问卷提纲构建、数据分析、调研结论。
关于用户调研。可查看文章：《了解用户：调研的定量与定性》《用户体验之定量调研：让问卷无可挑剔》《用户体验之定性调研：让访谈物尽其用》
③需求分析：建立用户角色、分析目标用户特征，得出主要用户和次要用户，确定产品定位。
④需求解决方案：简单阐述产品定位，和核心界面的线框图即可，这一环主要是为了下一步可用性测试来起到衔接作用。
⑤可用性测试：测试前准备内容、启发式评估原则及结论、测试方法（发声法/观察法/AB测试/眼动测试等）、测试结果、分析后结论、修改建议。
⑥产品最终原型：是经过改良后的产品方案，要体现出可用性测试的结论。
作品集的展现上需体现出以下具体内容。用户调研相关可视化框架模板，供大家参考：
要点：突出对流程和界面布局方案的思考、原型设计方法和修改。
①项目背景：简单描述，提出项目价值或问题。
②产品定位：呼应背景中提出的项目价值或问题，给出相应产品定位描述、目标用户和典型场景，1~2页概括即可。
③功能架构分析：根据产品定位给出需求转化模型、功能优先级、产品整体功能架构。
④任务流程分析：根据功能架构，给出详细的流程分析图，定义每个功能任务。
⑤界面信息布局：详细的界面线框图、流程引导、注释说明。
⑥交互规范和视觉效果：控件规范、文字规范、色彩规范。
体现在页面上的可视化框架如下：
界面原型设计最完整的作品，适合在这一案例中表现，同时这也是一个设计师的基础核心能力。
要点：一般选用已经面向市场的产品，提出当前问题后，阐述解决方案，突出服务设计理念的完整性，或运营前后的用户变化程度。
①项目背景：简要概括项目背景，一般是已经面向市场的产品。
②市场分析：利用SPET、波特五力模型、SWOT分析、5W2H等分析方法，得出市场现状。
③用户旅程图：用户从使用到结束完整的旅程，写出每一阶段的描述和遇到的问题。
④需求痛点分析：梳理用户核心痛点、设计机会、得出机会所转化出的功能、功能优先级。
⑤商业模式分析：商业画布（合作伙伴关键业务核心资源价值主张客户关系渠道通路成本结构收入来源）。
⑥服务设计/运营方案：商业拓展方案、服务设计蓝图、或运营推广方案的模型图等（围绕之前提到的痛点和商业模式来进行可视化展示）。
⑦市场效果：设计或运营方案应用后，市场的反馈数据，活跃度或粘性的增加等（如果没有实际数据也可以不写）
对细节问题的处理、微交互、相关设计原理或方法论的利用等。不必是完整的项目，可以是某个小环节，作为专题的形式来展现，证明你的细节处理能力。
如以下案例：
6.1数据信息可视化
通过你作品集每一页的信息布局和图形表达来展现，因为原本你作品集上的每一页，应该有很多的文字和数据来传达，但为了他人更轻松易懂的看明白，你需要以可视化的方式表现。所以你的作品集在无形当中就已经在透出你这方面的能力。
关于信息可视化的一些技巧：利用方法论模型、利用数据表、场景故事化、关键字突出法
作品集信息可视化的一些常见问题：
6.2沟通与话术构建能力
作品中总会有无法用可视化表达的内容，你每个项目中的介绍和注释描述，都去简化和推敲，你精准的文案表达就会体现出你的沟通与话术构建能力。
6.3审美感知能力
作品集的封面与内页的装帧设计、每一项目的首页设计、每一页中的排版布局设计，将是你视觉审美设计的体现。
所以：
1.在制作作品集之前，找准作品集视觉风格，包括配色和图形特点，再开始制作；
2.在制作过程中随机调整图文；
3.作品集初稿完成后自查，统一各级标题与文本的“字体、字号、字色”，校对图形的主体色和辅助色，精简多余的装饰性视觉元素。
但要注意，这里的视觉效果还是以提升你作品集的可读性为主，装饰为辅。让人在阅读时把注意力放在你内容的逻辑上还是最重要的。
6.4复盘思考能力
在每一章节或项目结尾，对项目核心所展现的能力进行总结。该总结应该重点放在知识点的运用梳理、方法论的理解、或某个问题的顿悟，尽量避免主观的情感表达。
以上就是交互设计作品集制作的全部流程和方法论，你get到其中技巧了么？
关于如何写背景分析，可查看文章《项目背景分析怎么写》
关于用户调研。可查看文章：《了解用户：调研的定量与定性》《用户体验之定量调研：让问卷无可挑剔》《用户体验之定性调研：让访谈物尽其用》
如您所见，信息可视化 可以产生令人难以置信的美丽图像，高效的传达信息。下面的图像是现已解散的安然集团的通信组织图。
作者/版权所有者：Kitware Inc.版权条款和许可：CC BY-ND 2.0
Ben Shneiderman说： “可视化的目的是洞察力，而不是图片。”
那么，可视化是否有设计诀窍呢？Riccardo Mazza在他的书“Introduction to Information Visualization”中，为我们提供了一种信息可视化的5步设计法，我们一起来看看吧。
整个设计过程很简单，一旦你审查了这个过程，它应该是常识：
1、定义问题
2、定义要表示的数据
3、定义表示数据所需的维度
4、定义数据的结构
5、定义可视化所需的交互
1.定义问题
与任何用户体验工作一样; 第一步是定义信息可视化将解决的问题。这通常需要一些用户研究 来回答问题; “我的用户需要什么呢？”、“他们将如何使用它？”
您可能正试图向用户解释某些内容，或者您可能正试图让他们建立新的联系或观察;为了将问题定义清楚，您还应考虑用户群特有的任何特定因素，比如：他们的教育水平或数据处理能力如何？他们过去的数据有什么样的经验？这将指导输出的复杂程度，并阐明用户的整体需求。
2.定义要表示的数据
有三种主要类型的数据可以通过信息可视化来表示，它们的映射方式可能会有很大差异-因此，在开始设计之前，在您的脑海中清楚地了解数据，您将使用哪些数据？
1、定量数据 -这是数值类的数据。
2、有序数据 -非数值的，但具有内在顺序的数据。（例如，想想一周中的几天。）
3、分类数据 -既没有数字也没有内在顺序的数据。（例如商业名称或地名）。
3.定义表示数据所需的维度
必须仔细考虑数据集的维度或属性的数量，因为它将在很大程度上确定哪些数据可用于进行信息可视化。数据中表示的维度越多-理解信息可视化就越混乱。因此值得注意的是，具有大量维度的数据可能更适合使用高度交互式表示，不适合静态图形展示。可以根据要研究的相关维度的数量将分析分成四种类型：
1、单变量分析 -针对自变量研究单个因变量
2、双变量分析 -其中两个因变量针对自变量进行研究
3、三变量分析 -其中三个因变量针对自变量进行研究
4、多变量分析 -针对自变量研究三个以上的因变量
作者/版权所有者：Chire。版权条款和许可：CC BY-SA 3.0
多变量分析的图像，其中数据点之间的关系很多且相关。
4.定义数据的结构
这是关于检查数据集如何相互关联的全部内容，常见的关系结构包括：
1、线性关系 -数据可以以线性格式显示，例如表格，向量等。
2、时间关系 -数据随着时间的推移而变化
3、空间关系 -与现实世界相关的数据（例如地图数据或办公室平面图）这有时也被称为地理关系
4、分层关系 -与定义的层次结构中的位置相关的数据（从办公室管理结构到简单的流程图）
5、网络关系 -数据与同一数据中的其他实体相关
作者/版权所有者：Nathanael Crawford。版权条款和许可：CC BY-SA 3.0
以上示出了分层网络模型的示例。
5.从可视化中定义所需的交互
设计过程的最后一部分要求您了解用户信息可视化所需的交互级别。有三类互动：
1、静态模型 -这些模型按“原样”显示，例如您保存在汽车中的道路地图集中的地图。用户无法修改它们。
2、可转换模型 -这些模型使用户能够转换或修改数据。它们可以允许用户改变用于分析的参数或者为数据集选择不同形式的视觉映射。
3、可操作模型 -数据有时候是高度关联的，通过操作部分数据图形，可以获得关联数据的变化，从而产生新的见解是一种常见的互操作方法。例如：我们可以通过DataFocus快捷创建图形的联动操作。
作者/版权所有者：DataFocus 版权条款和许可：CC BY-SA 3.0
小贴士：设计信息可视化的过程可能与您的最终输出并不直接相关，但可以使您更加明智地决定何种表示形式最适合您的用户。通过充分了解用户的需求，以及他们需要展示的数据、数据中的关系和模型类型，信息可视化设计师可以提供充分满足这些需求的可视化作品。
刚好前两天整理了一下关于这方面的资料，希望可以帮助到您哦~
1、基础软件
（1）Photoshop（简称PS）
堪称大神软件，入门程度低、性能稳定、能处理大部分的图像，让它成为目前最为通用的平面美术设计软件。
在使用上主要可以分为两大类功能：图像处理以及绘图。图像处理就是我们简称的P图或者PS，也就是对于图像作出后期处理；绘图类功能则需要同学们除了PS基本操作以外，还要具备一定的美术和绘画基础。
而且PS的好处是当你不想展示特别逼真的渲染效果，利用PS也可以制作出一些在渲染软中无法得到的材质效果和质感。除了建筑效果图以外，平面图和剖面图等等的后期制作也可以应用PS去做。
（2）Illustrator（简称AI）
AI跟PS的一个最大的区别就在于，使用AI绘制出来的图形可以放大至无限大而依然保持着清晰度但PS不可以。
所以在绘制形状和直线这类图形的话，AI会更加方便，同时AI也能做简单3D的图和插画，还特别适合做logo。因此AI其实特别适合于制作前期调研的各种图形以及一些插画风的渲染图，室内设计尤甚。
（3）InDesign
排版神器，很多出版社、杂志等等的平面美术排版工作都是用它来做的。AI排单页很强，画一些东西的话效果也很好，但比起InDesign还是略显逊色。
建筑设计作品集中同学们经常都会导出很大的图，用InDesign就能解决这个问题，所有图片用的都是链结的方式所以处理得更快也不会死机。它更擅长多页排版，直观对页显示，也更好的支持复合字体。
2、绘图软件
（1）AutoCAD
这是在国际上最为流行的一款绘图工具，主要用于二维绘图、详细绘制、设计文档和基本三维设计。
它的多文档设计环境，让非计算机专业的人也能很快地学会使用。同学们可以在不断实践的过程中更好地掌握它的各种应用和开发技巧，从而不断提高制作作品集的效率。
（2）Revit
在国外的使用率近年有见增长，尤其是国外的设计事务所因为AutoCAD的商用版是较为昂贵的，因此现在招聘的时候都要求应征者需要会Revit制图。
Revit其实相对于AutoCAD来说更加全面，不止能画平立剖面图，还可以建立3D模型，能够解决多专业的问题。并且操作相对于CAD更加简单，经验不足的同学们可以尝试使用。
3、渲染软件
（1）VRAY
这是目前业界最受欢迎的渲染引擎，支持大部分的建模软件包括3Ds max、Maya、Sketchup、Rhino，渲染出来的效果图效果也是很好。
唯一的缺点可能是调的参数比较多，渲染的时长也稍微久。也不是实时渲染，要多次试小样看效果，最终的效果出来基本就跟肉眼看到的差不多，不太推荐赶时间的同学使用。
（2）Lumion
是一个实时的3D可视化工具，软件本身自带了丰富的素材库，有建筑、汽车、人物、动物、街道、街饰、地表、石头等，可以轻松创建地形，比如山地和海洋，并且可以模拟天气，能非常快速的制作出动画场景，可以说是简单易上手。
4、建模软件
（1）Sketchup
Sketchup是国内学习建筑的学生必须掌握的软件，操作简单易上手，建模速度快，可以很直观地看到设计的最终效果。
目前国内绝大多数建筑公司基本上都在使用Sketchup，建筑专业的学生设计的项目都必须依托场地来进行，利用SketchUP还可以快速的抓取小体量的地形，这样做不仅方便快捷，还能直接使用SU平台，通用性很高。
（2）Rhino
Rhino作为一款功能强大的建模软件，拥有出色的曲面建模能力，建模精准。不只是建筑设计，在工业设计、珠宝设计等行业都被广泛使用。
因为rhino模型是曲面，所以可编辑性和利用性会更强一些，地形也会体现得更加精准，作品集的整个呈现也会显得更精细。
（3）Maya
Maya是一款三维动画软件，可以创造极其自由丰富的曲面，并且可以渲染出逼真效果，不少国际顶尖的建筑设计公司、院校也在广泛使用。
转载请注明：片头模版 » 信息可视化设计作品集(交互设计作品集)
