UI设计中最常用到的4个软件是哪4个？UI设计工具

本文目录

• UI设计中最常用到的4个软件是哪4个
• UI设计工具
• 做UI设计需要学习什么软件
• 想问一下做前端的大佬，现在哪一个开发工具用的比较多，哪一个ui库比较好用
• UI设计需要会什么软件呢
• app ui交互设计用的什么工具
• UI设计有哪些好的辅助工具需要学习哪些软件
• ui设计有哪些常用工具
• UI设计师需要掌握的设计工具有哪些
• UI设计总共需要用到哪些软件

UI设计中最常用到的4个软件是哪4个

学习UI设计一般主要用到的软件有4个： Photoshop（PS）、Illustrator（AI）、After Effects （AE）、Axure RP（ARP） 还有一些软件就要根据你所使用的电脑系统而定，如果你用的是mac系统的话可以学习一些sketch跟XD。 当然上面4款主要的软件mac或者是window系统都可以使用。 Photoshop（PS）是一款数字图像处理软件，它有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。 不过现在矢量绘图的功能也增强了很多，尤其是CC 2015以上的版本，对UI 设计师来说是带来了更大的便利。 尤其是里面的画板功能以及右键的导出功能，还有就是专门为UI 设计师开设的设计空间（仅win8以上版本系统能用） PS软件的话，在Ui设计工作中是用到最多的，主要做视觉设计，80%的都是由PS软件它来完成的。 Illustrator（AI）作为全球最著名的矢量图形处理软件，在UI设计中主要处理一些比较复杂的图形绘制，以及一些插画的绘制。 比如一些引导页类型的插画，或者是一些自定义的图标设计，当然在排版方面也是不错的，可以用来辅助PS提升工作效率。 据不完全统计全球有37%的设计师在使用Adobe Illustrator进行艺术设计。 After Effects （AE） 特效合成软件，在UI 设计中主要用于制作交互作动效设计，也会用于企业产品的宣传动画制作，比如现在比较流行的MG动画展示。 还有最重要的就是在后期交互跟程序交接的时候起到非常好的沟通作用，这个是工作里面很关键的一部分。 Axure RP（ARP）如果说Sketch是最美、最简洁的设计软件，那么Axure是最强大的原型制作软件。 Axure不仅能制作静态的视觉稿、页面，还能添加交互动作，并且能够很好的模拟APP或者网页的交互动作展示 ，是进行原型设计的最佳软件之一。 可以在网页上模拟点击效果，可以说是为整个产品开发打基础的一款软件。 那么除了上面提及到的这四款软件，偶尔也还会用到一些其他辅助设计软件。 比如：cutterman切图插件，Mark man标注软件等，当然PPT、Word这些办公软件也是要涉及一些的，比如产品的提案。 当然学UI设计不是掌握了这些软件之后，就可以从事UI设计工作，软件的话只是一个工具。 UI设计最核心的是学习设计，软件和设计都会了，才能算得上一名合格的UI设计师。

UI设计工具

很高兴回答你的问题：

界面设计：

sketch

动效设计：

principle、flinto、protopie、AE

在线协作：

蓝湖、

做UI设计需要学习什么软件

零基础学UI，建议你思考清楚为什么要转行UI？这个行业是有一定的门槛的，不是学了Photoshop等软件就可以做好UI的。所以行业内有戏称美工和设计师的区分，美工就是只会上色，不会创新的。而设计师是可以创造出很多优秀的新作品。设计师需要美术色彩等基础，要有很好的眼界和天赋，要不很容易轮为“上色工”，慎入！

想问一下做前端的大佬，现在哪一个开发工具用的比较多，哪一个ui库比较好用

主要用的工具

VS code

免费，开源，轻量级，插件多。

Sublime

启动快，轻量，定制化，好用，推荐。

主要的UI库

ant.desgin

蚂蚁金服团队，开源，好用，支付宝都在用，推荐。

matrial UI

Color UI

非常推荐的一款，小程序UI，好看。

UI设计需要会什么软件呢

1.Photoshop

简称“PS”是一款位图设计软件，主要处理以像素所构成的数字图像。在图像、图形、文字、视频、出版等方面都有涉及。Ui设计中较为复杂的视觉效果还需要在PS里实现。

2.Illustrator

简称“AI”是一款矢量图设计软件，应用于出版、多媒体和在线图像的工业标准矢量插画软件，icon设计一般在Ai中绘制，保证在界面中不失真。

3.Sketch

它是一款矢量绘图工具，与AI不同的是，Sketch是为图标和界面设计而生的，同时它还提供布尔运算将多个简单形状混合更为复杂的形状。其主旨是为了给广大产品界面和UI设计师一个简洁实用的创造平台。

4.蓝湖

它是一款产品文档和设计图的共享平台，帮助互联网团队更好地管理文档和设计图。可以无缝链接产品、设计、研发流程，降低沟通成本，提高工作效率。

5.After Effects

简称“AE”，是一款图形视频处理软件，属于层类型后期的软件。小到设计简单的特效制作，大到电影后期制作。在UI设计过程中界面加载中loding动效、开机动画等交互动效都需要在AE中实现。

6.Principle

它是一款高效的输出设计软件，动画效果的制作是本款软件的强项。如你是AE和Sketch的使用者，你会对其有更熟悉的认知：类似Sketch的界面+AE的时间轴动画+Keynote的神奇移动，外挂一个容易理解的联动功能，用于触发某个事件发生的变化

7.C4D

中文名4D电影，外文名CINEMA 4D，是一款有极高运算的速度和强大的渲染插件。在越来越注重UI动效和不满足于平面视觉效果的今天，C4D动效越来越受到更多人的关注，也是求职路上一条闪亮的光点。

设计软件千千万，适合自己的才是UI路上的利器，良将身上怎能不配好剑，设计之路充满万千变化，永远在学习的路上才不会被淘汰。

app ui交互设计用的什么工具

app ui交互设计用的工具有很多： WebFlow是一款 web app，你可以直接在浏览器中完成网站的视觉和交互设计，还包括实 时预览和代码编写功能。

UI设计有哪些好的辅助工具需要学习哪些软件

想要学习UI设计成为UI设计大神，肯定是离不开辅助工具的，学习UI设计，需要掌握设计规范的同时，还要熟练运用多种软件工具。界面、图标、动效、交互、切图、标注等都需要用到不同的软件。在这里主要列举UI设计常用的四款软件：PS，AI，AE、ARP，另外还有一些辅助软件偶尔也会用到，如图所示： 下面就来和小编一起看一看UI设计有哪些好的辅助工具?需要学习哪些软件?1、 Photoshop Adobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片工作。PS有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。对于UI设计师是必备的软件，在UI设计中起的用途主要是设计UI图标和界面。2、Illustrator Adobe illustrator，简称“AI”，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件为一款非常好的矢量图形处理工具。该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。在UI设计中也充当着一款重要的角色，可以用来绘制UI图标和界面，与PS不同的是：AI绘制扁平化图标界面的时候要比PS快。由于绘制的图形是矢量的，所以文件会非常小，也方便管理。也就是说一个合格的UI设计师PS和AI都要会，这样在工作的时候就可以提高效率，因为做UI设计工作中，会碰到各种各样的图标，比如一个图标用PS绘制起来很慢，用AI快，就可以不用PS，直接用AI，提高工作效率。 3、After Effects Adobe After Effects，简称“AE”，是Adobe公司推出的一款图形视频处理软件。After Effects在UI设计中起的作用主要是用来做交互动效，那什么是交互动效呢?就是让用户更加爽、更加爽的用你的产品(App、网页、软件、智能硬件端等等)。动效设计由于可以将本来静态的图片、或者抽象的动态效果的很容以表达出来，所以，UI设计师除了必要的交互动效，通常为了表达抽象的交互体验设计制作动效设计稿，这样开发团队也能对即将开发的产品都有一个直观的认知。4、Axure RP Axure RP是一个专业的快速原型设计工具。负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。 除此之外，还有一些比较小众的软件，在这里就不一一列举了。由此可以看出想要学习UI设计，一定要先学会软件操作，他们可谓是战士手中的刀和枪，只有把各种软件运用熟练我们才能制作出美好的作品。但并不能说，你学会使用这些软件，就能成为一名合格的UI设计师， 这种概率太小了!对于UI设计师，软件仅仅只是一个表达设计想法的工具而已。UI设计师需要的是真正的产品设计思维，清楚用户的使用场景、用户需求、理解企业的产品愿景，最终才能设计出一款用户用着爽、企业需要的优秀产品。以上就是小编今天为大家分享的关于UI设计有哪些好的辅助工具?需要学习哪些软件?的文章希望本篇文章能够对想要学习UI设计的你有所帮助。如果想要了解更多UI设计的学习知识记得关注北大青鸟UI培训官网哦。【免责声明：本文图片及文字信息均由小编转载自网络，旨在分享提供阅读，版权归原作者所有，如有侵权请联系我们进行删除。】

ui设计有哪些常用工具

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

1. Mason

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

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

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

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

2.摹客（国产UI设计神器，强烈推荐）

这款国产的工具快速易用，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设计师需要掌握的设计工具有哪些

1、PS

全称Adobe Photoshop，简称"PS"，是Adobe公司推出的一款的图像处理软件。各种设计行业图形处理都会用到Photoshop，可以满足UI界面设计的日常需要。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片工作。ps的应用很广泛，在图像、图形、文字、视频、出版等各方面都有涉及。

2、AI

全称Adobe Illustrator是一款多媒体、在线图像和出版的工业标准矢量插画的软件。在生产多媒体图像的艺术家、专业插画家还是生产印刷线稿的设计者、或者是互联网页、在线内容的制作者，都不否认Adobe Illustrator不仅是艺术产品工具。也为线稿提供了无与伦比的控制以及精度。矢量图方大放小不会变形这是ai的优势，很适合扁平。劣势是ai不能切图，对于虚拟化的图标处理不是很好。

3、CorelDRAW

出自加拿大Corel公司的平面设计软件;这款软件是Corel公司出品的矢量图形制作工具软件，这个图形工具给设计师提供了页面设计、矢量动画、位图、网页动画和网站制作等多种功能。

4、Fireworks

是Adobe推出的一款网页作图软件，通过软件可以加速 Web 开发和设计，是一款优化与创建 Web 图像和快速构建网站与 Web 界面原型的理想工具。

5、AE

Adobe After Effects在视频特技和设计的机构，如动画制作公司、电视台、多媒体工作室以及个人后期制作工作室。AE是动效这块效率较高的软件但是劣势是不能用AE画图标做界面。属于是一款层类型后期软件。

6、Axure

是负责定义规格和需求、界面与设计功能的专家能够快速创建应用软件和web网站的流程图、线框图、规格说明文档和原型的一个专业的快速原型设计工具。

7、Flash

是macromedia公司推出的交互式矢量图和 Web 动画的标准，由Adobe公司收购。做Flash动画的人被称之为闪客。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。

UI设计总共需要用到哪些软件

1、PS，Adobe Photoshop，是由Adobe Systems开发和发行的图像处理软件。相信不是设计行业的小伙伴也对它久仰大名，更是设计专业人员必须掌握的设计工具。 Photoshop主要处理以像素所构成的数字图像，其重点在于对图像的加工处理。2、AI, Adobe illustrator，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。它的功能强大，用户界面体贴，是大多数设计师选择矢量软件的不二选择。3、AE,Adobe After Effects,Adobe公司推出的一款图形视频处理软件。现如今动效设计在UI设计界面中越来越常见，国内很多互联网公司也开始重视动效设计了。产品中的动效设计可以给用户带来很好的视觉感受，更好的表达产品特色，让产品操作体验更加流畅。4、Axure ,它是一款专业的快速原型设计工具，它可以快速创建应用软件或Web网站的线框图、流程图 、原型设计图。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。Axure不仅是UI设计师需要掌握的工具，在互联网行业也要求产品经理熟悉该工具的使用。