Question

交互设计如何设计作品集

Answer 1

知乎、Quora、 ux.stackexchange.com等论坛都有相关的讨论，本文总结这些观点并针对自己求职的体会，探讨交互设计师的作品集应该如何设计，以期为旨在从事交互设计工作的同仁提供帮助。 既然是交互设计的作品，则不同于GUI或平面设计，也不是用户研究的结论展示，而应该是面对问题，综合考虑提出最佳的解决方案并将其实施执行，因此交互设计师的作品集应该重点突出实际项目中面对问题提出解决方案这一系列过程，以及最终的效果。 1. 设计案例最好是实际项目，而不是自己做的再设计 交互设计师在实际工作中会遇到各种问题，面对的需求也可能五花八门，需要与很多不同工种的同事进行沟通，面对这些限制和问题如何找到最本质的需求，在所提出的各种方案中找到最优解是非常重要的能力，这些只有在真实项目中才会遇到，而自己所做的再设计方案并不能遇到这些问题，因此作品集应该尽量展示这些实际项目。 尽量选择实际项目 2. 说明解决问题的过程，以及效果 交互设计是对需求和问题提出最优的方案，单一的方案并不能很好的展示自己的专业性，设计案例应该描述项目或者需求的内容、存在的问题、设计师的提案及相应分析、最终方案的优越性，最好能展示该方案最终的实际效果，例如带来了多少流量、注册量等。建议使用故事版、流程图等直观的形式来展示这些内容。 展示解决问题的整个思考过程 2. 使用去掉视觉效果的线框图 加上视觉效果的设计稿容易让人将更多注意力置于非交互的部分，因此交互设计案例应该尽量展示线框图和流程图，并配上一定的文字说明。线框图可以采用多种形式，包括手绘图、Visio或者Axure做的线框图，尽量采用多种设计工具来展示自己的专业性。 使用线框图 3. 尝试使用具有交互效果的展现形式 单纯的方案截图并不能很好的展示设计元素的各种模态、交互流程和效果，特别是移动产品的设计，因此使用动画效果来展示方案，但是不应该使用过多繁复的操作增加阅读者的成本。 交互性的展示 4. 注意图片尺寸，展示设计细节 每个设计方案图片应该突出一两个重点来阐述该方案的优越性，而且太大的图片会增加页面的加载速度。单纯的图片也不能很好的说明方案成立的原因，需要添加一定的文字说明。 方案的细节说明 5. 注意整个作品集的品味、审美素质 交互设计师虽然更关注产品的信息架构、操作流程等方面，但也应该注意作品集的整体性和美学性，注意作品集给用户带来的体验，这也可以更有说服力的展示设计师的专业性。 注意作品集的品味 6. 提供最能体现自己水平的作品 阅读者在浏览作品集时通常会认为这就是设计师最好的作品，因此应该细致的打磨作品集中的每一个案例，尽量展示最能体现自己专业素质的设计，而对于自己所做的设计小品，本人认为与交互设计关系甚远的应该删去。 提供最佳的作品 7. 避免设计案例版权问题 实际项目中的设计方案，很多时候都涉及版权问题，设计师在选择案例时也应该有所注意，未上线的项目或者签了保密协议的项目更应该注意这类问题。

Answer 2

交互设计作品集制作流程

1、查看院校要求

不同院校专业的侧重点不同。

UAL lCC的MA Design for Social Innovation and Sustainable Future，它的研究点是未来、可持续发展。这代表着应用的领域更广阔，同学们选择的主题更不受限制。同学们可结合科技，展示人文的沟通交流以及情感的表达等进行设计。

同学们要根据目标院校的要求来制作作品集，选择的主题与院校要求契合，这样才能大大地提升被录取率。

2、主题确定

作品集的主题要多元化，让考官看到你其他方面的可能性，而主题可以是多方面的：

比如偏向实用类或是细节设计的主题、全球化发展与变化的主题、可持续发展方向的主题、对未来的社会形态意识的思考主题、科技类主题、概念类主题等，不管是哪类主题，最好结合专业要求制作项目。

3、调研

确定主题后，就需要围绕主题进行相关的问题调研和用户调研。

如果你要做的是关于产品的交互设计，你就要问问那些使用过产品的人，看看他们遇到了什么问题，他们觉得哪里很不爽……

4、用户自画像

在调研用户的过程中，会接触各种各样的人，他们有着不同的职业、年龄、兴趣爱好等。

但他们也有一些共同性，比如比如现在大家都知道80后、90后都在用微信，已经不使用QQ了，反而那些小学生更喜欢用QQ，这就是用户群体的共性。

把这些「有相同共性」的「用户特征」整理起来，也就是用户的主要特征，可以用一个虚拟的人物去代表这个「群体」，这就是我们所说的用户画像。

除了确定用户的主要特点外，还要确定他们的需求和目的。为了增加真实性，可以给人物角色（Persona）取名字，选一张照片，细化他们的背景资料。

5、写问题脚本

写问题脚本主要是为了将问题描述清楚，只有认清问题，才能更好地解决问题。

在描述问题的过程中，我们需要把用户画像带入到「产品的使用场景」，罗列出用户在使用产品时可能遇到的问题，此环节是为了凸显「问题」，可以写成一个故事便于别人理解。写的方法也非常讲究，需说明：用户是谁（用户画像）、在什么情况下、做了哪些事情、产生的疑惑是什么、产生的情绪是什么、接下来他是怎么解决问题的……

问题脚本尽量写得详细点：场景介绍的详细、用户画像介绍的详细、用户任务介绍的详细、用户行为详细、用户问题、用户情绪、用户痛点都记录的详细，而并不是要你把每一步操作点击了什么写的很详细。

6、写动作脚本

动作脚本是记录用户「具体操作过程」，通常情况下，每个人的需求和场景都不太一样，所以操作的过程也不完全一致，你自己操作的时候觉得没问题，但别人就遇到了问题，所以你需要把对方的使用过程详细描绘出来，这样才能反应出问题。

7、简明扼要的可视化展示

接下来就是要提出设计方案了，并将设计方案通过视觉语言展现出来，最好按照讲故事的方式展现：

①发现问题，想要解决问题

②怎么一步步解决问题，在解决问题的过程中做了什么？

③交代遇到的挑战和限制，自己怎么解决的，现阶段解决不好的，在未来解决的机会点在哪里？

而设计的视觉表现的形式则有很多种：大致包括思维导图、故事版、线框图、用户流程图user flow、小样mockups、模型制作、产品（或APP，网页）设计、沉浸式、装置艺术、实验影像、VR等。

8、用户测评

我们往往对自己的设计存有偏见，而通过用户反复测试原型，可以找到问题并修改和完善自己的设计。“用户”可以是使用者、其他设计师、工程师、其他利益相关者等。

9、最终制图和排版

排版的重要性就不多说了，同学们一定要按照一定逻辑进行排版，清晰地将设计的制作过程展现出来。

国外名校的考官希望看到学生的思维过程，一个设计从无到有的过程是否合理又有新意，设计背后的过程以及这个过程体现的是否清晰明确有理，是体现学生设计能力的有力证明，也往往是学校里教授们关注的重点。

Answer 3

作品集最好在线保存，便于查看。另外，说一个大家在做作品集时，可能忽略的点，在作品集中展示出你个人的设计思维。
在设计行业有这样一句话：普通的设计师做图，优秀的设计师解决需求，顶尖设计师创造理念。由此可见，越是优秀的设计师越需要对设计理念、设计方法、设计思维等有所涉猎。
如果你是一位资深设计师，对设计有一套自己的方法论，那不妨在作品集中充分展示出来。
选择一个较满意的作品，分享你的设计过程，可包含用户需求、头脑风暴、用户体验设计、视觉设计、原型设计、动画和测试等等。着重展现你对设计流程和解决用户需求的思考。
你如果没有作品集，可以用蓝湖托管，不需要下载，在线就能查看，很适合面试的时候发给面试官。

Answer 4

可以试试蓝湖，直接在线展示，可以展现每张设计图之间的关系，比较方便

Answer 5

作品集是设计师对个人能力的证明，作品集足够出彩，才能让心仪企业在茫茫人海中选中你。如何做出出彩的设计作品集呢？
首先，是作品集制作时间的选择；
作品集的最佳准备时间是在项目完结后，秉承设计总结的心态去做设计作品集，才是正确的方向。

绝对不能是在找工作的时候，临时抱佛脚。没时间进行打磨，是很多设计作品集质量不佳的根本原因。如果以找工作为结果导向，设计师更多的会去呈现设计结果，这样完成的并不能称为作品集，而是图片合集。
第二，是作品集的视觉呈现；
很多交互设计师不太注重自己的作品集的视觉呈现，这是错误的，注重视觉呈现对交互设计师而言很重要。好的视觉呈现能够提高整体交互设计案例输出的专业度，也是对你综合能力的体现。

作品集内最好包含 3-4 个完整的项目，页数最好控制在 20 页以内。
第三，作品集就像一篇简化的图片论文，你得有过硬的、出彩的观点；
这个观点可以是图像化，也可以是文字化描述。要写好这篇”论文“，设计师要清楚自身的岗位及价值，如果定位是执行，那么你的作品集，要有强化执行的设计案例以及相关描述。
没有一份作品走天下的道理，除非你覆盖面非常全，包含各类型产品，一般来说面试不同的职位，需要对作品集进行恰当的调整。
通过作品集的细节，包括视觉的推导、交互的思考过程，筛选官会对你的进行评级。
最后，作品集内容的论证的方式必须是经得起推敲的。
设计价值、思维、逻辑等内容不一定要全部在作品集展现，但是你必须自己过一遍，而且要非常有逻辑，清晰有条理，为什么？

因为面试官非常重视这些问题，一定会在面试中问到。
总的来说，作品集的整理，第一得体现和岗位的匹配度，第二要补充那些非核心的设计能力考核要素，这就是整理作品集的核心。