界面设计一直是非常重要的工作,在界面设计过程中总是需要依据各类工具,这样才可以保证完成一个完整的界面设计,那么界面设计器有哪些呢?下面一起详细了解下吧。
UI设计需要用到哪些工具
PS是一定要学的,而且使用要非常的熟练,因为PS是一个web UI电子商务平面设计师无法跨过去的障碍。当然了,AI最好要熟练。
PS是位图处理软件,AI是矢量画图软件,一个是图像处理软件,另一个是打印软件。在工作中一定会遇到名片宣传册之类的东西,所以设计软件经常是需要一起使用的。
Sketch是一个轻量级的UI设计软件,只在苹果版本中可用。对于平面设计,它比PS更方便。但是,它的很多功能都与PS类似,而我们的设计并不只是平面的,所以PS一定要学好,一定要非常熟练,然后再去学习素描和AI!
很多人会问,需要学Flash, AE, CorelDRAW, InDesign, Axure, Dreamweaver吗?如果你能学,就应该去学,但在学习之前,应该知道这些软件的主要用途。Flash是动画,AE是视频特效,CorelDRAW也是矢量软件,类似AI,可以选择其中一个。
但是,由于我们在做UI,所以选择AI和PS更加方便。InDesign在做排版,Axure在画交互原型图,Dreamweaver是一个写网页代码的软件,可以说学习Dreamweaver就是学习HTML前端代码。
当我们知道UI设计师在做什么的时候,我们就会知道如何去学习。UI设计师主要负责界面的设计,包括网站APP软件的各种图标等,这肯定会涉及到图像处理和材料拼接,所以还是需要用到PS需。界面上有很多图标,你可以选择PS画图,但是AI比PS画图更方便,所以可以用PS制作横幅,用AI画小图标来提高效率。
Flash这个工具和Dreamweaver、Fireworks并称网页三剑客。在IE6的时代,它很受欢迎,因为IE6 bug跟许多js动画不兼容,所以很多网页动画选择Flash。但现在因为IE6逐渐废弃,html5 + css3、 jQuery这些简单的动画越来越方便,所以使用Flash的网页越来越少。如果你对它感兴趣,可以很容易地学习它。
这里重点介绍Sketch,这是一个很好的界面设计工具,非常方便,都是关于平面界面的。这个平界面设计工具真的方便,比PS效率高,现在很多UI设计师喜欢用。但是我们做设计,会接触到各种各样的东西,比如可能想要画一个拟物图标、海报、做一个网站bannr等等,不得不打开PS。在图像处理方面,目前没有什么工具可以超越ps。
Sketch对于界面的扁平化非常方便,但是作为一个设计师,应该知道设计不仅仅是扁平化。
界面设计器(图片来自网络)
设计关键
在设计的过程中有较多注意的关键问题,以下列出几点:
(1)软件启动封面设计--Splash
应使软件启动封面最终为高清晰度的图像,如软件启动封面需在不同的平台、操作系统上使用将考虑转换不同的格式,并且对选用的色彩不宜超过256色,最好为216色安全色。软件启动封面大小多为主流显示器分辨率的1/6大。如果是系列软件将考虑整体设计的统一和延续性。在上面应该醒目的标注制作或支持的公司标志、产品商标,软件名称,版本号,网址,版权声明,序列号等信息,以树立软件形象,方便使用者或购买者在软件启动的时候得到提示。插图宜使用具有独立版权的,象征性强的,识别性高的,视觉传达效果好的图形,若使用摄影也应该进行数位处理,以形成该软件的个性化特征
(2)软件框架设计
软件的框架设计就复杂得多,因为涉及软件的使用功能,应该对该软件产品的程序和使用比较了解,这就需要设计师有一定的软件跟进经验,能够快速的学习软件产品,并且在和软件产品的程序开发员及程序使用对象进行共同沟通,以设计出友好的,独特的,符合程序开发原则的软件框架。软件框架设计应该简洁明快,尽量少用无谓的装饰,应该考虑节省屏幕空间,各种分辨率的大小,缩放时的状态和原则,并且为将来设计的按钮,菜单,标签,滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配,将软件商标放在显著位置,主菜单应放在左边或上边,滚动条放在右边,状态栏放在下边,以符合视觉流程和用户使用心理
(3)软件按钮设计
软件按钮设计应该具有交互性,即应该有3到6种状态效果:点击时状态;鼠标放在上面但未点击的状态;点击前鼠标未放在上面时的状态;点击后鼠标未放在上面时的状态;不能点击时状态;独立自动变化的状态。按钮应具备简洁的图示效果,应能够让使用者产生功能关联反应,群组内按钮应该风格统一,功能差异大的按钮应该有所区别
(4)软件面板设计
软件面板设计应该具有缩放功能,面板应该对功能区间划分清晰,应该和对话框,弹出框等风格匹配,尽量节省空间,切换方便。
(5)菜单设计
菜单设计一般有选中状态和未选中状态,左边应为名称,右边应为快捷键,如果有下级菜单应该有下级箭头符号,不同功能区间应该用线条分割。
(6)标签设计
标签设计应该注意转角部分的变化,状态可参考按钮。
(7)图标设计
图标设计色彩不宜超过64色,大小为16x16、32x32两种,图标设计是方寸艺术,应该加以着重考虑视觉冲击力,它需要在很小的范围表现出软件的内涵,所以很多图标设计师在设计图标时使用简单的颜色,利用眼睛对色彩和网点的空间混合效果,做出了许多精彩图标。
(8)滚动条及状态栏设计
滚动条主要是为了对区域性空间的固定大小中内容量的变换进行设计,应该有上下箭头,滚动标等,有些还有翻页标。状态栏是为了对软件当前状态的显示和提示。
(9)安装过程设计
安装过程设计主要是将软件安装的过程进行美化,包括对软件功能进行图示化。
(10)包装及商品化
最后软件产品的包装应该考虑保护好软件产品,功能的宣传融合于美观中,可以印刷部分产品介绍,产品界面设计。
界面设计器(图片来自网络)
以上是本文关于界面设计器的具体介绍,界面设计是非常重要的,在界面设计时需要考虑到很多问题,这样才可以保证设计效果。