本篇文章给大家谈谈交互设计作品集软件有哪些，以及交互设计优秀作品对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、UI设计软件主要有哪些?
• 2、UI设计需要学习什么软件呢？
• 3、交互设计时需要用到哪些软件？
• 4、ui交互设计用什么软件?
• 5、UI设计用什么软件做？

UI设计软件主要有哪些?

UI设计软件主要有Pixso、Figma、Sketch、Adobe XD等。

Pixso：全平台覆盖、精细化矢量设计、智能化布局、团队组件样式共享、社区和资源库、多人实时协作、高保真原型交互动画、成果一键交付、用户问题实时反馈、中文语言环境、本土设计系统、数据私有化。

Figma：全平台覆盖、精细化矢量设计、智能化布局、团队组件样式共享、社区和资源库仅社区、多人实时协作、高保真原型交互动画、成果一键交付。

Sketch：平台覆盖Mac OS、传统钢笔工具、多人实时协作、交互动画简单的点击式原型、成果借助第三方工具交付。

Adobe XD：平台覆盖Mac OS、Windows、传统钢笔工具、多人实时协作、成果需借助第三方工具交付。

相对比其他产品pixso的功能更加全面，操作便捷，在 Pixso 完全可以多人云端协作设计，实时同步字号、边框、颜色等各种细节。并且可以创建一个组件，在任何地方重复使用它，当主组件样式更新，所有组件将自动同步发生改变。

想要了解更多关于UI设计软件的相关信息，推荐选择Pixso协同设计。该工具无缝衔接以往工作，支持Sketch、XD、SVG等文件导入导出，自由进行Sketch的文件格式转换。并且，文件自动保存到云端，一键回溯到任意历史版本，再也不用担心文件丢失。素材库集成众多大厂优秀的设计系统，所有 UI 设计师均可直接拖拽复用，从此省去大量模块化设计环节的重复劳动。

UI设计需要学习什么软件呢？

如今，UI设计师的出现，是互联网时代的设计变革带来的。越来越多的设计人加入了这个新兴的职业，有的人看重UI设计的高薪资，有的人看到无限美好的职业前景。总之，就是很多小伙伴想要转行UI设计，学习UI都用什么软件设计呢？

UI设计师的日常工作是一个系统性的工作，所以使用到的软件各不相同，以我学习以及了解到的相关UI设计中软件的使用分布，来进行说明：

一、UI设计视觉设计软件：PS 、AI

PS

PS是一款强大的图片处理软件，因此它不只是修修照片、你用它还能完成UI设计。另外，对于图标的设计，是用矢量绘图软件 *** 的，这样放大才不会失真，没有虚边，所以你可能还要用到AI。但是据行业数据统计，UI设计行业中，常用的主要软件为：PS和AI。

二、思维导图软件：MindManager或XMind

MindManager或XMind都为思维导图软件，具体使用哪个软件并不重要，根据个人习惯就行。

思维导图想必大家在进行策划分析和头脑风暴时，都用过。在UI设计中，也是经常用到。优途UI设计培训中特开设该课程就是主要用来整理产品需求思路、产品架构、产品的交互逻辑等等。总之，在做视觉之前，他都是大家整理思绪的好帮手。

三、快速原型设计工具：Axure RP，墨刀

Axure RPAxure RP是一个专业的快速原型设计工具。主要让定义需求和规格、设计功能和界面的专家（产品经理、UI设计师）能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。

墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。

四、协作工具：蓝湖 XD软件

蓝湖是一款产品文档和设计图的共享平台，帮助互联网团队更好地管理文档和设计图。蓝湖可以在线展示Axure，自动生成设计图标注，与团队共享设计图，展示页面之间的跳转关系。还支持分享给同事，让他也可以在手机中查看设计效果。

XD软件是一款轻便的矢量+原型工具，集线框图设计，视觉设计 ， 交互设计， 原型设计等功能于一体，你可以使用它轻松搞定用户体验设计。创建线框、设计、创建原型、展示以及共享适用于 Web、移动设备和语音等的卓越体验 - 以上操作在一款应用程序中即可完成。提供了高效工作、轻松协作以及创建和管理设计系统所需的一切功能。

五、动效设计：AE软件

Adobe After Effects(AE)适用于从事设计和视频特技的机构，包括电视台、动画 *** 公司、个人后期 *** 工作室以及多媒体工作室。属于层类型后期软件。但是在UI行业来说就是做一些UI的交互动效。动效这块是效率更高的软件，不过不能用AE画图标做界面。这个AE不擅长。

六、Cinema 4D 三维图像设计

越来越多的国内公司开始关注动效设计了，越来越多的团队意识到动效在产品用户体验中的重要性。作为UI设计师，我们为什么需要动效设计？

终其一点：就是让用户更加爽、更加爽的用你的产品（App、网页、软件、智能硬件端等等）。动效设计由于可以将本来静态的图片、或者抽象的动态效果的很容以表达出来，所以，UI设计师除了必要的交互动效，通常为了表达抽象的交互体验设计 *** 动效设计稿，这样开发团队也能对即将开发的产品都有一个直观的认知。总之，在交互体验设计中用处很多，太强大了。

虽然，大家现在已经了解了UI设计要常用的软件。但并不能说，你学会使用这些软件，就能成为一名合格的UI设计师； 这种概率太小了！对于UI设计师，软件仅仅只是一个表达设计想法的工具而已。UI设计师需要的是真正的产品设计思维，清楚用户的使用场景、用户需求、理解企业的产品愿景，最终才能设计出一款用户用着爽、企业需要的优秀产品。

想要成为一个真正合格、优秀的UI设计师，你要具备八种能力：软件操作能力，理论能力，作品能力，图标设计能力，图形设计能力，设计编排能力，海报banner设计能力，运营插画能力等。希望能帮到你。

交互设计时需要用到哪些软件？

交互设计（英文Interaction Design，缩写IXD)，是定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系，以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和“用户体验”两个层面上进行分析，关注以人为本的用户需求交互设计是指人工制品、环境和系统的行为，以及传达这种行为的外形元素的设计与定义。不像传统的设计学科主要关注形式，则是关注内容和内涵，而交互设计首先旨在规划和描述事物的行为方式，然后描述传达这种行为的最有效形式。

从用户角度来说，交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点。同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。交互设计[1]还涉及到多个学科，以及和多领域多背景人员的沟通。

交互设计借鉴了传统设计、可用性及工程学科的理论和技术。它是一个具有独特 *** 和实践的综合体，而不只是部分的叠加，具有一定的科学逻辑性。它也是一门工程学科，具有不同于其它科学和工程学科的 *** 。一、Axure RP

Axure是交互设计师核心的工具，它直观的体现了产品的框架结构、界面内容以及功能模块之间的逻辑关系，且为后续的视觉设计，产品开发提供了准确的产品信息。

二、XMind

XMind是一款实用的思维导图软件，简单易用，功能强大。在进行产品规划、任务分析等工作时，都需要借助XMind来完成。

三、Photoshop

UI设计中常用且基础的软件，有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。

主要是以界面、Banner、Appicon、切图等等静态视觉呈现作品。

四、Adobe Illustrator

一种矢量插画的电脑软件。除了能够绘制高精度的矢量图之外，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。

五、Cinema 4D

一款建模软件，特点为极高的运算速度和强大的渲染插件，可以在二维的空间中绘制出三维的效果。我们在学习UI设计的过程中，需要掌握许多设计方面的知识，比如图标设计、界面设计、动效设计、交互设计等。如果想要得心应手的设计，必须要能对应的设计工具。那么UI设计师需要掌握哪些设计软件？这已经是一个老生常谈的问题了。在之前的一些文章中，我们也为大家推荐过一些软件，比如Flinto Lite、Origami等。

但随着互联网的不断发展，设计软件也不断更迭，轻便易用的工具替代了复杂繁琐的工具，碎片化工具开始向多功能平台发展。因此，设计师需要掌握的工具，和从前已经大不一样。今天，小摹就来为大家分享，2020年的设计师，需要掌握哪些设计软件。Adobe Photoshop - UI设计界面设计、图标设计、图片处理每次推荐UI设计工具时，首先一定会提到 Adobe Photoshop 。

PS 是 Adobe 家族的顶梁柱，也是UI设计师的入门必备设计工具之一。强大的图片编辑和处理功能，可以帮助UI设计师完成精细的图片处理和界面设计，调整图像大小和分辨率也不会丢失图像质量。配合摹客等插件，可以将 PS 中设计完成的静态页面转化为可交互的高保真原型。

功能特色：

强大的照片处理技术

强大的图层功能，处理副本时可先保存原件

支持批量处理照片

兼容其他Adobe套件程序，如AE、AI等

提供了不同文件格式保存的选项

2. Adobe illustrator - UI界面设计、图标设计、字体设计、插画设计3. Adobe After Effects - 动效设计Adobe After Effects 也是 Adobe 家族的一员，主要用于图形和视频处理。随着动效设计在UI界面设计中的广泛应用，作为UI设计师，AE 当然也是必须了解的设计工具之一。无论惊艳的转场效果，还创意十足的动作设计，AE 都能搞定。

配合PS等界面设计工具，可以轻松完成极具冲击力的UI界面设计。

功能特色：

强大的动效设计功能

支持与其他Adobe工具无缝协作

可配合插件导出动画数据

丰富的素材和学习资源

4. Sketch - 界面设计、图标设计、原型设计5. Adobe XD - 界面设计、图标设计、原型设计6. Figma - 界面设计、实时协作7. 摹客 - 全流程设计协作8. Axure - 原型设计9. Dreamweaver - 网站建设10. C4D - 三维设计

ui交互设计用什么软件?

一般来说，UI和UX都会用到这些工具

1. Mason

现如今，视觉稿（Mockup）和原型（Prototype）是网页和 APP 设计过程中最常用的 *** 。两种方式都很有效，不过也都可能会在时间和花销上对整个项目产生压力，影响团队和项目的整体推进，尤其是在时间和精力都非常有限而项目又非常复杂的情况下。

Mason 提供了一个更好的解决方案，它让你无需设计线框图、原型和视觉稿，而直接拿现成的组件来编辑和设计，并且确保最终输出的产品既具备功能，也是像素完美的，最后通过 Mason 的平台进行部署，甚至你都不需要有代码编写的经验。

Mason 的设计 *** 看起来很激进，但是实际上非常的易用。无论是调整还是维护，Mason 都能确保控件和元素都很容易处理。在 Mason 中修改、发布，然后就能正常使用。无需亲手编写代码，诸如注册、登录等各种常见的功能都能够正常输出使用。

这款工具并不会限制你将网站投放到特定的平台或者托管环境下，你可以在你最熟悉的服务器或者服务商那边部署。这可以大幅度节省管理费和时间，并且你会发现团队协作更加高效了。

2.摹客

这款国产的工具快速易用，Sketch / PS / XD / Figma / Axure / Mockplus设计稿一键上传 ， 设计评审讨论 ， 自动标注一键生成，手动标注自由发挥 。

1. 自动标注：

鼠标hover图层即可自动生成标注，一键转换为百分比标注，还可以放大镜查看细微标注。

2. 手动标注：

文字、坐标、颜色、尺寸、区域5种工具自由选择，信息传达更准确。

-用文字工具添加备注说明；

-用坐标工具添加位置信息；

-用颜色工具吸取图层，色值智能生成；

-用线段工具标注尺寸，数值自动生成；

-用区域工具标注局部图层，宽、高自动生成。

3. 单位自由转换：

支持iOS的pt，Android的dp，Web的rem，还可以保留0-3位小数，标注更自由。

4. 完整的标注属性：尺寸、边距、不透明度、字体大小、字重、行高、字间距等。相关属性一键复制即可使用。

除了智能的标注方式，摹客的切图、交互、全貌画板、文档管理等功能也很实用。最值得一提的是，摹客基础功能完全免费。

3. Overflow

设计师讲述故事最有效的办法之一，是将故事中的节点连在一起，将用户历程线性地呈现出来。这样的方式会让访客更好的理解他们所看到的内容，同时能够更加专注于细节的呈现，并且构建有效的反馈机制。

作为世界上之一个为设计师量身定制的用户流程图工具，Overflow 可以帮助设计师更好地讲述故事。它为设计师提供了一种全新的方式来更好的呈现作品，讲述故事，以交互式的流程同用户进行沟通，吸引用户的注意力。

Overflow 是一款跨平台的工具，可以与目前更流行的设计工具无缝地集成起来，允许设计师在同一个平台上完成设计、展示、共享和打印他们的用户流程。

4. UXPin

UXPin 可能是目前对于设计团队来说最理想的快速原型工具，尤其是当产品的 UX 设计和研发高度依赖快速反馈循环机制的时候。UXPin 可以让设计团队在向开发交付原型之前，充分地进行设计、共享和测试。

开发人员所需要的数据，实际上在每个项目设计完成之时，就会自动生成。所以，在将设计交付给开发人员之前，甚至可以使用检测工具，验证一下产品的部署是否和设计元素相互匹配。

UXPin 还提供一个完整的设计系统解决方案，帮助你保持整个产品的 UI 元素的一致性。而每个产品的 UI 组件都可以使用一段代码记录下来，因此可以更加轻松快速的扩展产品的功能。

5. Creately

UI/UX 设计当然不仅仅是线框图和视觉稿，它是动态的，系统化的，而这也是 Creately 这款工具的价值所在。这款图标工具适合生成工作流程，支持不同的图表类型，包括流程图、思维导图、UML 图标、线框图等。它所提供的图表功能和协同工作的功能，可以帮助设计师完成一半以上的工作。

使用 Creately 来创建图表，可以轻松创建出足够漂亮的图表，其中配备的1000多个专业的设计图表模板，可以快速地完成各式各样的 UX 设计项目。

6. PowerMockup

有许多 UX 设计师会使用 PowerPoint 来构建交互式原型，有了 PowerMockup 之后，你再也不需要寻找其他的工具来辅助你的工作了，它就可以帮你创建高效可共享的交互式原型。

在构建原型的时候，只需要从 PowerMockup 不断增长的资源库找到对应的形状或者设计元素，拖拽到 PowerPoint 当中，然后进行设计即可。为了实现互动，你所需要调用的也无非是 PowerPoint 当中的幻灯片和动画功能，很简单。

7. Visual Inspector

Visual Inspector 让设计师、开发者和负责维护的人员能够实时地在网站中检查和解决各种 UI 问题，并且同其他的工作人员随时共享信息。

这款工具不需要你懂得代码，只需要几秒钟就可以启用 UI 工具，并且几乎可以任何类型的网站（使用 HTML 代码，或者 WordPress 系统的）进行协同工作。这款工具不是免费的，终身授权的版本只需要付费49美元即可。

8. Fluid UI

Fluid UI 是一款可以用来设计线框图、原型图和视觉稿的综合性工具，它还为项目经理和分布式设计团队提供了非常完善的协作功能。它拥有非常全面的组件库，横跨桌面端、iOS 和 Android 等主流的、必须的平台。

UI设计用什么软件做？

那设计软件千千万，到底应该如何选择设计软件呢？其实，大多数UI设计师用的软件就是那几大类，只是电脑系统不同有稍许区别而已，那我们选择几款大多数UI设计师常用的软件去简单了解一下。

1、PS-Adobe Photoshop，是由Adobe Systems开发和发行的图像处理软件。相信不是设计行业的小伙伴也对它久仰大名，更是设计专业人员必须掌握的设计工具。Photoshop主要处理以像素所构成的数字图像，其重点在于对图像的加工处理。

在这里先给大家推荐两本PS的学习书籍，《Adobe Photoshop CC 2019经典教》、《Adobe Photoshop国际认证培训教材》，这两本书都是权威认证的官方图书，针对Photoshop初学者深入浅出地讲解了软件的使用技巧，并用实战案例进一步引导读者掌握软件的应用 *** 。

图片来源于 ***   侵删

2、AI-dobe illustrator，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。它的功能强大，用户界面体贴，是大多数设计师选择矢量编辑软件的不二选择。

3、XD/Sketch，Adobe XD被定义为Photoshop的原型工具，是一种轻量级的矢量图形编辑器和原型设计工具，它常常被拿来和Sketch做比较。Sketch是一款轻量、易用的矢量设计工具，让UI设计的工作更加简单高效。那你肯定会问这两个工具到底哪个好？这一切完全取决于个人习惯和爱好。 如果你已经习惯并喜欢使用一个工具，则无需切换其他的同种类工具。

图片来源于 *** ：XD工具界面Sketch工具页

4、AE-Adobe After Effects,Adobe公司推出的一款图形视频处理软件。现如今动效设计在UI设计界面中越来越常见，国内很多互联网公司也开始重视动效设计了。产品中的动效设计可以给用户带来很好的视觉感受，更好的表达产品特色，让产品操作体验更加流畅。

图片来源：阿多比设计学院学生作品

5、C4D是UI设计中一个非常重要的工具，只要是涉足三维场景、产品、视效 *** 的地方，C4D都可以胜任。C4D常常和AE这两款软件配合使用，协助我们完成3D渲染工作。它们好比一根麻花，是分不开的，同时也是互补的。

当C4D中画面做的过大，重新渲染的话，要老命一条，这个时候就可以打开AE调节一下；在C4D中颜色无法达到预期，那就打开AE重新润色一下；在C4D中这个灯光不好，效果不对，那就打开AE重新补光一下。

一旦你都会，并且掌握得行云流水，那么它俩合作呈现的视觉效果不仅狂拽酷炫炸翻天，同时也会为你的作品增添很多的质感，作品高大上加分很多！

最重要的是这俩软件会极大的缩短你工作的时间，却能收获极佳的效果。

6、AXURE-Axure RP是一款专业的快速原型设计工具，它可以快速创建应用软件或Web网站的线框图、流程图、原型设计图。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。Axure不仅是UI设计师需要掌握的工具，在互联网行业也要求产品经理熟悉该工具的使用。

当然也有很多类似的工具，比如磨刀、Invision等，他们的优点各有不同，这些原型设计工具额优点不同，依据自己的习惯和爱好选择使用。

设计工具的种类很多，各个工具也在不断的优化，让设计变得更加便捷。在UI设计的学习和工作中还会接触到更多的工具，各个工具都有着自己的功能和优点，选择自己喜欢的工具配合完成设计工作，让自己的设计有更加丰富的视觉效果。

三、UI设计需要具备怎样的能力?

UI设计除了需要会使用工具，其实更多还是需要具备设计思维，掌握设计规范，这样设计出来的产品才不会显得空洞。那UI设计具体还需要具备怎样的能力呢？调研设计的 *** 要求可以得出，目前的UI设计市场不仅需要UI设计懂设计、懂交互，还需要会手绘、懂前端等等。总结起来，目前市面上需求量更大的就是全链路UI设计，也就是精通UI设计，了解项目项目全过程。

所以UI设计除了需要掌握软件的应用，还需要会手绘插画、设计基础、UI设计相关知识以及综合软实力。

1、手绘插画：设计师可以通过手绘去了解线条、明暗关系、结构关系、基本造型、透视关系等，有这样的思维，在设计工作中可以帮助我们快速抓到绘制图形、图标、拟物风格作品的要点。

从各个 *** 要求可以看出，UI设计越往后走越是要求从业者有丰富的美术功底，将插画和设计灵活运用，相辅相成才可以顺应目前用户的视觉体验。

图片来源：阿多比设计学院学生作品

2、设计基础：UI设计也属于设计专业，所以必须掌握设计原则、平面构成、色彩构成、立体构成（即三大构成）等设计理论。有了这些才可以灵活的去怎样根据不同行业不同人群去定位品牌色彩，分析Logo图形的形式与气质、图像抽象化变形正负型结合、字母和图形结合等等。

3、UI设计规范：每个行业都会有一定的规范，掌握了设计基础以及工具使用，还需要掌握对行业内网页设计、移动端设计的规范、 *** 、流程等才能真正开始做UI设计。对于不同行业背景的企业，对于网页UI设计、客户端UI设计、电商UI设计肯定又不一样的需求。

对于设计规范，可以参考一些大厂的设计规范，因为他们的产品多，设计师多，所以总结出来的规范对于一个行业来说都很适用。

4、其他技术：所谓的全链路UI设计师，就是全程参与整个产品的生命周期。从需求分析到需求评审，用户调研、情绪板梳理到交互设计， 视觉设计到视觉评审，UI走查、验收到用户调研，这一系的工作需要设计师都懂，设计部分全会。

除了以上硬性的能力要求，对于UI设计岗还要求具有良好的沟通表达能力、团队写作能力、分析总结能力等综合软实力。其实通过几个月的学习其实可以掌握UI设计的技能，但是对于设计思维的培养，只有靠平时的多做多练多思考，慢慢累积才可以得到。

关于交互设计作品集软件有哪些和交互设计优秀作品的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。