软件界面的视觉化设计分析
摘 要:软件界面的设计要遵循平面设计和交互设计的一般规律,特别要强调软件用户的使用体验。从视觉化设计的角度来说,用户视觉上的体验决定了整个软件应用的接受程度,因此如何做好软件界面的视觉化设计成为软件界面设计的重中之重。
页面设计用什么软件做关键词:软件界面设计;视觉化设计;用户体验;界面风格
当确定了软件界面设计的标准之后,按照交互设计所提供用户详细情况,进行软件界面视觉元素的整体设计时,界面的一致性与协调性将是设计者的两大目标。界面的一致性与协调性可从艺术上和技术上体现,艺术层面主要包括:视觉的版面形式、彩、动画(包括二维动画、三维动画、视屏)和听觉的声音、音乐;技术层面主要包括:层级管理、导航方式、图标功能、动作步数等。当然,因为软件系统是一个全方位的立体系统,很难从单一的层面去概括和加以区分,它们往往你中有我、我中有你,相互交叉。视觉上,设计者必须将所有抽象的概念转换成直观的、具象的视觉图形;在技术上,设计者必须将整个系统的导航、功能、动作加以规范,让使用者有规律可循。显然,统一的视觉和技术形式有助于协调和记忆,可以减少操作、交互中的困惑与错误。
1.软件界面的版式布局设计
我们知道,版式构成的要素包括文字的字号、字体、字距、行距、对齐方式以及图片图形的面积、数量、风格、寓意等,数量非常多组合方式也非常复杂,不同组合方式形成了不同的版面风格。一个软件的界面与其各种子界面最好采用一种版面风格,不同界面需要有自己的特点,但我们必须对文字和图片图形的组合作出一个较为规范的安排,在统一的风格和框架内进行不同的变化。如果不是游戏,我们应该尽量避免和用户捉迷藏,清晰的版式布局能够迅速拉紧软件与用户的距离,用户可以直接出自己需要的操作在版面的那个方位。因此,软件界面的版式不宜复杂,同时颜不宜太过鲜艳,应以浅系为主。当然,一些游戏娱乐软件的版式布局比较随意,在艺术性和趣味性方面与其它应用软件不同,其颜也可活泼鲜艳,但其版式构成的要素仍然要结构清晰,不能让用户产生杂乱的感觉。
2. 软件界面的组织和可视结构设计
用户界面的组织结构应该要完整、清晰,呈现给用户的通用操作序列、术语和信息的措辞,界面元素的布局、颜搭配方案和排版样式等都要保持一致。具有高度一致的用户界面可以让各个部分的信息安排得井然有序,给用户以清晰感和整体感,有利于用户对界面运作
建立起精确的心理模型,从而降低培训和支持成本。
界面布局应当体现用户操作时的一般顺序和被使用到的频繁程度。图形界面的布局应当符合人们通常阅读和填写纸质表单的顺序。通常人们的阅读顺序是从左至右、由上而下,而有些国家和民族的主流阅读习惯有所不同,例如阿拉伯文、希伯莱文是从右向左、由上而下的阅读顺序,因此图形界面的布局会随着地域文化的差异进行相应的修改。用户经常使用的图形界面元素应当放在突出的位置,让用户可以轻松地注意到它们。相反,一些不常用的元素可以放在不显眼的位置,甚至允许用户把它们隐藏起来,以便扩大屏幕的可用区域。对于那些需要具备一定条件才可以使用的元素,应当把它们显示成灰状态,当具备了使用条件时才改变成正常状态。特定的元素应放置在它所要控制数据的邻近位置,帮助用户确立元素和数据之间的关系。影响整个对话框的元素应当与那些控制特定数据的元素区分开来,关系紧密相联的元素应有组织地放置在同一个区域。
3. 彩设计
彩是抽象的,颜在本质上不存在什么内在的涵义。但在视觉上,彩之间存在明显的区别,并在情感上引起人们的不同反应。保持系统彩的一致认识非常重要:无论使用有限
的彩还是丰富的彩进行创作,都必须使每一种颜各得其所,这对于所有设计师来说都是一种挑战。彩的一致性与协调性还须在充分理解彩情感和彩属性的基础上,根据系统创作的主题思想、企业性质、使用对象等作出判断,并相应对系统各界面的彩运用作出选择和调整,在彩的相、度、明度、冷暖方面与之相适应。
颜的整体调配对屏幕显示是一项重要的设计。颜调配既是一种有效的强化技术,更具有美学价值。使用颜时应注意如下几点:
一.限制同时显示的颜数。一般同一画面不宜超过4或5种,可用不同层次及形状来配合颜,增加变化。这样整个界面的层次就会比较清晰,不会因为颜的繁复影响用户的操作注意力。
二.画面中活动对象颜应鲜明,而非活动对象应暗淡。对象颜应尽量不同,前景宜鲜艳一些,背景则应暗淡,利用彩强弱使用户的在操作过程中的关注点集中那些合适的操作之上。
三.尽量避免不兼容的颜放在一起(如黄与蓝,红与绿等),除非有目的的作对比时用。特
别是在同一个操作对象内,因为不兼容的颜会破坏整个对象的协调感,使用户容易产生厌恶感。
四.若用颜表示某种信息或对象属性,要使用户懂得这种表示,且尽量用常规准则表示。如灰具有禁止、普通的意思,红具有危险、提醒、活跃等指示意义,绿有正常、通行、友善等指示意义,黄有阳光、富丽堂皇等指示意义,蓝有智慧、冷静、深远等指示意义等。基本上绝大多数人对这些颜具有共同的情感认同,在利用颜传达信息时应严格按照这些信息以及对象属性来设计。
五.中性颜(如浅灰)往往是最好的背景颜。浅具有跳到你面前的倾向,而黑使人感到退到了背景之中。比如蓝文字以白背景容易识别,而在红背景下。
4. 界面风格的独特性、完整性的可视化体现
每一个软件都应有它的固定风格,如何使众多的界面保持风格的一致性是很重要的。软件界面设计犹如绘画不仅有绘画风格,还要有表现的主题,选择适合的风格则能很好的表现主题,使用户能通过界面的风格很快地了解软件的主题。
4.1 卡通式的风格
在游戏或低龄儿童的学习软件中,我们常会看到卡通或漫画式的风格,因为卡通是有趣而能吸引人的,就因为卡通可以得到很多的注意力,所以在作品表现时,信息可以有效快速地传递。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论