1. 脑图工具

      脑图是一个很好用的工具，笔者和笔者身边的小伙伴们平时在梳理想法的时候都是会使用到的软件。在这里给大家介绍两款软件。

      Xmind

      Xmind 的优点就是大、全。主流平台都支持，所以不用担心和其他用户共享文件的问题，同时支持各式各类的图形模式。可以说 Xmind 不仅仅能画脑图，各种商业用图都能够画。最重要的是，免费，使用学习成本上还算过得去。入门首选。

      线框图工具

      线框图是交互设计中最重要的一个产物，是产品的骨架。好比是一个建筑的建筑结构图，一个优秀的产品被搭建起来，那么线框图尤其重要。下面为大家推荐一些常用的线框图绘制软件。

      Adobe Illustrator

      Illustrator 也是一款老牌软件了。每一款 Adobe 的软件都有不同的用法，Illutrator 也一样。在盘古开天辟地之时，Illustrator 就是一款矢量图绘制软件，常用来制作印刷品，然后诞生了插画行业。当然，作为一款优秀的矢量图绘制软件，线框图也被纳入了它的目标领域。

      Sketch

      Sketch 就不多做介绍了，简单易用，上手难度低。也是近几年最流行的 UI 设计软件，谁用谁知道，一用忘不了。线框图和视觉稿样样精通，同时还可以配合移动端的 App 提前预览设计稿

 Axure

      在 Sketch 出来之前，Axure 可能是最流行最广泛的线框图设计软件了。更重要的是，Axure 还提供了交互原型设计功能。如果您需要一个快速出设计稿，并且提供交互方式进行效果验证的工具，那么您应该使用该软件，因为它可以帮你赢得更多的时间，高效，快速。

      3. 动效原型工具

      原型可以加速产品整个流程，很多情况下，不必等到进入实际开发，就可以提前验证，避免造成资源浪费。

      Adobe Experience Design

      Experience Design 是 Adobe 为了对抗 Sketch 专门推出的 UI 设计软件。仅从使用角度上来讲，针对 UI 设计的确做了很多优化，并且最重要的一点就是可以直接设计交互动效。为什么做动效，当然是为了提升用户体验，增加用户的愉悦性和趣味性。支持 Windows 和 Mac 平台，好软件一枚。

      Framer

      Framer 功能强大，可以说没有 Framer 实现不了的交互动效。但是唯一的缺陷，不是所有的设计师都会写代码。如果你想啃下这款软件，那么你得下狠心了。但是现在流行跨界结合，相信也会培养出不少跨界设计师。

      Keynote / Powerpoint

      如果说你想快速验证一下交互动效，Keynote 将是你的不二之选，就跟做 PPT 一样，动效就做好了。除了无法与用户实际发生交互之外，拟真度也不错。

1、Adobe XD

Adobe以Photoshop和Illustrator而闻名，但是14年Adobe发布了一个新的UX原型工具AdobeExperience Design CC(以前称为Project Comet)。

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

2、Sketch

Sketch是一个基于矢量的设计工具，可以帮助学生快速而直观地进行设计的表达。

学生可以把sketch简单地理解为Photoshop和Illustrator的结合，而且它是一个非常轻量级的软件，可以提供无限的画板去展示你项目界面中所有的细节。

交互的业界专家已经就它的各种可能性撰写了数百篇文章，总而言之，它的特性是简单操作、易于上手。另外，sketch拥有丰富的插件，可以帮你进行更高效地创作。

3、Webflow

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

虽然交互学生不需要知道使用此工具的代码，但是可以根据客户的需要导出和更改站点的html /css标记。

另外，学生可以找到与谷歌字体完全集成，高质量的cms，访问代码，存储和完全导出的设计代码。

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

4、Zeplin

Zeplin可以作为Sketch的插件一起使用时。它被称为sketch的插件中，最有用的插件之一，可以帮助学生深化项目，拓展到开发方向时，轻松地检查界面的大小、字体、颜色和尺寸。

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

如果你有计算机语言的基础或者背景，Zeplin也能为你的交互项目做更加深入的研发，让审核官对你刮目相看。

5、Figma

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

它是一个创新的工具，主要是因为它允许一个设计团队进行协作，并对设计进行实时评论，这也是Figma最重要的特性。

通过分享artbroad帮助学生以小组协作的方式完成设计过程，特别适合国外重视合作项目的教学方式。

6、Mockplus iDoc

MockplusiDoc是也是一个强大的交互设计协作工具，链接交互设计学生和计算机工程学生。它允许设计人员自动切换设计，并从草图、Photoshop或AdobeXD直接导出设计，并自动查看准备好的规范。创建交互式和动画原型。使设计协作更容易。

Mockplus iDoc的主要特点是支持从Sketch，AdobeXD和Photoshop的一键导入，而且能自动生成精确的设计说明书、图层数据和代码片段，建立高保真互动原型与真实的设计文件。

另外，MockplusiDoc全视图故事板可以显示整个项目的设计任务和工作流程，满足多方对项目进行评论，提供即时的反馈。

7、Azure RP

AxureRP在UX设计领域非常有名，就功能而言，它最全面的原型工具之一，也是比较难上手的一款软件。它允许学生添加交互、创建母版页和使用来自小部件库的现成组件。

网页设计和用户体验设计的学生可以使用它来制作点击线框图(wireframing)、用户流(userflow)和信息框架(information architect)以及交互原型(prototyping)。

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

8、Invision

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

这个产品最突出的优点是它的项目协作功能，它允许所有用户提供反馈，做笔记，并实时看到产品的变化。

InVision还提供了一项完整的服务，以建立手机原型，从而模拟数码产品的多功能性及其在手机上的应用。

1、Adobe XD

Adobe以Photoshop和Illustrator而闻名，但是14年Adobe发布了一个新的UX原型工具AdobeExperience Design CC(以前称为Project Comet)。

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

2、Sketch

Sketch是一个基于矢量的设计工具，可以帮助学生快速而直观地进行设计的表达。

学生可以把sketch简单地理解为Photoshop和Illustrator的结合，而且它是一个非常轻量级的软件，可以提供无限的画板去展示你项目界面中所有的细节。

交互的业界专家已经就它的各种可能性撰写了数百篇文章，总而言之，它的特性是简单操作、易于上手。另外，sketch拥有丰富的插件，可以帮你进行更高效地创作。

3、Webflow

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

虽然交互学生不需要知道使用此工具的代码，但是可以根据客户的需要导出和更改站点的html /css标记。

另外，学生可以找到与谷歌字体完全集成，高质量的cms，访问代码，存储和完全导出的设计代码。

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

4、Zeplin

Zeplin可以作为Sketch的插件一起使用时。它被称为sketch的插件中，最有用的插件之一，可以帮助学生深化项目，拓展到开发方向时，轻松地检查界面的大小、字体、颜色和尺寸。

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

如果你有计算机语言的基础或者背景，Zeplin也能为你的交互项目做更加深入的研发，让审核官对你刮目相看。

5、Figma

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

它是一个创新的工具，主要是因为它允许一个设计团队进行协作，并对设计进行实时评论，这也是Figma最重要的特性。

通过分享artbroad帮助学生以小组协作的方式完成设计过程，特别适合国外重视合作项目的教学方式。

6、Mockplus iDoc

MockplusiDoc是也是一个强大的交互设计协作工具，链接交互设计学生和计算机工程学生。它允许设计人员自动切换设计，并从草图、Photoshop或AdobeXD直接导出设计，并自动查看准备好的规范。创建交互式和动画原型。使设计协作更容易。

Mockplus iDoc的主要特点是支持从Sketch，AdobeXD和Photoshop的一键导入，而且能自动生成精确的设计说明书、图层数据和代码片段，建立高保真互动原型与真实的设计文件。

另外，MockplusiDoc全视图故事板可以显示整个项目的设计任务和工作流程，满足多方对项目进行评论，提供即时的反馈。

7、Azure RP

AxureRP在UX设计领域非常有名，就功能而言，它最全面的原型工具之一，也是比较难上手的一款软件。它允许学生添加交互、创建母版页和使用来自小部件库的现成组件。

网页设计和用户体验设计的学生可以使用它来制作点击线框图（wireframing）、用户流（userflow）和信息框架（information architect）以及交互原型（prototyping）。

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

8、Invision

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

这个产品最突出的优点是它的项目协作功能，它允许所有用户提供反馈，做笔记，并实时看到产品的变化。

InVision还提供了一项完整的服务，以建立手机原型，从而模拟数码产品的多功能性及其在手机上的应用。

Axure

虽然现在很少用到了，但作为步入互联网第一个接触的软件要纪念一下。功能大而全，有丰富的控件可以调用（网上对于Axure的控件资源很多），通过简单的逻辑关系组合出丰富的动画（8.0在动效制作有大幅提升）。

但正是因为它的大而全使其在移动端设计上不够灵活，功能多而复杂。软件自身的设计不符合设计师工作习惯，当元素多时绘图面板非常混乱，产出物死板不美观。

当然Axure可以做出高保真界面，但相比于Sketch要花费很大成本，如果未能多去建立母版，之后的二次三次修改成本很高。大部分产品经理在Axure上图配文并生成html作为文档传递给下一工作流程上的组员。

绘制高、低保真网页原型图；可作为产品、交互文档输出工具。

Sketch

完全针对移动端设计而生的软件。界面干净直观，分层的概念符合设计师工作习惯，当界面复杂时明确的图层与分组使元素控件管理起来非常方便。

Artboard、Symbol和Text style 的运用简化了重复内容调用的工作也减轻了后续修改工作，图配文的文档输出管理好过Axure。第三方插件的开发和控件库资源使设计更方便，还有很多其他的小功能，比如Share（用其他电脑可以实时观看设计进度），自己还要边使用边发现。

与Axure对比，前者更适合网页原型设计而后者更倾向于移动端产品。国外Sketch已经有取代Ps、Axure的趋势了，国内也开始普及，一些公司团队强行统一使用Sketch。

绘制高、低保真移动端原型图；绘制图标、视觉设计稿；可切图输出；可作为交互文档和视觉设计说明文档的输出工具。

只有这两款工具比较好用？当然不是了！Omni Graffle、Keynote、Pixate和Quartz Composer-Origami以及Principle，这些都不错，下篇文章继续给大家分享这些工具的使用心得。

1.Figma

　　Figma 是一款基于浏览器的协作式 UI界面设计软件，与一般的 UI设计软件不同，它不仅拥有强大且智能的 UI设计功能，还完美支持多人协作功能，是第一款真正支持协作功能的 UI设计软件。目前该软件有在线版和桌面版两个版本任你选择。不过，因为服务器在国外，如果你在国内使用的话，网速可能会有卡顿。

　　2.蓝湖

　　蓝湖致力于从互联网行业的从业者、工具、资源、工作方式等不同角度出发，提升设计研发的整体效率及项目交付质量，为各个体量的团队提供一站式的协作解决方案。使用蓝湖，你的设计团队可以彻底告别低效、费时、沟通难等问题。你可以通过链接邀请同事加入团队，多人在线协作，工作效率更高。产品经理一键上传文档，实时同步给团队成员。自动标注和切图的功能，可以让你用10分钟搞定原来一小时的工作量。

　　3.即时设计

　　“即时设计”是2020年9月上线的一款专业的UI设计工具，而后于2020年11月开放注册。即时设计团队的核心成员有着近十年的产研经历背景并有多年默契配合的经验，专注工具产品方向、热爱设计，因此打造了这样一款产品。它是一款在线设计工具，使用它你不仅可以进行UI 设计外，还可以进行交互设计、高保真原型设计、海报设计、插画设计等多类平面设计需求;同时也是一个团队设计协作平台，可多人实时协作编辑同一个文件，并可原生支持设计成果的评审、交接与沟通。

　　4.Pixso

　　PS、AI，Sketch、Figma这些大家熟知的设计工具，在中国市场始终存在肯定当地化问题，比方没有在线版本、速度慢、无协同功能、无中文版本等，因此，国产在线设计软件Pixso就孕育而生了。在线协同的特性能够完美契合当下职场人士的需求。国内独家的团队资源库功能极大程度的提升了工作效率，有效地统一项目设计的视觉效果。Pixso提供完善的设计工具，能够满足设计的各种需求。云端运行的特性，也使它可以让用户突破传统设备和系统的限制，真正做到随时随地打开即用。

　　5.Principle

　　Principle 是一款新开发的交互设计软件。相比 Pixate 更容易上手，界面类似 Sketch，思路有点像用 Keynote 做动画，比传统的原型设计软件更可视化一些。你可以用它把你的想法通过动画的方式展现出来，从而设计更好的程序。

PS：PS软件在UI设计工作中主要来用做UI设计界面设计、图标设计、图片处理的
AI：AI软件在UI设计工作中主要用来做UI界面设计、图标设计、字体设计、插画设计的
AE：AE软件在UI设计工作中主要用来做动效设计的
XD：XD或者sketch软件，Sketch（只能在苹果电脑上安装）XD软件可以在双系统上安装
Sketch和XD这两款软件功能是差不多的，XD的话是一款非常适合做UI设计工作，XD做图会非常快，因为XD的工具特别少，里面的工具是专门为做UI设计工作开发的一款软件，而且XD软件特别小，不会卡。
ARP：ARP或者默刀软件，ARP和默刀软件功能差不多二选一学习就可以了，这两款软件都是做原型设计的
UI设计是由很多很多界面组成的，这些界面每一步之间去交接的这个界面，如果说我们只做一个界面，UI设计师是可以做出来的，但是要做几十个上面个界面，如果我们一个个做是肯定会出问题的，所以需要先制作原型，我们根据原型再制作界面，这就是我们的前后联系，原型是不用做这个颜色，图标，细节的，只需搭建一个基础的版式就行，这个就是我们用ARP或者默刀软件做的。
C4D：C4D软件在UI设计工作中主要用来做建模的
蓝湖：蓝湖软件在UI设计工作中主要用来做标注设计的
就是我们做好了页面，这个页面的高底，宽度，包括页面的色值我们都需要标注出来，为什么需要标注呢，因为我们做的图，做完之后他就是张图片，这个图片我们用手机是点不了的，我们手机APP上的那些图之所以能点，那是因为有程序猿做了一个二次开发，这个东西我们不用懂，但是我们要标注出来，标注出来让程序猿知道你的颜色，你的色值，你的尺寸到时是多少，他才能开发出来。