学习ui设计常用的软件有哪些?
工欲善其事必先利其器,好的工具不仅可以使得工作效率大大提高,更会节省大量时间,随着时代的进步,对UI设计师的要求越来越高,优秀的UI设计需要考察综合能力,纯UI的时代已经过去了,今天的UI设计师,除了掌握视觉设计还需要具备一定交互设计能力,动效设计,三维建模设计等等,或许你刚起航,或者已在半路上,但是只要每天都在进步一点点,终究可以成为更好的自己!
1、Sketch
支持平台:Mac
Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页,图标以及界面设计的最好方式。但除了矢量编辑的功能之外,同样添加了一些基本的位图工具,比如模糊和色彩校正。
有经验的设计师花上几个小时便能将自己的设计技巧在Sketch中自如运用。对于绝大多数的数字产品设计,Sketch 都能替代 Adobe Photoshop,Illustrator 和 Fireworks。
2、Adobe Photoshop (简称:PS)
支持平台:Windows & Mac
Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。
Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。
Adobe支持Windows操作系统 、Android与Mac OS, 但Linux操作系统用户可以通过使用Wine来运行Photoshop。
3、Adobe Illustrator (简称:AI)
支持平台:Windows & Mac
Adobe illustrator,常被称为“AI”,是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。
作为一款非常好的矢量图形处理工具,该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。
4、Cinema 4D (简称:C4D)
支持平台:Windows & Mac
Cinema 4D翻译过来是4D电影,不过其本身就是3D的表现软件,由德国Maxon Computer开发,以极高的运算速度和强大的渲染插件著称,很多模块的功能在同类软件中代表科技进步的成果,并且在用其描绘的各类电影中表现突出,而随着其越来越成熟的技术受到越来越多的电影公司的重视,可以预见,其前途必将更加光明。
Cinema 4D 应用广泛,在广告、电影、工业设计等方面都有出色的表现,目前在影视后期、产品建模、视觉设计、各种物体三维制作等方面有很强大的应用。
5、Cutterman
支持平台:Windows & Mac
Cutterman是一款运行在photoshop中的插件,能够自动将你需要的图层进行输出, 以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。 它支持各种各样的图片尺寸、格式、形态输出,方便你在pc、ios、Android等端上使用。 它不需要你记住一堆的语法、规则,纯点击操作,方便、快捷,易于上手。
6、蓝湖
支持平台:Windows & Mac
蓝湖是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图。蓝湖可以在线展示Axure,自动生成设计图标注,与团队共享设计图,展示页面之间的跳转关系,功能非常强大,与团队协作非常高效率。
7、XMind
支持平台:Windows & Mac
XMind 是一款非常实用的商业思维导图软件,应用全球最先进的Eclipse RCP 软件架构,全力打造易用、高效的可视化思维软件,强调软件的可扩展、跨平台、稳定性和性能,致力于使用先进的软件技术帮助用户真正意义上提高生产率。
8、Adobe Dreamweaver (DW)
支持平台:Windows & Mac
Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",最初为美国MACROMEDIA公司开发 ,2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。
Adobe Dreamweaver使用所见即所得的接口,亦有HTML(标准通用标记语言下的一个应用)编辑的功能,借助经过简化的智能编码引擎,轻松地创建、编码和管理动态网站。 访问代码提示,即可快速了解 HTML、CSS 和其他Web 标准。使用视觉辅助功能减少错误并提高网站开发速度。
9、Adobe After Effects (AE)
支持平台:Windows & Mac
Adobe After Effects简称“AE”,是Adobe公司推出的一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。
Adobe After Effects软件可以帮助您高效且精确地创建无数种引人注目的动态图形和震撼人心的视觉效果。利用与其他Adobe软件无与伦比的紧密集成和高度灵活的2D和3D合成,以及数百种预设的效果和动画,为您的电影、视频、DVD和Macromedia Flash作品增添令人耳目一新的效果。
10、Axure
支持平台:Windows & Mac
Axure RP是一款专业的快速原型设计工具。Axure代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理 。
Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。
学习UI设计一般主要用到的软件有4个: Photoshop(PS)、Illustrator(AI)、After Effects (AE)、Axure RP(ARP)
还有一些软件就要根据你所使用的电脑系统而定,如果你用的是mac系统的话可以学习一些sketch跟XD。当然上面4款主要的软件mac或者是window系统都可以使用。软件的话我是搜萧蕊冰软件下载使用的,这个软件感觉是不错的,ps2020是就可以用的。
Photoshop(PS)是一款数字图像处理软件,它有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。
Illustrator(AI)作为全球最著名的矢量图形处理软件,在UI设计中主要处理一些比较复杂的图形绘制,以及一些插画的绘制。
After Effects (AE) 特效合成软件,在UI 设计中主要用于制作交互作动效设计,也会用于企业产品的宣传动画制作,比如现在比较流行的MG动画展示。
Axure RP(ARP)如果说Sketch是最美、最简洁的设计软件,那么Axure是最强大的原型制作软件。
UI设计学习,软件的使用是必不可少的,不能熟练的掌握软件的操作,有再好的创意也是没有用的。
常用的软件有:
1、Adobe Photoshop(简称 PS )
这是优先要学会的软件,普及度很高的一款软件,只要熟练掌握以后,学习后面的一些软件将会有很大的帮助。对于UI设计师来说这款软件主要用于:界面布局设计、图片处理与合成、插画创作、运营需求设计等等。
现在市面上很多PS教程书籍,买本案例实战的即可,最好是最近年限的。一般跟着上面的案例做,刚开始的基础章节要挨个学习,熟练基本操作以后,后面的案例可以跳着做,不同的案例讲了同样的工具操作,可以适当跳跃一些重复的练习,快速把更多的工具学习完成。
2、Adobe Illustrator(简称 AI )
AI软件,是一款矢量图形设计软件,在矢量插画、图标设计、LOGO图形设计、字体设计、排版等方面都有非常大的优势,配合PS软件将会大大提高我们的工作效率。学习方法和PS一样,只要你先学会了PS软件,那么这款软件学习起来将会事半功倍。
3、Sketch
这是一款轻量,易用的矢量设计工具,在UI设计行业里面也是近年来非常火热的软件。最近更新的54版本已经实现原装中文版,给各位设计师带来了更加便利的操作。只要你有 PS和AI软件的基础,这款软件就非常容易上手了,基本一两周即可。没有用过的设计师可能没有太大感觉,但是当你接触之后就会喜欢上这款效率非常高的软件。
由于目前只能在Mac电脑里面运行,所以也受到了一定的局限。如果没有Mac电脑的同学想要学习一下,win电脑安装双系统也是可以学习使用的,以此方式曲线救国,打点基础也是好的。
4、Adobe XD
Adobe XD是一款专为UX/UI设计师提供的设计利器,设计师可以利用该软件进行移动应用和网页设计与原型制作等。由于是Adobe家族的产品,和旗下别的软件相互之间的配合亲密无间,提高了设计配合之间的效率。更方便的一点是这款软件没有操作系统的限制,无论是Mac电脑还是win电脑皆可安装使用,但是你需要主要系统的最低版本要求,这个官方有相关说明。
5、Axure RP
Axure RP是一款专业的快速原型设计工具,虽然现在一些公司的交互设计师也在运用 Sketch软件进行,但是Axure RP还是很多交互设计师的选择。Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等。这是一款普及度比较广的软件,入门相对简单,想要深入下去会比较难些,作为UI设计师,这款软件的基本操作还是需要掌握的。
虽然现在市面上有很多的第三方平台工具,但是这个是软件,也许第三方平台工具更便捷,但是作为软件的学习我们还是需要具备这个基础,万一以后团队有限制,我们也不至于无从下手。
6、动效设计软件
近些年对动效制作能力的要求也越来越普遍,很多招聘需求都对这个能力有所强制,特别是在下一个5G时代的到来,微动效辅助产品体验将会更为全面普及,这个时候对UI设计师的动效要求也会更普遍。
现在实现动效的软件和平台也比较多了,比如:Adobe After Effects(简称AE)、Principle、Adobe Flash、Pixate、Origami、Hype 3、Flinto 等等。千锋武汉UI设计培训小编一般主推的是AE软件,没有操作系统限制,市面上的学习资源也比较多,Principle也是比较流行的,现在用的设计师也还算多,由于目前只支持 Mac 电脑,也存在一定的局限。
动效软件学起来相对难度要大一点,一个案例可能要花费好几个小时,很多小伙伴总是坚持不下来。不管难度多大,你也要在今后的时间里面攻破它。
7、思维导图软件
思维导图又叫心智导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效,是一种实用性的思维工具。无论做什么都要先把思路理出来,这样你才不会思维混乱,执行的时候才会更加清晰明了,也能更好的将项目前后环节流程打通。
思维导图的软件很多,也有一些在线的工具,比如:Mindnode、MindManager、XMind、Popplet、FreeMind、MindMeister、百度脑图、MindLine 等等,这里就不一一列举了,大家搜索关键词思维导图软件即可发现很多。小编比较常用的是Mindnode,大家根据自己的习惯选择即可,最终只要能够达到你想要的结果。
8、文档编辑工具
写作能力是高级/资深设计师需要不断养成的技能,无论大小的团队,设计总结总是避免不了的,最好是要养成专业经验输出的习惯。写文章的工具这个就很多了,比如:Pages、Microsoft Word、WPS OFFICE 等等软件,还有像石墨文档、印象笔记、有道云笔记之类的在线工具。
在电脑上面一般使用Pages进行写作,如果是移动形式我会用石墨文档进行写作,然后同步到电脑本地端。有时候在外面有灵感或者空余时,可以利用手机写作和记录自己的碎片思路。
我们要善于利用自己的碎片时间整理思绪,也要不断地输出自己的一些心得感悟与经验。为了写作而看书是一种主动吸收的方式,比起被动读书,这样的方式转化会更好。
9、提案演示工具
在公司我们会经常需要向领导或者需求方进行设计提案,如果你还是随便做几个图发过去,那么告诉你这样的职业态度不是一个专业设计师的态度。无论项目的大与小,我们都要进行简单的设计提案演示制作,至少你也得制作一个三页以上的演示 PPT。
制作PPT的工具根据操作系统和大家的习惯会有所差别,主要有:keynote、PowerPoint、WPS Office等等。个人常用的是keynote,也能和一些设计软件相结合,比如设计一些小图标可以直接拷贝加入keynote进行排版,处理的一些图片也是可以快速进行置入的,动画效果里面的神奇移动也不错。
一般来说,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 等主流的、必须的平台。
一、Photoshop
Photoshop是图像编辑和设计软件,相信大家再熟悉不过了。Photoshop是设计的基础,不管是UI设计还是平面设计、网页设计、电商设计,都需要熟练运用Photoshop,Photoshop也可以说是设计行业的门槛,掌握了它,才能够迈入UI设计行业。
二、Illustrator
Illustrator是矢量图形和插图软件。它主要用来做页数多的宣传品,也可以完成一些简单的图像编辑。复杂的图层设计会先用Photoshop完成,再导入Illustrator进行排列。它是高阶UI设计师需要的技能,也是在UI设计中比较常用到的软件。
三、Indesign
Indesign主要用于图书和讲义的排版,也是UI设计师经常用到的,虽然它不能做太多样式的设计、但是排版还是比较有效率的。
四、XD
XD主要用于用户体验设计和原型创建,更多的用于UI交互设计。一些网站设计以及app软件的设计大多数会用到它。不过它对系统的级别和配置要求比较高。
五、CAD
CAD是一个草图绘画软件,用于室内设计、工业设计等三维设计,在设计师当中也算是常用软件之一。