2018-09-26 知识点

UI 设计用什么软件?

设计师必会软件——PS(Photoshop)


无论你是平面设计师、插画设计师,还是工业设计师,摄影师都必定要掌握的软件那就一定是Photoshop,Photoshop是所见即所得的软件。Photoshop是点阵设计软件,由像素构成,分辨率越大图像越大, Photoshop的优点是丰富的色彩及超强位图处理功能其他软件难以企及。


较新版本的PS都针对UI设计进行了功能的添加,说明adobe公司对于UI设计趋势的肯定。但是,这款在制作文件的的时候,相较于其他软件所得到的文件过大,放大后清晰度会降低,文字边缘不清晰,是劣势。几乎所有设计师都只能用到其中部分的功能。


总结:软件功能强大但功能臃肿。

blob.png



图形设计必备软件——AI(illustrator)


Illustrator是无与伦比的图形设计软件,勉强可与之匹敌的是CorelDRAW,但是软件的通用型较差,现在在一线城市不太主流了,AI可以随意放大缩小而清晰度不变,最大的优点是放大到任何程度都能保持清晰,特别是图形设计、文字、排版特别出色。


在UI设计中需要绘制图标或者图形类插画的时候,再合适不过啦,得到的文件较小。


总结:软件功能极致且专一性强。

blob.png


原型设计必备软件——Axure


Axure能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档,被广大产品经理、交互设计师、界面设计师等所使用。


Axure作为老牌的原型图工具,功能最齐全,交互最多样,基本任何想要的效果都可以实现,在Web端与APP端都比较适用。它的缺点也很明显,比如元件库单一、寻找素材库比较费时间、文件大了会卡顿等。


不过希望大家不要太纠结用哪个原型工具,毕竟画原型图,能够表达出来自己的想法就够了,核心是背后的产品逻辑,而且在团队中,使用统一的通用型工具很重要,不然会遇到很多协作上的问题。


总结:专业的快速原型设计工具

blob.png


展示动效设计必备软件——AE(After Effects)


AE属于后期软件,普遍适用于影视后期制作公司、多媒体工作室等,我们UI设计师也可以使用它来制作一些引人注目的动效,比如APP加载、界面间的转场交互动效、动态图片等,现在动效设计越来越被人们重视。


AE功能非常强大,有很多的插件,可以支持将PSD文件、Sketch文件(需要使用插件)导入AE进行制作动效。缺点也很多,比如不适合在AE中直接画界面画图标,并且非常耗内存。设计师会使用AE制作展示类动效,是很加分的。


总结:软件功能强大的图形视频处理软件

blob.png



界面设计必备软件——Sketch


Sketch是一款专门针对于界面设计的矢量绘图工具,非常适合做移动端应用类的界面设计和简单的扁平图标设计,可以说Sketch是专门为UI设计而生的。


Sketch目前占据了一大片设计师市场,经常被设计师拿来对比PS。它非常轻巧、高效、上手简单,只是看到那颗金黄色的钻石图标,就觉得逼格满满。Sketch的Symbols和共享样式用起来简直舒服,灵活的切图和输出以及各种插件也是6到飞起,同时打开很多画板也不会卡顿。


不过缺点是只有Mac电脑才能安装使用,并且对于位图的处理非常不友好,这点完全不能与PS相提并论。总的来说Sketch的上手成本很低,好玩易用,能够很大的提升UI界面设计的工作效率,值得你去尝试一下。


总结:轻量、易用的矢量设计工具

blob.png



交互动效设计必备软件——Principle


Principle制作交互Demo非常容易上手,操作体验非常友好。优点有很多,比如界面和Sketch很像,可以无缝导入Sketch文件,可以通过手机数据线连接Principle Mirror进行实时预览交互效果,软件非常轻量不占内存,它巧妙的结合了Keynote神奇移动、Flash补间动画、AE时间轴等软件的优点,适合做少量页面间的交互动效设计,非常简单友好。缺点也是有的,只有Mac电脑才能使用,画布较多时交互做起来比较麻烦等。


如果你想让程序员GG实际体验高保真页面交互效果,建议使用Principle,可以降低设计师与开发的沟通成本,提高交接效率。


总结:高效的交互Demo制作工具

blob.png



切图标注必备利器——蓝湖


蓝湖可以无缝连接产品、设计、研发流程,降低沟通成本,缩短开发周期。而且可以自动标注设计图,不需手工切图标注。还可以一键生成所有标注和切图,将切图标注链接共享给同事。

工程师只需点击设计图上元素,即可查看相关标注信息。解决了设计师、产品与工程师之间的沟通问题,减少了不必要的重复性切图。缺点:对浏览器要求较高,需要使用指定版本浏览器兼容性才比较好。

总结:一款简单好用的团队工作台

blob.png


还有类似xmind、keynote、pages、cutterman之类的软件就不多解释啦,差不多就这么多了(ಥ_ಥ),要看实际案例可以关注我们微博,希望能帮助大家。

林老师:0371-5556 6060