用户界面设计
UI设计师
UI视觉设计

UI工作一般用什么软件做?

关注者
85
被浏览
62,301

58 个回答

初学UI设计的同学可能会比较着迷学什么软件,但UI设计核心是如何解决软件布局、流程、视觉引导,帮助用户快速解决问题,下面从真实的项目流程出发说一下都会用到什么软件。

1.梳理需求

UI设计师工作中向上对接的通常是产品经理,产品经理会给到需求文档给到你,有些产品经理会给到原型图,每一个公司不同,给到的东西也不一样,这个时候你需要去梳理产品经理给到需求,通常我们会用到xmind去梳理信息架构,用axure做产品原型和页面任务流程图,有同学说产品原型不应该是产品经理做的活吗?怎么让UI设计师来做呀?大厂分工会比较细,但中小企业就没有分得特别清楚,UI设计师做原型也是常事,不用大惊小怪,而且产品经理给到的原型,很多是从业务层面给到的,很多没有考虑信息层级、用户体验方面的问题,所以还得设计师自己去梳理一篇。

2.UI视觉设计阶段

这个阶段原型基本确定了,接下来就是视觉输出了,通常一个项目UI视觉需要做以下工作内容,品牌设计(AI)、视觉规范(sketch)、IP设计(AI)、图标设计(AI)、动效设计(AE)、UI界面设计(sketch)、运营推广设计(PS、AI、AE)等,如果想用用figma也是可以的,但目前还在普及阶段,真实工作很多公司还是不用,但可以自嗨!关于C4D,做电商美工的可以去折腾一下,做UI交互设计几乎没用,一年打不开一会。

3.切图交付阶段

做好设计稿后,我们需要切图标注给到程序员哥哥去做开发,常用的切图软件有蓝湖、摹客、Sketch Measure等


而其他的软件,像Flash,已经没人用了,InDesign,是杂志排版软件,都不用去学,CDR是平面设计里面印刷店喜欢用的,精力旺盛的就去折腾一下,关于XD其实就是adobe公司被动推出的一款软件,功能太简单,没有苹果电脑可以用用xd也是不错的选择,实际工作中其实是一个主要软件能解决70%的工作,其他的都是辅助软件,工作也不是说就开一堆软件在那里玩来玩去,所以不要认为软件学的越多越好,软件只是一个工具,能用软件干好活才是最重要的!UI设计的核心是交互设计,想进入大厂,拿高薪交互设计都是必备知识点,选择机构学习时建议选择授课老师有大厂从业经历,有成功商业项目经验,并可以教你真正UI交互设计的机构去学习,切勿选择教一堆软件,以平面印刷、电商美工为主的课程,这样的课程危害就是将来毕业即找不到美工工作也找不到UI交互的工作,因为太杂太乱、不深入,目前UI交互设计师的门槛已经很高,不专业投简历没人看的。

关于优途UI教育

本人之前在北京一线互联网企业做产品经理和设计总监,2016年从北京回来深圳创业做设计公司和UI培训机构,中石化、中铁建、环境部、公安部、保利集团很多项目都是在我们这里完成。

我们的课程主要围绕用户体验设计、交互设计、UI界面设计、运营视觉设计为主,而且本人亲自授课,一个班10-15人左右,每天都可以看到本尊

不像某些机构宣传都是大牛,但上课时另是其他人,大牛活在网站里、活在视频里、挂在墙壁上,目前UI交互设计的门槛已经很高,已经过了网上看看视频就能去上班的时间窗口,因为门槛提高了,我们学习周期由之前的4个月提升到现在5个月,而且5个月都是高强度训练,前期一天基本上三节课,上午一节下午二节,每天下午18:00技术分享会,晚上学习笔记打卡,学员的技术分享会及作业和打卡都是本人亲自逐个点评

来校咨询均可提供微信聊天记录,企业通讯录验证信息,每期学员就业信息都是公布的,在校学习期间就可以添加上一届学员微信,了解真实就业信息,学员就业后再离校、而不是某些机构就业率永远活在他们自己打印的列表里面,无法提供验证信息。

我们是一家不搞视频教学,不搞虚假宣传、不搞资本扩张,扎扎实实做实事,靠口碑传播的机构,一个班一半以上都是老同学介绍。详情可以点击了解

编辑于 2022-11-18 02:22

说到 UI 设计需要用到的软件,紧跟 UI 设计工具发展趋势的皮仔必须有发言权!

前不久 UXTOOLS 发布了《2021 设计工具调查报告》,报告给出了在 3139 位受访者中间最受欢迎的 6 款 UI 设计工具,分别是 Figma、Sketch、Adobe XD、Ai、Ps 和 Axure。

2021 设计工具调查报告


如果你是第一次接触这些软件,可能会比较陌生,皮仔先来做一下简单的介绍(熟悉的朋友可以暂时跳过这部分):


  • Figma:支持云端在线协作的跨平台 UI 设计工具
  • Sketch:一款专业的 UI 设计工具,缺点是只支持 macOS 系统,你需要先有一台 Mac 电脑
  • Adobe XD:Adobe 公司推出的 UI 设计工具,支持 Windows、macOS、Android 和 iOS 系统
  • Ai 和 Ps:平面设计师必备的「两把刷子」,可作为 UI 设计的辅助工具
  • Axure:一款专业的原型设计工具


这 6 款 UI 设计工具中,无论是在 Mac 还是在 Windows 系统上,以主打云端在线协作的 Figma,成了调查对象进行 UI 设计的首选工具。


Figma 在不同系统平台上的占比


Figma 推出的时间不长,却可以在短时间内超越老牌的 UI 设计软件,成为后起之秀,也绝非偶然,皮仔可以想到的原因有:


Figma 可在云端跨平台使用,克服了传统 UI 软件受限于设备、使用前需要安装软件、文件传输麻烦等缺点,而且支持云端多人协作的特性,正好契合这两年的远程办公需求,给众多团队或设计师带来了便利。


不过,由于 Figma 并未在国内架设服务器,在国内的实际使用体验并不好,也会遇到诸多「水土不服」的问题:网络加载延迟、英文语言使用不方便、内置的部分字体不兼容中文等。


用不上 Figma,并不意味着只能和这种更为先进的生产方式说拜拜,因为我们还有另外的选择——Pixso,一款对标 Figma 的在线设计协作工具,由国内的本土团队打造,很好地解决了 Figma 现存的问题,设计和使用体验上更符合国人的习惯,而且最最良心的是,Pixso 现阶段完全免费,可以无限制使用 Pixso 的所有功能。

Pixso - 新一代设计协作工具


下面就由皮仔简单介绍 Pixso 中值得一试的功能:


实时自动保存


以往使用传统的设计软件,做图过程中总会担惊受怕,害怕软件突然崩溃、或是临时停电,要是没有及时保存文件,辛苦一下午做好的图说没就没。


但如果你使用 Pixso 来进行 UI 设计,原本担心的事情就不再是问题。


Pixso 主打多人云端协作设计,它会自动将所有的编辑操作自动保存到云端,不需要手动 Ctrl + S 保存。正因为如此,在用 Pixso 的过程中,我们可以专注于设计本身,无需担心意外事件的发生。


开源资源社区,让你快速出图


Pixso 资源社区,是 UI 设计软件 Pixso 旗下的模板资源社区,集合了多个大厂的设计系统、UI 组件库以及社区用户自发上传的设计模板。

Pixso 资源社区


在社区中浏览他人发布的作品,可以搜集设计灵感,当你看到比较喜欢的作品,可以进入作品的详情页,点击右上角的「复制」,将作品复制到自己的 Pixso 账户中,一方面可以在自己的项目中复用他人作品的亮点,同时在拆解作品的过程中,也能收获到新的东西。


便捷的历史版本管理


相信经常和甲方爸爸斗智斗勇的设计师都经历过,“改了 10 版,最终还是用回第一版”的惨痛经历,比这更绝望的是,第一版的源文件没有单独保存,找不回来了。


基于类似的场景,Pixso 加入了版本管理的功能,可以将某个设计节点以类似「快照」的方式保存下来,方便后期随时找(fan)回(gong)。


点击右上角的第 3 个按钮「历史版本」,在弹出的菜单选择「添加历史版本」。


版本历史面板会以倒序的方式显示所有版本,最近的版本显示在最上方,将鼠标移动到版本名称上方,点击右侧的三个小点「…」可以将当前版本还原到早期的版本,这样就能找回甲方爸爸最终想要的第一版了。


链接随时随地分享


得益于云端协作模式,Pixso 摆脱了传统的文件传输协作方式,在 Pixso 中完成 UI 设计后,点击右上角的「分享」按钮,可以链接的形式分享源文件。


这种分享方式与日常多数人都会用到的在线文档一致,只不过是把文档替换成了设计文件,保证用户习惯的同时,也提升了文件交付的效率。


以链接分享时,有两种分享方式:一种是通过邮箱或用户名邀请协作者,获得邀请的人才可以查看链接内容;另一种是免登录、公开分享的方式,获得链接的人就可以访问。


详细的使用手册,不再从入门到放弃


如果你之前用过其他 UI 设计软件,由于 Pixso 界面沿用了主流软件的布局,那么从旧的软件迁移到 Pixso,应该不会对 Pixso 感到陌生,可以很快地上手。


如果你是第一次接触 UI,也不用过于担心软件的使用,Pixso 也提供了详细的「使用手册」和用户指南,以图文的形式带你了解 Pixso 中常用的功能,帮你扫除使用软件会遇到的障碍,不再像学习其他软件一样从入门到放弃。


此外,如果你之前是用 Sketch、XD 来进行 UI 设计,想换到可以显著提高生产效率的 Pixso,也可以做到无缝衔接。


Pixso 支持导入 sketch、svg 和 xd 文件,导入后的设计文件,可以在 Pixso 中做进一步的编辑,不再受限于所使用的平台或设备

兼容多种设计格式


洋洋洒洒说了这么多,最后别忘了 Pixso 最最良心的一点哇——现阶段使用 Pixso,不需要支出任何费用:个人用户永久免费,企业用户限时免费,可享受无限文件数量、无协作人数限制等权益,早用早享受。


以上,就是本次想给大家介绍的内容。


在使用 Pixso 的过程中,如果有任何疑问,欢迎在下方的评论区联系皮仔哦,随时为你答疑解惑~


我是皮仔 @Pixso协同设计,那我们下次再见咯。

编辑于 2022-05-27 15:15

UI设计师这个职位,可谓是红及一时,而UI这个行业属于互联网行业,跟随着互联网的发展而进入人们眼球,也必将跟随互联网的发展而发展。从2010年互联网开始爆发,2013年,UI设计行业基本上在一线城市迅速拉开,很多人投身这个行业。

其中包括:美工、平面设计师、网页设计师、电商设计师、工业设计师等众多领域的设计都想往这个行业,从而导致这个行业迅速走红。

我便是最早一批进入UI这个行业,赶上红利期,迅速进入这个行业,那个时候,你只要懂移动设计规范,会画图标,会PS,会AI,你也能快速进入这个行业。

我从2006年开始做设计,美工、平面设计、包装设计、网页设计、电商设计都有做过。而这些行业都是在当年都是实体经济,还有很公司没有依靠互联网。当淘宝开始兴起时,国内互联网开始了。我也就是从这时候进入互联网行业。


当年我们做UI时,国内还没有啥标准,也没有人带着,完全是依靠互联网、靠自己不断学习才积累起来的经验。


现在有很多小伙伴。

问我:学UI很难?

我:UI再难,没有我们那时难,因为有了互联网,什么东西都可以靠学习。


问:我想学UI,网上资料教程很乱,不系统,都不知道先学什么后什么?

我:这一篇够用: zhuanlan.zhihu.com/p/35


今天小编花了一些时间,整理了一套UI设计要学的所有软件,当然不一定所有都得学,学得多点对你只有利没有害,如果对大家有利,

不妨先收藏,等到哪天你想看的时候,也不是一件坏事。


UI,现在的企业和公司不是单纯让你画个图标,做个界面就了事,对于企业来讲:设计师就应该是无所不能,应该什么都得会做。

这样一来导致UI设计,不仅会做界面,还得会交互设计,产品思维,运营设计思维,恨不得我们都想爆粗口。


那对于我们UI设计师来讲,应该先学什么软件,再学什么,接下来我来讲,我从在大学到现在,这14年设计生涯中期间,我都学过什么软件。


一、PS[Photoshop] 图形处理软件



Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。

Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。

2003年,Adobe Photoshop 8被更名为Adobe Photoshop CS。2013年7月,Adobe公司推出了新版本的Photoshop CC,自此,Photoshop CS6作为Adobe CS系列的最后一个版本被新的CC系列取代。

截止2021年1月Adobe Photoshop CC 2021为市场最新版本。

Adobe支持Windows操作系统 、Android与Mac OS。


其实PS是一个很强大的软件,就我而言,我用得最多的功能:P图、图像合成、插画、UI界面、图像调色、图像处理等。

当然,功能强大的使用肯定不止于此,每个人拿软件的用途不一样,使用频率也不一样。


更多功能就不一一展示了哈!


二、AI[illustrator] 矢量绘图软件


Illustrator,常被称为“AI”,是一种应用于 出版、 多媒体和在线图像的工业标准矢量插画的软件。

作为一款非常好的 矢量图形处理工具,该软件主要应用于印刷出版、 海报书籍排版、专业插画、多媒体图像处理和 互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。


在UI设计这个岗位中,AI基本上用得比较多的是用来:LOGO设计图标绘制、插画、字体设计、排版。基本上印刷类物料都可以用AI来制作。







三、Sketch [UI界面设计神器]



Sketch Mac版是一款非常好用且功能强大的矢量绘图软件,Sketch Mac版以简约的设计是基于无限的规模和层次的绘图空间,调色板,面板,菜单,窗口和控件,虽然使用简单,它提供了功能强大的矢量绘图和文字工具。如完美的布尔运算,符号,和强大的标尺,参考线和网格。Sketch for Mac 破解版拥有创新和新鲜的外观, 其故意极简主义设计基于无限尺寸和图层的绘图空间,不含调色板,面板,菜单,窗口和控件。


在大公司,比如BAT这些公司,用Sketch这个轻量级别UI设计软件还是比较多的。

具体有哪些强大的功能,大家可以去官网下载了解哈





四、XD [UI界面设计 双系统可用]



Adobe XD 是一款适用于网站和应用程序等的快速且功能强大的 UI/UX 设计解决方案。可实现设计、线框、动画制作、原型创建、协作和共享等,功能一应俱全。








五、Figma [UI界面设计神器] 后起之秀



Figma:一款基于浏览器的界面设计协作工具,可以将项目时刻保存在云端,这样就可以保证多方用户对设计进行实时评论或修改。它有三个很显著的特性:实时协作、矢量网格、版本历史。最重要的是,这个工具非常方便,可以在一个文档中同时处理20个以上的画板。(figma有客户端,但新建项目时还是会像浏览器一样打开,但不会造成什么的影响)figma的客户端你也可以放心使用,也是实时云端同步,最重要的就是实时协作了!




  • 文件存储在云端
    • 不用同步,在任何电脑上都可以访问
    • 没有传统中文件的概念(不用来回传文件)
    • 设计稿永远是最新的
  • 在线协作
    • 可以同时处理一个文件
    • 可以一起查看文件而无需共享屏幕
    • 任何人都可以对设计稿评论
  • 多平台(Win,、Chrome、Linux、Mac)
  • 内置原型功能(更易用)
  • 内置版本控制
  • 内置批量重命名(可以使用正则表达式)
  • 更强大的组件(后面会说到)
    • 可以访问和修改组件中任何层的任何属性而无需将其分离
  • 更容易交付给开发,只需分享一个链接
    • 工程师可以及时查看标注,自己导出切图
  • 为 UI 优化的功能
    • 智能排列(统一调整间距,重新排列内容)
    • 批量图片置入
    • Layout(卡 Padding、标示切图大小、影响约束区域)
    • Web Font & Font Icon
  • Style(字体、颜色、描边、阴影)分开
    • Figma 中的字体 Style 不用管对齐方式,只包含文字本身属性


六、C4D三维建模软件


CINEMA 4D字面意思是4D电影,不过其本身就是3D的表现软件,由德国Maxon Computer开发,以极高的 运算速度和强大的渲染 插件著称,很多模块的功能在同类软件中代表科技进步的成果,并且在用其描绘的各类电影中表现突出,而随着其越来越成熟的技术受到越来越多的电影公司的重视,可以预见,其前途必将更加光明。

Cinema 4D 应用广泛,在广告、电影、工业设计等方面都有出色的表现,例如影片《 阿凡达》有花鸦三维影动研究室中国工作人员使用Cinema 4D制作了部分场景,在这样的大片中看到C4D的表现是很优秀的。它正成为许多一流艺术家和电影公司的首选,Cinema 4D已经走向成熟。


对于我们UI设计来讲,C4D这款软件在工作有时用得也是比较多:






现在很多互联网产品、电商3D场景、IP卡通、3D图标等,都直接运用到了三维软件。

在未来是一大力学习的软件。


七、Axure RP交互原型软件





Axure RP是一款专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping( 快速原型)的缩写。目前最高版9.0

Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的 线框图、 流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理 [1] 。

Axure RP的使用者主要包括 商业分析师、 信息架构师、 产品经理、IT咨询师、 用户体验设计师、 交互设计师、 UI设计师等,另外,架构师、 程序员也在使用Axure。

• 网站架构图 (Site Structure)

• 示意图 (Wireframe)

• 流程图 (Flowchart)

• 交互设计 (Interaction Design)

• 原型设计 (HTML Prototype)

• 规格文档 (Specification)




八、AE 【Adobe after Effects】



Adobe After Effects简称“AE”是 Adobe公司推出的一款图形 视频处理软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。

Adobe After Effects软件可以帮助您高效且精确地创建无数种引人注目的动态 图形和震撼人心的视觉效果。利用与其他Adobe软件无与伦比的紧密集成和高度灵活的2D和 3D合成,以及数百种预设的效果和动画,为您的 电影、视频、 DVD和Macromedia Flash作品增添令人耳目一新的效果。

Adobe官方最新版本为:Adobe After Effects 2021。


在目前很UI设计师,也用AE来做一些UI交互动效,通过插件的配合导出JSON文件,也是UI设计师的不二之选。



UI界面设计中,很多界面 为了提高 用户检验,采用许多扁平化插画 卡通动效,这类设计也是UI设计需要具备的能力。


在UI设计中,其实用得到的软件很多,企业所需,我们也不得不学:

1、Coreldraw 一款老牌的平面设计矢量付费软件。

2、Principle 一款和sketch软件黄金搭档的交互设计软件

3、adobe Premiere一款和AE搭档的视频剪辑软件

4、indesign 一款老牌排版软件

...............等许许多多的软件


虽然软件很多,这些软件只是设计师手中的利器,是用来快速解决UI设计工作中,碰到的系统问题。而不是一味地去研究软件。

希望大家灵活运用,这样做起事必将事半功倍。


除了软件学习外,还得学习:

1、手绘素描

2、版式设计

3、色彩搭配

4、插画设计

5、字体设计

6、设计心理学

7、产品思维+交互思维

8、方法论的构建

9、良好的管理等


这14年,我是无时无刻地在学习,因为时代在变,技术在变,新奇的东西在变,更好的软件也在变,唯独只有学习没有变,

只有不断学习,提升自己,顺应市场,才能更好地迎接这个时代。


如果有需要软件的同鞋, 关注私聊。

发布于 2021-08-23 11:56

首先是老相好Adboe系列

PS AI AE 不用过多介绍了,之前没有后面这些sketch,figma的时候,设计师们全靠它。

SKETCH figma 这两款目前是做界面比较常用,sketch必须是苹果系统(也是目前最主流的使用最多的界面设计软件),figma属于云端没有平台限制。

蓝湖-主要用于团队项目配合。

墨刀-主要用于交互原型工具。

当然还有C4D(三维视觉表现多用于运营) ,principle(MAC系统动效设计软件),XD(adboe全家桶中的Sketch)等等都可以。

软件的目的是为了提高工作效率,更重要的还是使用软件背后的大脑。

编辑于 2021-06-24 15:27

1.基础工具

Office 系列必须会用,这是职场人的基础,这里不再多说了,使用 Mac 的同学也要会用 Pages、Keynote、Numbers。另外蓝湖、石墨、语雀等在线工具也有很多团队用于协作,这些工具大家都有一定的基础,学起来也不难。

2.信息架构工具

这些也不用多说了,UI 设计师和交互设计师、前端设计师、产品经理都要保持密切协作,甚至有很多 UI 设计师具备全链路的能力,如果不想当一个只会画图、没有思维的工具人,这些必须要掌握。

3.原型制作工具

UI 设计师在实际工作中可能不需要深入使用这些工具,但是为了了解交互、和交互设计师协作,这些软件多少要有了解。

4.图形处理工具

这就是 UI 设计师的核心了,PS 是使用最广泛的,用 Sketch(Mac)和 XD(Windows)的也很多,Sketch/XD 比较轻量级,基本能满足 UI 设计师的日常工作需要,如果想在插画方面深入学习的话,可以学 AI。现在很多团队也开始使用 Figma,大家也可以去了解。

设计师每天工作都要打开 PS ,都要运用到 Sketch ,这些是看得着的工具,还有一系列的思考和分析的方法,这同样也需要设计师能够把这些方法运用起来形成一定的思维模式。

因此,大家在学习软件的时候一定不能顾此失彼,陷入到软件炫技的漩涡里去,对于设计是而言,软件只是工具,不需要过于精通,软件学到一定水平就要将重心放到设计理论的学习、设计思维的训练上来。

二、通过哪些软件能够学习 UI 设计的知识、理论和方法

Dribbble( dribbble.com

Dribbble 是一个著名的设计师作品分享平台,全球设计大神云集,在网站上搜索英文关键词便可看到相关作品。作品包括品牌设计、手绘插画、动效、排版、网页和移动端 UI 设计,是所有专业设计师寻找灵感、了解当今设计潮流、趋势不可错过的网站。

Awwwards.( awwwards.com

Awwwards. 是一个世界各地优秀设计师的聚合点,他们在这里寻找灵感、传授知识和经验、相互联系并分享具有建设性和富有尊重的批评。网站的口号是:“始终质疑”,“不断发展”,旨在表彰世界上最优秀网页设计师、开发人员和代理机构的才能和努力。

在这里我们可以看到 UI 设计、艺术插画、摄影、建筑、时尚、房地产、游戏、电商等 25 个分类下的作品。

花瓣( huaban.com

花瓣网是国内的社交分享网站,网站允许用户创建和管理主题图片集合。用户收集了来自各个网站的优秀设计,在这里可以看到海量的优秀设计作品,你在查看一个作品时能够为你推荐更多优秀的同类作品,是设计师寻找灵感创意不可错过的网站。

花瓣网的页面采用流式,用户浏览时内容自动加载,无需翻页,用起来简直不要太轻松!

会用梯子的同学可以常去 pinterest 和 behance 。

在知群设计圈(App)学习理论

设计圈旨在为设计师、产品经理提供同频次的职业交流平台。在这里你可以学习和设计、产品相关的理论知识;临摹分析规范作品集;搜索查看高清图片素材、设计流程;和同行业产品经理、UI设计师、UX设计师交流,共同成长为界面设计和产品设计专家。

下载链接: 知群设计圈

各大应用商店搜索“知群设计圈”下载

通过「产品设计天天学」学习产品和设计理论

每日一更,都是很干货的产品经理、交互设计、UI 设计相关的文章,大家可以关注「知群」公众号订阅学习。

三、还要多体验优秀的产品

最美应用公众号(官网: zuimeia.com

最美应用是老牌的应用推荐平台,一直以推荐“好看、好用、好玩”的移动端产品为使命,大家可以关注“最美应用”推荐的产品和专题。最美应用推荐的产品往往在功能、设计、交互方面有着独到的地方,在各个领域都已经成为红海的今天,这些产品为什么能脱颖而出?值得大家深入研究和思考。

编辑于 2022-01-14 12:08

大家都知道创意思维对于设计师的重要性,却也不能忽略基本功和工具对于设计师的必要性。设计的基本功只有坚持不断的负重训练,扎实美术功底,才能在日后的商业实战中轻松驾驭各种风格。那设计工具也是一样,学习工具需要不断练习使用,才可以熟练的通过工具去表达设计理念与思维。那UI设计到底需要学习哪些工具呢?

设计工具很多,UI设计需要学习哪些软件没有一个固定的答案,因为每个设计师都有自己习惯用的软件。我们不可能将所有软件全部学完,每类设计工具我们选择一两种去学习到精通,如果今后的工作中遇到类似的工具会很快就能上手使用。

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

图片来源:PS启动页

那如何学习这么工具呢?其实大家都知道,用实用的案例去学习一个工具,能让学习带有目的性,才能更快的掌握工具的使用方法,那对于Photoshop的学习也是一样。那学习的途径有很多,比如看书学习、看教学视频学习等。

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

视频的学习可能会比图书更生动形象,如果想要系统的自学PS,可以参考我之前写过的一个关于PS学习的回答,可以帮助你循序渐进、由浅入深的带着实际案例学习PS。

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

图片来源:AI启动页

关于AI的学习,也和PS的雷同,先了解软件,再通过实际案例去学习,在操作中熟练使用该软件。具体的学习步骤可以参考我写过的一个零基础学习AI的回答。

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设计有所帮助。

发布于 2021-02-23 10:00

UI设计用什么软件:基于什么样的公司。

一般大厂有经济条件,给设计配置的都MAC苹果电脑。

一般小公司经济条件不好,给设计师配置的都是组装的台式机。

苹果电脑:

安装的软件,我给你看一下我的电脑安装的软件。

这些就是我最常用的设计软件了。

WIN电脑:

除了Sketch、principle这二个软件不能安装之外,你都可以安装哈。

软件不在多,在于你哪些是最常用的,最好是看公司都用什么软件,这样在以后工作配合起来比较方便。

发布于 2021-02-25 17:23

谢邀。

Sketch,adobexd,figma是现在比较常用的ui设计软件,当然也有ps和ai,但是个人都用过,苹果机推荐sketch,装不了sketch就用figma。

ps还是针对图片处理和复杂图片的修饰更好用,注重交互方面还是sketch更好用,因为可以创建很多组件团队合作,也不容易卡机。

发布于 2021-02-21 23:10

需要学习的软件:

AdobePhotoshop:图片制作,用的比较多,海报、包装、logo等等

Adobellustrator:制作矢量图,用的比较少,一般做品牌logo,包装设计比较多

AfterEffects:动效制作,比如APP跳转页面的动效,交互图像等等

C4D:3D制作软件,现在电商设计、平面设计都很喜欢3D风格的作品,被广泛用于天猫、淘宝等电商平台

Sketch:矢量设计软件,主要应用于网页设计,图标设计等等,是MacOS系统下的软件,所以需要用苹果电脑来学习。

以上软件是从事UI设计工作需要会的软件。

除了上面几点学习内容和必会的软件,从事UI设计还有最重要的一点就是用户思维和营销思维。

发布于 2021-03-11 14:09

ui设计要根据软件来说了。如果是相对早一点的软件,比如说ps做ui的话,是很不划算的,很卡,不推荐。slice的话它就是一个插件库,就是一个由插件拼起来的这样的一个软件,标注的插件、切图的插件,画全局交互图的外壳,能给它套个漂亮的外壳的插件,标标尺,快速替换图文的插件,快速让矩阵里面如果说是有一行、有多行的list要长得一样,它需要一下子应用,skills是需要很多的。但是工序总是在更新,包括xd来说,也是需要一些插件的,那就是adobe的xd。xd有个好处是什么呢?它是windows和airmac都能用,skills是只能mac用,苹果电脑用。现在跨平台的东西来了,就是线上的一些软件不用下载,是网页版的,打开网页直接做,比如faker就很厉害,对不对?但是faker bug 也很多。那么国内有一款产品对标faker,是master go,这个也很好用,不过现在处于初级阶段,因为也是线上的工具就有一个好处,就是不用下插件,整个软件都不用下,自己需要什么插件就更新上去了,你甚至都不用更新下载,直接打开用就行了。所以说现在基本上就是用新型的工具去解决一些问题就会好一点。其实插件这个东西现在不是很流行,除非是老一点的软件,因为软件自身不是很方便,才会有很多插件。

发布于 2022-01-12 17:42

UI设计可以用MasterGo。

要是想自学UI,其实主要考虑三点就行:学习成本、产品性能、主流与趋势。具体我后面有说明。

我建议你直接从在线设计工具入手,这个是趋势,而且使用起来比较简单。

现在越来越多的大厂都开始用在线设计工具,不是没有道理的。第一是操作简单,有浏览器就能用,不像考虑软件版本兼容什么的问题,或者担心电脑带不动。另外就是协作简单,从设计到交付,中间不管经过多少人只要一个链接就能搞定,也不用来回上传下载,这点在实际工作中能节约很多时间。

目前这种云软件国外主要是Figma,国内MasterGo用的比较多。Figma是比较早的了,以前大家用的挺多,但是前段时间它把大疆等国内公司账号封停后国内用得就越来越少了,都怕以后被封。本人去年开始用MasterGo的,用的顺手没换过,后来在团队里带新人也就直接用这个了。

回到开头提到的学习成本、产品性能、主流与趋势三点,下面具体说一下:

学习成本:这点上国产软件做的都比国外的好,主要是中文界面,一看就懂,另外资源也相对丰富,像MasterGo的资源广场里有大厂提供的内容,还有个每周临摹板块,这些对新手来说都是可以学习的资源。

产品性能:工具上手之后就主要看性能了。设计软件的功能是每家各有特色,不过常用功能是都有的,具体到官网上对比一下就知道了。但是性能就不一样了,有些人刚入门做的项目比较简单,对比不明显,像我们动不动要做几万甚至十万级图层的项目,差别就很明显了。MasterGo能够最多承载500人同时在线协作和图层量10万级别的大型项目,我朋友说他用别的在线软件做大项目遇到批量复制粘贴时会遇到卡顿和崩溃,我用mastergo是没遇到过这种情况的。不然我估计我也能崩溃。

主流与趋势:这点不难理解,在线工具主要优势之一就是协作便利,所以主流工具意味着身边的设计师都在用,这样当你和别人协作的时候,大家都省事。还有就是你看大厂都在用什么,像一般大公司这种选设计工具都是严格评估过的,免得以后换来换去的耽误事。现在MasterGo有个国产设计软件共创计划,很多大厂都加入了,比如美团、知乎、顺丰这种互联网大厂。所以之后你想进大厂还是以后对接大厂,使用起来是比较方便的。

总结一下,我没怎么用过其他在线设计工具,所以也不好对比,从我目前的使用情况来看,推荐题主或者其他新人先试试MasterGo,入手简单,比较好用。

编辑于 2022-06-01 20:26

UI界面设计,首选sketch,插件多资源丰富,目前大企业都在用,如果没有苹果电脑可以用figma或者xd,做动效用AE,便于输出和程序员对接,做原型用axure功能强大,目前可以看到的交互效果它都可以搞定,做运营视觉用PS和AI。如果对软件使用情况还不清楚的话可以点击查看

发布于 2021-02-04 10:12

我们在学习UI设计的过程中,需要掌握许多设计方面的知识,比如图标设计、界面设计、动效设计、交互设计等。如果想要得心应手的设计,必须要能对应的设计工具。那么UI设计师需要掌握哪些设计软件?这已经是一个老生常谈的问题了。在之前的一些文章中,我们也为大家推荐过一些软件,比如Flinto Lite、Origami等。但随着互联网的不断发展,设计软件也不断更迭,轻便易用的工具替代了复杂繁琐的工具,碎片化工具开始向多功能平台发展。因此,设计师需要掌握的工具,和从前已经大不一样。今天,小摹就来为大家分享,2020年的设计师,需要掌握哪些设计软件。


1. Adobe Photoshop - UI设计界面设计、图标设计、图片处理



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

功能特色:

  • 强大的照片处理技术
  • 强大的图层功能,处理副本时可先保存原件
  • 支持批量处理照片
  • 兼容其他Adobe套件程序,如AE、AI等
  • 提供了不同文件格式保存的选项



2. Adobe illustrator - UI界面设计、图标设计、字体设计、插画设计



如果需要处理图片,PS是首选,但如果要制作图标,那么就需要用到矢量绘图软件 AI 。AI 提供了丰富的像素描绘功能以及顺畅灵活的矢量绘图功能,配合文字处理和上色等功能,不仅可以轻松搞定图标设计,也可以完成精美的插画设计,让UI设计作品锦上添花。

功能特色:

  • 强大易用的矢量绘图功能
  • 集成文字处理,上色等功能



3. Adobe After Effects - 动效设计



Adobe After Effects 也是 Adobe 家族的一员,主要用于图形和视频处理。随着动效设计在UI界面设计中的广泛应用,作为UI设计师,AE 当然也是必须了解的设计工具之一。无论惊艳的转场效果,还创意十足的动作设计,AE 都能搞定。配合PS等界面设计工具,可以轻松完成极具冲击力的UI界面设计。

功能特色:

  • 强大的动效设计功能
  • 支持与其他Adobe工具无缝协作
  • 可配合插件导出动画数据
  • 丰富的素材和学习资源



4. Sketch - 界面设计、图标设计、原型设计



Sketch 是近几年崛起的一款强大的设计工具,可以帮助UI设计师快速完成界面设计,仅支持Mac系统。在Sketch中,可批量命名图层、智能标注页面、填充图片和文字等,也可以为静态的设计添加简单的页面交互。此外,Sketch拥有非常丰富的插件市场,可以弥补软件功能的不足,也可以满足不同人群的设计需求。

功能特色:

  • 流畅出色的用户体验
  • 简单易用,学习门槛低
  • 可配合大量实用的插件



5. Adobe XD - 界面设计、图标设计、原型设计



Adobe XD 和 Sketch 的功能比较相似,也支持打开 Sketch 文件,弥补了 Windows 用户无法使用 Sketch 的遗憾。相较于前面介绍的几款工具来说,XD 具有更加轻便易用的特点。UI设计师可以使用 XD 快速完成原型制作和界面设计,还可以快速设置页面交互。

功能特色:

  • 轻便易用
  • 支持交互设计
  • 国内用户可免费使用



6. Figma - 界面设计、实时协作



之前的文章中,我们为大家介绍过 Figma这款工具。作为一款新晋设计神器,Figma 最近可赚足了话题量。相比于一些昙花一现的设计协作工具,Figma具有很高的易用性,支持矢量绘图、版本管理等,功能强大,操作流畅,不仅可以帮助设计师完成界面设计,还支持实时协作,适合中小体量的设计团队使用。如果你会使用Sketch,那么Figma对你来说几乎没有学习门槛。

功能特色:

  • 流畅的操作体验
  • 超强的全局组件
  • 支持实时协作
  • 支持版本管理



7. 摹客 - 全流程设计协作



摹客是国内最早考虑到将碎片化设计工具整合到一起的全流程协作设计平台。摹客的功能覆盖了在线设计、设计稿和原型稿交付、文档撰写和管理、在线评审、标注切图、规范管理等产品设计各环节需使用到的功能,可以灵活适应不同体量团队的工作模式。对于UI设计师来说,既可以把它看做是web端的简化版Sketch,在线完成高保真原型设计,也可以把它当成国产 Figma ,满足团队实时协作需求。


功能特色:

  • 产品设计协作全流程覆盖
  • 强大的高保真设计功能
  • 强大智能的标注切图功能
  • 支持交付PS/Sketch/XD/Axure设计稿
  • 基于web,无需安装
  • 支持100人以下团队免费使用

mockplus.cn/?

8. Axure - 原型设计



Axure 是在互联网产品设计行业内被广泛使用的原型设计工具之一。使用 Axure ,可以轻松创建网页和移动端项目原型。作为老牌设计工具,Axure具备非常强大的交互功能和丰富的可编辑元件,如果想要打造最接近真实效果的可交互原型,那么Axure是一个不错的选择。不过相较于摹客等轻量化设计工具来说,Axure前期的学习成本较高,需要花费一定的时间去学习。

功能特色:

  • 强大的交互设计
  • 丰富的元件库和模板资源



9. Dreamweaver - 网站建设



最后介绍的两款工具,可以作为UI设计师的加分项。第一款是网页代码编辑器 Dreamweaver 。之前在分享 UI设计师求职攻略时,我们提到,根据目前互联网大厂的招聘需求可以看出,大厂设计师正在往全栈设计师发展,因此对于想要完成进阶的UI设计师来说,不仅需要掌握界面设计工具,还需要学习和了解前端的布局和设计,才能更好地配合开发工程师们完成产品研发工作。

功能特色:

  • 制作效率高
  • 全面的CSS支持增强功能
  • 提供丰富的学习资源



10. C4D - 三维设计



另一款加分工具是三维设计软件 C4D ,相较于 Maya 和 3D Max 等工具,C4D 更加简单易上手。除了在广告、电影、工业设计等行业广泛应用以外,近年来,在电商平台设计方面,C4D 也逐渐开始崭露头角,如果你想要紧跟电商平台设计的潮流趋势,那么 C4D 一定是你必须了解的设计软件之一。

功能特色:

  • 强大的渲染能力
  • 强大的视觉表现力
  • 学习门槛相对较低



设计软件的诞生,是为了帮助设计师更好地完成工作,设计软件的竞争和更迭,最后受益的也一定是设计师。作为设计师的我们,也必须时刻保持学习的激情,才能不断丰富自己的能力,提升自身的行业竞争力。

发布于 2021-03-02 13:48

UI设计行业兼具艺术性和技术性,并且对性别十分友好,受到了不同性别人士的欢迎。想要了解UI行业的小伙伴需要知道这些UI设计的常用软件,以及UI设计用什么软件做?

一、Photoshop

Photoshop是图像编辑和设计软件,相信大家再熟悉不过了。现在不光是设计行业,一些非设计类岗位在招聘人员的时候也更加倾向于会使用Photoshop的人,因为现在很多行业都会用到PS来简单改图,新媒体行业更是如此。那么UI设计行业的从业者当然就得更加精于Photoshop,才能够做出更好的设计、拿到更高的薪资。Photoshop是设计的基础,不管是UI设计还是平面设计、网页设计、电商设计,都需要熟练运用Photoshop,Photoshop也可以说是设计行业的门槛,掌握了它,才能够迈入UI设计行业。

二、Illustrator

Illustrator是矢量图形和插图软件。它主要用来做页数多的宣传品,也可以完成一些简单的图像编辑。复杂的图层设计会先用Photoshop完成,再导入Illustrator进行排列。它是高阶UI设计师需要的技能,也是在UI设计中比较常用到的软件。

三、Indesign

Indesign主要用于图书和讲义的排版,也是UI设计师经常用到的,虽然它不能做太多样式的设计、但是排版还是比较有效率的。

四、Sketch

这软件一开始的印象可能只有小巧便捷够用。但用多了后就会发现他最好的地方不是比PS多了什么功能,而是针对UI设计的操作、交互模式,用起来非常高效。

PS因为要考虑摄影用户的使用,并不能针对UI设计师做最优设计。PS的基本工具的操作/交互方式从来不是对UI设计专门设计的。而这正是Sketch的取胜之道。

五、XD

XD主要用于用户体验设计和原型创建,更多的用于UI交互设计。一些网站设计以及app软件的设计大多数会用到它。不过它对系统的级别和配置要求比较高。

六、各类手绘软件

虽然一些设计软件也可以进行手绘,但是毕竟不是专业的手绘软件,画笔的种类较少,有时候不能很好的表达设计师的思想,所以设计师们在手绘时更倾向于用专业的手绘软件。具体用哪款软件就见仁见智了,设计师会根据手感和习惯,来选择手绘软件。

发布于 2021-03-09 21:53

现在的UI设计师基本是十项全能,什么都需要会一些。

页面设计:Sketch、Figma、XD

运营、H5设计:PS、AI(字体设计)、C4D(3D视觉)

动画:AE

发布于 2021-02-20 00:38