Photoshop
UI设计80%时间都在用的软件,主要是去做界面、Banner、Appicon、切图等以静态视觉为核心的工作。基本都使用里面的矢量工具去绘制,UI设计师必须非常熟练的掌握此软件!
Illustrator
由于其纯矢量的特性,以及线与面转换的便利性,主要用于做互联网产品内的功能型icon。
SketchPrinciple
这两个可以算是专门为UI设计开发的软件,但是只有Mac版本,Windows电脑无法使用,导致这个软件在行业内的通用性存在问题。
Sketch的功能基本都是为UI设计服务的,而且是矢量软件,做UI设计的效率很高。
Principle是可以与Sketch无缝对接的动效设计软件,与Sketch配合能做出很多可以操作的UI静态动态效果设计。
Sublime
这个不算是设计软件,就是一个代码编辑器,写前端代码非常方便,前端的知识对于UI设计师来说也是非常重要的,一方面,为了能了解自己设计在程序方面的实现可能性,另一方面,可以很好的跟程序员建立沟通(撕B--...)
AfterEffect
算是UI设计师的附加技能吧,会则更好,不会也不影响UI设计师主要的工作内容。主要可以做出一些比较负责的动态效果,不仅限于界面动效,有关动态效果表现基本都可以实现。但是也有一个硬伤,就是你不管做成什么样,只能以图像格式输出,很可能你做的花里胡哨的动效程序根本实现不出来,所以前面所讲的学习前端就很重要了。
Cinema4D
这个属于一个跨界软件,起初我知道这个软件的时候,还是在工业设计行业中使用的,也不知道为啥这两年开始流行用建模软件做平面类的设计了,可能是容易出效果吧,所以这个软件也属于UI设计师的附加技能,能做很多的概念设计,总之会这个软件,能让你的设计表现力更丰富更有趣。
做界面设计如果没有好的工具进行辅助,那只会导致事倍而功半。下面推荐几款不错的界面原型设计软件:
界面原型图绘制工具Pencil
Pencil是一款开源的原型图绘制工具,手绘风格的,就像自己在纸上画的那样。Pencil还可以用来绘制各种架构图和流程图,同时还提供Firefox的插件。
开源原型设计工具framer
framer是一个开源原型设计工具,使用编写。支持动画效果和交互操作。
基于HTML的界面原型库Shireframe
Shireframe可通过HTML实现界面原型的绘制。基于AngularJS和jQuery驱动,使用RequireJS进行模块加载,使用Bootstrap进行展示
原型制作软件AxureRP
AxureRP是一个快速原型制作软件,由美国AxureSoftwareSolutions,Inc.公司开发。AxureRP能让操作它的人快速准确的创建基于Web的网站流程图、原型页面、交互体验设计、标注详细开发说明,并导出Html原型或规格的Word开发文档。
软件界面原型设计工具UIDesigner
UIDesigner,简称“UID”,是一款进行软件界面原型设计的工具。它拥有强大的模板和预制功能,能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通,减少不必要的工作内耗。
产品原型设计工具Mockup
Mockup是一款手绘风格的产品原型设计工具,在短短的几分钟内,用户可以创建一个模型。采用Vala语言开发。应用程序使用从工具条中拖放对象到虚线带白色区。
产品原型设计工具BalsamiqMockups
BalsamiqMockups是产品设计师绘制线框图或产品原型界面的利器。在产品设计的需求阶段,低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间,在BalsamiqMockups出现之前,流程图可以使用Visio,高保真DEMO可以使用Axure,但我们并没有好用的草图设计工具;在产品设计管理中,我们通常在产品的业务流程和数据流转已经相当明确时才开始进一步考虑产品的结构层和框架层,虽然此时纸、笔、白板都是非常简单方便的交流工具,但是他们的最大劣势就是——很难将有价值的原型保存下来。BalsamiqMockups的出现完美的解决了这个问题。
最后需要说的是,无论是推崇手绘,还是喜欢原型软件,做界面设计最重要的还是想法,工具只是用来帮助实现想法的。不必过于追求技术,也不必过于追求视觉表现,有时只需要专注于产品逻辑、页面交互、布局结构这些,其余的就交给美工。
(c)2008-2023 Www.QNWTOP.Com All Rights Reserved