制作交互式设计作品集的软件有很多，小R在这里就简单分享几个比较常用的制作工具，希望对同学们有所帮助：

一，

它是一个基于矢量的设计工具，可以帮助学生快速、直观地表达他们的设计。

同学们可以简单的理解为 和 的组合，它是一款非常轻量级的软件，可以提供无限的画板来展示你的项目界面中的所有细节。

交互领域的行业专家已经撰写了数百篇文章来介绍它的各种可能性。总之，它的特点是操作简单，使用方便。此外，它还有丰富的插件，可以帮助你更高效地创作。

兼容性：macOS

二，

可以和插件配合使用，被誉为插件中最实用的插件之一，可以帮助同学们深化项目，拓展开发方向，轻松检查界面大小，字体，颜色，大小等。

此外，它还允许直接从画板导出各个元素的代码，例如CSS样式的文本，为前端开发人员节省了大量的工作。

如果你有计算机语言基础或背景sketch user flow，你也可以对你的交互式项目进行更深入的研究和开发，这会给审稿人留下深刻的印象。

兼容性：macOS，

Figma

Figma 是一个相对较新的工具，其界面几乎与 相同。

它是一个创新的工具，主要是因为它允许设计团队实时协作和评论设计，这也是 Figma 最重要的功能。

分享有助于学生以协作的方式完成设计过程，特别适合国外强调合作项目的教学模式。

兼容性：macOS，

4. iDoc

它还是一款功能强大的交互式设计协作工具，连接交互式设计学生和计算机工程学生。它允许设计师自动切换设计并从草图导出设计或直接自动查看准备好的规范。创建交互式和动画原型。使设计协作更加容易。

iDoc最主要的特点是支持一键导入、和，并能自动生成精准的设计规范、图层数据和代码片段，创建高保真的交互原型和真实的设计文件。

此外，全视图故事板可以展示整个项目的设计任务和工作流程sketch user flow，允许多方对项目进行评论并提供即时反馈。

兼容性：macOS，

五，

它于 2013 年推出，旨在帮助交互式设计学生在不了解代码的情况下创建网站。它允许交互式学生在相对较短的时间内使用与 相对相似的界面创建网站。

虽然交互式学生不需要了解代码即可使用此工具，但可以根据客户的需求导出和更改网站的 HTML/CSS 标记。

此外，学生可以发现与 字体的完全集成、高质量的 cms、代码访问、存储和设计代码的完整导出。

值得注意的是，它非常适合简单的静态网站。当涉及到复杂的动态网站时，学生应该尝试寻找另一种解决方案。

兼容性：macOS，

Adobe XD

Adobe 以 和 而闻名，但 2014 年 Adob​​e 发布了一款新的 UX 原型设计工具 CC（以前称为 Comet）。

主要有两个选项卡需要关注：设计和原型。该选项卡具有简单的矢量和文本工具，可用于创建学生的交互式设计作品。该选项卡用于预览和共享学生的交互式设计作品。

兼容性：macOS，

七，

能够与和无缝链接，这是一种 Webby 产品，允许设计师自由地设计、审查、测试并与开发人员和其他团队成员共享结果。

该产品最突出的优势是其项目协作功能，该功能允许所有用户提供反馈、做笔记并实时查看产品的变化。

还提供构建手机原型的完整服务，从而模拟数码产品的多功能性和它们在手机上的应用。

兼容性：macOS，

8. Azure RP

在 UX 设计领域非常有名，它是功能最全面的原型设计工具之一，但也是一款入门相对困难的软件。它允许学生添加交互、创建母版页以及使用小部件库中的现成组件。

Web 设计和 UX 设计学生可以使用它来创建可点击的线框（）、用户流（）、信息框架（）和交互式原型（）。

如果学生未来的目标是成为交互设计师，则可以用它构建更复杂的交互原型，但掌握编程基础知识需要一些时间。

兼容性：macOS，

这里介绍的软件只是互动设计作品集可能用到的部分软件，其实还有其他软件如、、、等也可以用在作品集的制作中，同学们在接触软件之前可以先大致了解一下软件的特点，这样会让你的作品集制作更加高效。

如有侵权请联系删除！