Adobe Photoshop

首先给大家介绍UI设计软件的鼻祖,Adobe Photoshop,早期是以修图和特效滤镜起家,在设计软件中普及率极高,无论你用什么做UI,都多多少少要用到它的图片处理功能。由于近年来,设计行业开始从线下印刷品转变为电子出版物和应用程序,它也做出了改变,推出了画板功能,但仍旧杯水车薪,目前已经很少UI设计师会使用它来完成APP设计了,因为过于臃肿,太消耗内存,设计效率低下。

ui标注软件有哪些(ui图标制作步骤)-风君小屋帮我吧ui标注软件有哪些(ui图标制作步骤)-风君小屋帮我吧

不过由于中国80%企业都是中小企业,一般不会给员工配置苹果电脑,都是一台PC走天下,一个PS就上班。因此还是有必要了解Photoshop设计UI界面并完成切图的方法。

另外,由于PS可以做出比较酷炫的界面风格,因此在游戏设计及互动性比较酷炫的产品中,仍旧是不可取代的,如点歌、直播、VR、车载概念UI等。因此PS还是必须要好好学的,谁让它老人家图形处理能力最强呢。

Sketch

但PS的臃肿,就很不适合设计应用界面了(工作生活类手机app界面为主),因此一个叫Sketch的软件,在很短时间里就成功俘获了UI设计师的心,不到50M的体量,有完全针对APP和网页设计的工具面板。

ui标注软件有哪些(ui图标制作步骤)-风君小屋帮我吧ui标注软件有哪些(ui图标制作步骤)-风君小屋帮我吧

不仅如此,它还结合了Princeple(高保真手势模拟),Flinto(动画制作),还有大量个插件和周边软件,越来越巩固了它在UI设计领域的地位。一度成为UI设计师必备的软件,因此很多公司都不得不买苹果电脑,因为它只能在苹果电脑上跑。

2016年前后,应该是它最辉煌的时候,几乎没有竞争者,但随着团队协作,特别是设计和研发协作的兴起,只支持MAC平台、需要多软件配合才能完成工作,成了它最大的弊病。而此时,国际上流行起了全平台软件,也使Sketch陷入了尴尬境地。

Figma

Figma是国外UI设计的主流软件,支持网页端,Mac、Windows,而且重新定义了路径操作工具,极大释放了设计生产力,安装包同样不到50M,同时支持设计、交互原型、代码输出。但最大的问题是,只有英文版,因此国内没有火起来,国外设计师倒是用得很普遍。

ui标注软件有哪些(ui图标制作步骤)-风君小屋帮我吧ui标注软件有哪些(ui图标制作步骤)-风君小屋帮我吧

AdobeXD

Adobe爸爸看到UI设计软件江湖大变,自己再不努力,就要失去老大地位了,于是如同腾讯让微信和QQ竞争一样,推出了AdobeXD。它最大的特点是支持中文、能够自己完成设计、原型、代码及标注、支持Mac和Windows、支持插件和第三方软件、完美结合AE、AI、PS、Sketch。最重要的是它和Figma一样,免费。

ui标注软件有哪些(ui图标制作步骤)-风君小屋帮我吧ui标注软件有哪些(ui图标制作步骤)-风君小屋帮我吧

目前国际上主流的就这4个UI设计软件,PS游戏和强互动UI为主;Sketch、Figma、AdobeXD应用UI为主;Sketch只支持Mac,而且最近官方也发表文章说以后不会出Windows版本;Figma也不会出中文版本,因为它和 Google 很亲密;

只有AdobeXD免费、支持Sketch、PS、AI文件导入、一个软件可以完成设计、原型及标注(标注目前国内Adobe用户还不能用)。

到此,我们还只了解了UI设计软件,而UI里面最核心的是原型设计及UE(即UX)思想,随着软件越来越强大,它不仅仅解放了生产力,还倒逼设计师转型,从以前只关注视觉的美工、GUI,变成用户体验设计师(UI/UX)。

因此,我们需要了解思维导图(Xmind、mindmanager等)、了解原型工具(墨刀、Axure、Mockup、Mockplus等),需要了解用户体验的检验标准及基本内容。

很多培训机构课程案例里,会包括ID(Indesign)印刷出版设计工具、C4D(CINEMA 4D)影视包装片头制作工具,静态电商图片渲染设计;DW(Dreamweaver)网页代码制作工具;这些在UI里基本用不到,特别是在UI设计软件可以直接导出代码的今天,DW可以忽略了。术业有专攻,3-4个月的学习,脑容量就那么大,专心学好设计基础,选一个适合自己的UI软件吃透它,理论和实战经验补足,做2套毕业能拿得出手的UI作品(包括产品原型、UI插画、大量界面、精美图标、好看的Banner、UI动效),这才是改行和就业需要的。

Sketch、AdobeXD、Figma至少要非常精通一个,出于以后去公司可能没有苹果电脑,英语又不好的考虑,AdobeXD是最好的选择。