软件界面友好性设计分析

更新时间:2023-03-18 04:38:01 阅读量: 综合文库 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

软件界面友好性设计分析

xxx 重庆市合川区

摘要:软件界面的友好性设计对于系统正常操作、保证系统顺利运行具有十分重要的作用。通过界面的一致性设计,交互性设计,使软件界面美观、整洁、舒适,功能得到更完美的展示,软件使用更为友好。界面版式,颜色,布局达到一致性,输入输出达到交互性,二者统一于界面,让软件更完美。

关键词: 界面友好性 一致性 交互性

Abstract: Software-friendly interface design for the system to normal operation, to ensure the smooth operation of the system has a very important role. Consistency through the interface design, interactive design, the software interface is beautiful, clean, comfortable and functional to be more perfect display, the software uses more friendly. Interface layout, color scheme and layout to achieve consistency, input and output to achieve interoperability, both united in the interface, so the software more perfect.

Keywords: interactive consistency friendly interface

引言 沈自晋《望湖亭记》第十出:虽然如此,佛靠金装,人靠衣装,打扮也是很要紧的。人如此,商品、软件亦是如此。一个友好的用户界面,直接影响该软件的寿命与市场,也是其质量的一个重要体现。

界面设计是人与机器之间传递和交换信息的媒介,包括硬件界面和软件界面,是计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终

用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。用户界面的友好性对于系统正常操作、保证系统顺利运行具有十分重要的作用。

每一个设计都有不同的视觉表现,形、色、质相辅相成。每一个界面也有不同的组成元素,文字、组件、图标交融交错。每一个组成部分都有特定条件下的前提以促成他们在视觉表现上的一致性。

一、软件界面的版式布局设计

当确定了软件界面设计的标准之后,按照交互设计所提供用户详细情况,进行软件界面视觉元素的整体设计时,界面的一致性与协调性将是设计者的两大目标。界面的一致性与协调性可从艺术上和技术上体现,艺术层面主要包括:视觉的版面形式、色彩、动画(包括二维动画、三维动画、视屏)和听觉的声音、音乐;技术层面主要包括:层级管理、导航方式、图标功能、动作步数等。当然,因为软件系统是一个全方位的立体系统,很难从单一的层面去概括和加以区分,它们往往你中有我、我中有你,相互交叉。视觉上,设计者必须将所有抽象的概念转换成直观的、具象的视觉图形;在技术上,设计者必须将整个系统的导航、功能、动作加以规范,让使用者有规律可循。显然,统一的视觉和技术形式有助于协调和记忆,可以减少操作、交互中的困惑与错误。

软件的实用性是软件应用的根本,我们设计应该结合软件的应用范畴,合理的安排版式,以求达到美观适用的目的,这一点不一定能与系统达到一致的标准,它应该具有它所具有的行业标准,界面构架的功能操作区、内容显示区、导航控制区都应该统一规范,不同功能模块的相同操作区域的元素风格应该一致,让用户能够对不同的模块的操作迅速掌握。从而也使整个界面统一在一个特有的整体之中。

我们知道,版式构成的要素包括文字的字号、字体、字距、行距、对齐方式以及图片图形的面积、数量、风格、寓意等,数量非常多组合方式也非常复杂,不同组合方式形成了不同的版面风格。一个软件的界面与其各种子界面最好采用一种版面风格,不同界面需要有自己的特点,但我们必须对文字和图片图形的组合作出一个较为规范的安排,在统一的风格和框架内进行不同的变化。如果不是游戏,我们应该尽量避免和用户捉迷藏,清晰的版式布局能够迅速拉紧软件与用户的距离,用户可以直接找出自己需要的操作在版面的那个方位。因此,软件界面的版式不宜复杂,同时颜色不宜太过鲜艳,应以浅色系为主。当然,一些游戏娱乐软件的版式布局比较随意,在艺术性和趣味性方面与其它应用软件不同,其颜色也可活泼鲜艳,但其版式构成的要素仍然要结构清晰,不能让用户产生杂乱的感觉。

二、软件界面的布局

用户界面的组织结构应该要完整、清晰,呈现给用户的通用操作序列、术语和信息的措辞,界面元素的布局、颜色搭配方案和排版样式等都要保持一致。具有高度一致的用户界面可以让各个部分的信息安排得井然有序,给用户以清晰感和整体感,有利于用户对界面运作建立起精确的心理模型,从而降低培训和支持成本。

界面布局应当体现用户操作时的一般顺序和被使用到的频繁程度。图形界面的布局应当符合人们通常阅读和填写纸质表单的顺序。通常人们的阅读顺序是从左至右、由上而下,而有些国家和民族的主流阅读习惯有所不同,因此图形界面的布局会随着地域文化的差异进行相应的修改。用户经常使用的图形界面元素应当放在突出的位置,让用户可以轻松地注意到它们。相反,一些不常用的元素可以放在不显眼的位置,甚至允许用户把它们隐藏起来,以便扩大屏幕的可用区域。对于那些需要具备一定条件才可以使用的元素,应当把它们显示成灰色状态,当具备了使用条件时才改变成正常状态。特定的元素应放置在它所要控制数据的邻近位置,帮助用户确立元素和数据之间的关系。影响整个对话框的元素应当与那些控制特定数据的元素区分开来,关系紧密相联的元素应有组织地放置在同一个区域。

三、界面的色彩设计

界面的色彩设计影响一个人的情绪,不同的色彩会让人产生不同的心理效应,反之不同的心理状态所能接受的色彩也是不同的,不断变化的事物才能引起人的注意,界面设计的色彩个性化,目的就是用色彩的变换来协调用户的心理,让用户对软件产品时常保持一种新鲜度,它是通过用户根据自己的需要来改变默认的系统设置,选择一种自己满意的个性化设置,达到软件产品与用户之间的协调性。在众多的软件产品中都涉及到了界面的换肤技术,应用这一个性设置可以更大的提升软件的魅力,满足用户的多方面需要!在具体操作实现的过程中,色彩的搭配显得尤为重要,要考虑图标色彩与换肤色彩的色彩反差和效果的统一,以不至于造成花、乱的界面效果。颜色的调配对屏幕显示也是重要的一项设计,颜色除是一种有效的强化技术外,还具有美学价值。使用颜色时应注意如下几点:

①限制同时显示的颜色数。一般同一画面不宜超过4或5种,可用不同层次及形状来配合颜色,增加变化。

②画面中活动对象颜色应鲜明,而非活动对象应暗淡。对象颜色应尽量不同,前景色宜鲜艳一些,背景则应暗淡。

③尽量避免不兼容的颜色放在一起,如黄与蓝,红与绿等,除非作对比时用。

④若用颜色表示某种信息或对象属性,要使用户懂得这种表示,且尽量用常规准则表示。

四、界面的交互性设计

界面的友好性设计包含了以上的内容,同时还包含了人机交互设计。人机交互设计包括了对话设计,数据输入,屏幕显示,控制界面等。

4.1 在界面设计中要使用对话风格的选择,并加上用户存取和控制机制。对话是以任务顺序为基础,但要遵循7条原则:

①反馈(Feed back); ②状态(Status); ③脱离(Escape); ④默认值(Default); ⑤尽可能简化对话步序; ⑥求助(Help); ⑦复原(Undo)。

4.2 数据输入往往占终端用户的大部分使用时间,也是计算机系统中最易出错的部分之一。其总目标:简化用户的工作,并尽可能降低输入出错率,还要容忍用户错误。

4.3 屏幕布局因功能不同考虑的侧重点不同。各功能区要重点突出,功能明显。无论哪一种功能设计,其屏幕布局都应遵循如下五项原则:

①平衡原则;②预期原则;③经济原则;④顺序原则;⑤规则化。在屏幕布局中,还要注意到一些基本数据的设置。

总结:

界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作,起到向导的作用。同时界面如同人的面孔,具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉,相反由于界面设计的失败,让用户有挫败感,再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够,所以我们更需努力。

参考文献

[1]《实用软件工程(第三版)》 清华大学出版社 [2] 百度文库 《软件界面的视觉化设计分析》 [3] 百度百科 界面设计

本文来源:https://www.bwwdw.com/article/pwff.html

Top