《软件界面的视觉化设计分析.docx》由会员分享，可在线阅读，更多相关《软件界面的视觉化设计分析.docx（4页珍藏版）》请在三一文库上搜索。
1、软件界面的视觉化设计分析摘要：软件界面的设计要遵循平面设计和交互设计的一般规律，特别要强调软件用户的使用体验。从视觉化设计的角度来说，用户视觉上的体验决定了整个软件应用的接受程度，因此如何做好软件界面的视觉化设计成为软件界面设计的重中之重。关键词：软件界面设计；视觉化设计；用户体验；界面风格当确定了软件界面设计的标准之后，按照交互设计所提供用户详细情况，进行软件界面视觉元素的整体设计时，界面的一致性与协调性将是设计者的两大目标。界面的一致性与协调性可从艺术上和技术上体现，艺术层面主要包括：视觉的版面形式、色彩、动画（包括二维动画、三维动画、视屏）和听觉的声音、音乐；技术层面主要包括：层级管理、
2、导航方式、图标功能、动作步数等。当然，因为软件系统是一个全方位的立体系统，很难从单一的层面去概括和加以区分，它们往往你中有我、我中有你，相互交叉。视觉上，设计者必须将所有抽象的概念转换成直观的、具象的视觉图形；在技术上，设计者必须将整个系统的导航、功能、动作加以规范，让使用者有规律可循。显然，统一的视觉和技术形式有助于协调和记忆，可以减少操作、交互中的困惑与错误。1.软件界面的版式布局设计我们知道，版式构成的要素包括文字的字号、字体、字距、行距、对齐方式以及图片图形的面积、数量、风格、寓意等，数量非常多组合方式也非常复杂，不同组合方式形成了不同的版面风格。一个软件的界面与其各种子界面最好采用一
3、种版面风格，不同界面需要有自己的特点，但我们必须对文字和图片图形的组合作出一个较为规范的安排，在统一的风格和框架内进行不同的变化。如果不是游戏，我们应该尽量避免和用户捉迷藏，清晰的版式布局能够迅速拉紧软件与用户的距离，用户可以直接找出自己需要的操作在版面的那个方位。因此，软件界面的版式不宜复杂，同时颜色不宜太过鲜艳，应以浅色系为主。当然，一些游戏娱乐软件的版式布局比较随意，在艺术性和趣味性方面与其它应用软件不同，其颜色也可活泼鲜艳，但其版式构成的要素仍然要结构清晰，不能让用户产生杂乱的感觉。2. 软件界面的组织和可视结构设计用户界面的组织结构应该要完整、清晰，呈现给用户的通用操作序列、术语和信
4、息的措辞，界面元素的布局、颜色搭配方案和排版样式等都要保持一致。具有高度一致的用户界面可以让各个部分的信息安排得井然有序，给用户以清晰感和整体感，有利于用户对界面运作建立起精确的心理模型，从而降低培训和支持成本。界面布局应当体现用户操作时的一般顺序和被使用到的频繁程度。图形界面的布局应当符合人们通常阅读和填写纸质表单的顺序。通常人们的阅读顺序是从左至右、由上而下，而有些国家和民族的主流阅读习惯有所不同，例如阿拉伯文、希伯莱文是从右向左、由上而下的阅读顺序，因此图形界面的布局会随着地域文化的差异进行相应的修改。用户经常使用的图形界面元素应当放在突出的位置，让用户可以轻松地注意到它们。相反，一些不
5、常用的元素可以放在不显眼的位置，甚至允许用户把它们隐藏起来，以便扩大屏幕的可用区域。对于那些需要具备一定条件才可以使用的元素，应当把它们显示成灰色状态，当具备了使用条件时才改变成正常状态。特定的元素应放置在它所要控制数据的邻近位置，帮助用户确立元素和数据之间的关系。影响整个对话框的元素应当与那些控制特定数据的元素区分开来，关系紧密相联的元素应有组织地放置在同一个区域。3. 色彩设计色彩是抽象的，颜色在本质上不存在什么内在的涵义。但在视觉上，色彩之间存在明显的区别，并在情感上引起人们的不同反应。保持系统色彩的一致认识非常重要：无论使用有限的色彩还是丰富的色彩进行创作，都必须使每一种颜色各得其所，
6、这对于所有设计师来说都是一种挑战。色彩的一致性与协调性还须在充分理解色彩情感和色彩属性的基础上，根据系统创作的主题思想、企业性质、使用对象等作出判断，并相应对系统各界面的色彩运用作出选择和调整，在色彩的色相、色度、明度、冷暖方面与之相适应。颜色的整体调配对屏幕显示是一项重要的设计。颜色调配既是一种有效的强化技术，更具有美学价值。使用颜色时应注意如下几点：一限制同时显示的颜色数。一般同一画面不宜超过4或5种，可用不同层次及形状来配合颜色，增加变化。这样整个界面的层次就会比较清晰，不会因为颜色的繁复影响用户的操作注意力。二画面中活动对象颜色应鲜明，而非活动对象应暗淡。对象颜色应尽量不同，前景色宜鲜
7、艳一些，背景则应暗淡，利用色彩强弱使用户的在操作过程中的关注点集中那些合适的操作之上。三尽量避免不兼容的颜色放在一起(如黄与蓝，红与绿等)，除非有目的的作对比时用。特别是在同一个操作对象内，因为不兼容的颜色会破坏整个对象的协调感，使用户容易产生厌恶感。四若用颜色表示某种信息或对象属性，要使用户懂得这种表示，且尽量用常规准则表示。如灰色具有禁止、普通的意思，红色具有危险、提醒、活跃等指示意义，绿色有正常、通行、友善等指示意义，黄色有阳光、富丽堂皇等指示意义，蓝色有智慧、冷静、深远等指示意义等。基本上绝大多数人对这些颜色具有共同的情感认同，在利用颜色传达信息时应严格按照这些信息以及对象属性来设计。
8、五中性颜色(如浅灰色)往往是最好的背景颜色。浅色具有跳到你面前的倾向，而黑色使人感到退到了背景之中。比如蓝色文字以白色背景容易识别，而在红色背景下。4. 界面风格的独特性、完整性的可视化体现每一个软件都应有它的固定风格，如何使众多的界面保持风格的一致性是很重要的。软件界面设计犹如绘画不仅有绘画风格，还要有表现的主题，选择适合的风格则能很好的表现主题，使用户能通过界面的风格很快地了解软件的主题。4.1 卡通式的风格在游戏或低龄儿童的学习软件中，我们常会看到卡通或漫画式的风格，因为卡通是有趣而能吸引人的，就因为卡通可以得到很多的注意力，所以在作品表现时，信息可以有效快速地传递。使用卡通式的风格，就
9、必须设计许多角色、故事剧情，以及定位每个角色的身份、人格、动作，将这些角色一个一个建立在故事剧情当中。如果设计中使用已存在的角色时例如历史人物、童话角色等，就要更加注意，这些角色的性格特征通常已经通过各种媒体被许多观众所认定，因此设计者没有太多空间能改变这些角色的个性特征。所以设计者在使用已存在的角色时，要注意保持角色人格的原有性格特征。4.2 传统式的风格传统式的风格，像大多计算机程序设计语言类软件，具有知识性，但是大部分都不是非常有趣。这些传统的表示方法，通常是忠实地表现内容的原貌，不添加任何夸张渲染的手法。在界面设计中保持了界面的一致性，一致性既包括使用标准的控件，也指使用相同的信息表现
10、方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。4.3高科技式的风格以高科技风格表现主题的方式，它的作品大部份围绕着当代计算机所开发出来的技术，例如使用三维的动画、虚拟实境的方式，虚拟实境是向用户提供身临其境和多感觉通道体验，甚至使用表现高科技工作环境的图像，营造出让人有真实感受的效果。例如:一些游戏和教学软件现在多采用高科技式的风格，虚拟现实系统具有多种输出形式，可以处理多种输人设备的能力，并且能够进行碰撞检测、实时交互、视点控制和复杂行为建模等。目前，虚拟现实技术在军事仿真、娱乐、游戏、教育、医学、遥控机器人、虚拟设计、虚拟制造等领域都得到了广泛的应用，也是未来软件界面的
11、发展趋势。除去以上介绍的几种界面风格外，还有粉蜡笔式、油画式、彩色铅笔式、水彩式的风格、自然式的风格等。在选择界面风格时要根据软件的用途、软件的使用人群来恰当地进行选择，以便能更好地表现主题和为用户所接受。5 整体设计实例分析视觉设计首先要考虑的就是整体的感觉，即视觉设计的风格。视觉设计的风格是否准确关系着设计的成败。按照目标导向设计中进行软件界面设计之前要进行用户建模的理论来讲，一般来讲，一种软件不应该为所有人服务，而应该为特定一类用户服务。在设计前期进行大量用户调查，受众分析后，确定软件所服务的对象，确定对象用户的年龄层、知识面、使用习惯等等要素，尽量准确的找到软件与用户之间的诉求点。也就
12、是说一个软件产品的视觉设计需要一个恰当的定位，最终以合适的视觉表现出来。我们不妨以几种聊天软件来做个比较，找到一些关于软件界面中视觉元素的整体设计的规律。腾讯QQ、MSN、新浪Uctalk是三款国内常见的聊天软件，其整体布局十分相似，长方竖直并且可放缩的形式已经成为即时通讯类软件的规范，因为用户在使用这一类软件时不会用大部分的注意力来关注，而是在其它工作学习娱乐的同时保持与朋友的联系，因此界面不可以占据太大区域，也不适合设计成太过奇怪的外形。腾讯QQ这个软件大家都很熟悉了，这个在国内拥有最大用户群的即时通讯软件拥有一个以蓝色为基调的默认界面，色彩鲜艳，图标的卡通风格明显。整体上很美观但是却不够
13、简洁，显得过于花哨。它的目标用户是国内最早出现的一批的网络用户，年轻化、时尚化是它的一贯诉求。它是国内最早实行允许用户自己设计皮肤界面的应用软件之一，通过皮肤管理器可以方便的对皮肤进行预览、管理，这样用户就可以自己设计或安装自己喜欢的界面风格。MSN是微软嵌入在windows系统下的即时通讯软件，借由windows在全球范围内的广泛应用，MSN的国际化趋势十分明显。它的整体色调典雅朴实，很少出现十分艳丽的色彩，布局也十分简洁清晰，和windows的整体风格也非常统一。同时MSN也是面向办公用户的，所以它的字体、图标设计都十分朴素，能够让用户自己设计调整的外观和风格也比较少，因而显示其个性化和趣
14、味性不足。新浪UCtalk是目前越来越流行的语音与视频聊天软件的一种，它的目标用户就是那些不喜欢打字，喜欢直接语言交流的朋友。这一个版本的Uctalk界面十分简洁，重点十分突出，它没有更多的其它服务，用户最容易关注到的是它的调整音量的区域。同时其软件内部提供了各种信息提示声音，包括一些语音提示，用户可以只用耳朵来接受软件提供的信息反馈。但是整体色彩感觉和图标设计来讲，Uctalk没有很清晰的风格体现，其功能提供也十分有限。三款软件所面对的用户类型截然不同，在其软件功能和界面外形大致相同的情况下，利用不同的色彩、图标、布局等风格体现，使用户对每款软件都有独特的使用感受，也自然会产生各自不同的用户
15、群。小结根据目标导向设计理论，在建立了用户模型之后，在软件界面设计初期，首先应该确定软件界面由版式布局、色彩等形成的界面风格。信息化时代里，软件的数量大，更新的速度也非常快，如果一个软件没有自己鲜明的界面风格，则很难给用户留下深刻的印象。而界面作为一个整体，各种界面元素应保持一致的风格，并且在之后更新的软件版本中保持下去，这样才能凸显软件独特的性格。参考文献【1】 Alan Cooper 詹剑锋 张知非 译.软件观念革命交互设计精髓.北京：电子工业出版社，2005年【2】 Alan Cooper Chris Ding 译.交互设计之路.北京：电子工业出版社，2006年【3】 唐纳德?A?诺曼 梅琼 译.设计心理学.北京：中信出版社,2003年【4】 唐纳德?A?诺曼 付秋芳 程进三 译.情感化设计.北京：电子工业出版社,2006年王尚，男，1982年生，河南省洛阳市人，洛阳理工学院艺术设计系教师，主要从事互动多媒体设计，影视动漫设计等方向的研究。