2.1 软件界面的视觉识别元素
软件界面设计是为了满足软件专业化、标准化的需求,产生的对软件的使用界面进行美化、优化和规范化的设计分支。在软件界面中包含多种不同的视觉识别元素,包括软件框架设计、图标设计、按钮设计、菜单设计、标签设计、滚动条及状态栏设计等。
① 软件图标
图标设计是方寸艺术,应该着重考虑视觉冲击力,它需要在很小的范围内表现出软件的内涵,所以很多图标设计师在设计图标时使用简色,利用眼睛对色彩和网站的空间混合效果,做出许多精彩的图标。如图2-1所示为精美的软件图标设计。
图2-1
② 软件按钮
软件按钮设计应该具备简洁明了的图示效果,能够让使用者清楚地辨识按钮的功能,产生功能关联反应。群组内的按钮应该具有统一的设计风格,按钮应该有所区别,如图2-2所示。
图2-2
软件按钮的设计还应该具有交互性,即应该设计该按钮的3~6种状态效果,将不同的按钮效果应用在不同的按钮状态下,最基本的3种按钮状态效果分别为:按钮的默认状态、鼠标移至按钮上方单击时的按钮状态,以及按钮被按下后的状态,如图2-3所示。
图2-3
③ 软件菜单
软件菜单设计一般有选中状态和未选中状态,在每个菜单项的左侧显示的是菜单的名称,右侧则显示该菜单的快捷键,如果有下级菜单,还应该设计下级箭头符号,不同功能区间应该使用线条进行分割。如图2-4所示为软件菜单效果。
图2-4
④ 软件标签
软件的标签设计类似于网页中常见的选项卡,在软件标签的设计过程中,应该注意转角部分的变化,其状态可以参考软件按钮设计。如图2-5所示为软件标签效果。
图2-5
⑤ 软件滚动条与状态栏
滚动条主要是为了对软件区域性空间的固定大小中内容量的变换进行设计,应该有上下箭头及滚动标等,有些软件还设计有翻页标。状态栏主要是对软件当前状态的显示和提示。如图2-6所示为软件界面中的滚动条和状态栏的应用。
图2-6
⑥ 软件框架
软件框架的设计因为涉及软件的使用功能,应该对软件产品的程序和使用有一定的了解,相对其他视觉设计元素来说要复杂得多,这就需要设计师具有一定的软件跟进经验,能够快速地学习软件产品,并且要和软件产品的程序开发员及程序使用对象进行共同沟通,从而设计出友好的、独特的、符合程序开发原则的软件框架。
软件框架设计应该简洁明快,尽量减少使用无谓的装饰,应该考虑节省屏幕空间、各种分辨率的大小、缩放时的状态和原则,并且为将来设计的按钮、菜单、标签、滚动条及状态栏预留位置。设计中将整体色彩组合进行合理搭配,将软件商标放在显著位置,主菜单应该放置在左边或上边,滚动条放置在右边,状态栏放置在下边,以符合视觉流程和用户使用心理。