毕业论文ui设计.doc

上传人:laozhun 文档编号:4026527 上传时间:2023-04-01 格式:DOC 页数:35 大小:1.24MB
返回 下载 相关 举报
毕业论文ui设计.doc_第1页
第1页 / 共35页
毕业论文ui设计.doc_第2页
第2页 / 共35页
毕业论文ui设计.doc_第3页
第3页 / 共35页
毕业论文ui设计.doc_第4页
第4页 / 共35页
毕业论文ui设计.doc_第5页
第5页 / 共35页
点击查看更多>>
资源描述

《毕业论文ui设计.doc》由会员分享,可在线阅读,更多相关《毕业论文ui设计.doc(35页珍藏版)》请在三一办公上搜索。

1、西南林学院计科系软件界面设计摘 要:用户界面UI(User Interface)是用户与计算机系统相互沟通的重要渠道。由于计算机系统通过用户界面面向用户提供数据输入环境、系统运行状态和程序运行结果,用户通过用户界面向计算机系统提供工作要求、设计想法和问题处理意见,所以用户界面设计的好坏对计算机系统的使用起着非常重要的作用。图形用户界面GUI(Graphical User Interface)通过在用户界面中使用色彩、图形和表格等图形技术来提高用户界面的质量。本文主要是探讨软件界面的设计原则、方法、及过程。关键词:软件界面设计, GUI,设计原则,设计基础GUI of the Software

2、in SWFCZhang Huan(Dept. of Computer and Information Science, Southwest Forestry College, Kunming, Yunan, 650224, China)Abstract:User Interface is an important approach for the communicate between user and the computer system. The excellence of UI is all-important to the use of the computer system be

3、cause the computer systems show users data, the run state of systems and the results of procedure through the UI and users input there calculate requests, design ideas and disposal minds of programs through the UI.GUI could advance the quality of UI use colors, graphics and tables and so on. It is m

4、ainly discuss the design fundamental, the design measures and the design departments of GUI.Keywords: Software User Interface Design, GUI, Design Ideas, Design Base目 录1 前言12 软件开发概况12.1 软件开发业的界面设计现状12.2 计科系目前的软件开发情况22.3计科系的软件开发在GUI方面的现状及缺点33 软件界面设计基础33.1软件界面设计的前期准备工作33.2 软件界面设计的原则43.3 软件界面的规划53.3.1 登

5、陆界面的规划53.3.2 应用界面的规划53.4色彩154 总结与体会19参考文献20致谢211 前言GUI(Graphical User Interface)是一种结合计算机科学、美学、心理学、行为学,及各商业领域需求分析的人机系统工程,强调人机环境三者作为一个系统进行总体设计。对大多数人来说,用户界面就是软件本身。所以,掌握用户界面设计的技巧与技术是让软件走向市场的最直观因素。界面是一个窗口。界面设计是开发中最重要的方面,并将涉及到整个开发队伍。对于应用软件来说,一个基本现实就是:用户界面是面向用户的。用户需要的是开发者开发的应用软件满足其需求,并且易于使用,用户界面走到今天真是千锤百炼,

6、要做到易用就更是难上加难。太多的开发者自以为是艺术天才,他们不去尽力遵循用户界面设计标准,或花精力使得产品好用;相反,他们错误地认为编写更灵巧的代码或是使用一套确实有趣的颜色方案才是重要的事。Constantine(1995)指出,好的用户界面使得人们不用阅读用户手册或接受培训就能使用应用软件。对于软件公司来说,软件产品就是他们的商品,而软件界面就是他们产品的外观,界面的美观与否,直接关系到了软件产品的营销成败。2 软件开发概况2.1 软件开发业的界面设计现状人机交互和计算机用户界面刚刚走过基于字符方式的命令语言式界面,目前正处于图形用户界面时代。图形用户界面(GUI-GraphicsUser

7、Interface)是当前用户界面的主流,广泛应用于各档台式微机和图形工作站。当前各类图形用户界面的共同特点是以窗口管理系统为核心,使用键盘和鼠标器作为输入设备。窗口管理系统除基于可重叠多窗口管理技术外,广泛采用的另一核心技术是事件驱动(Event-Driven)技术。图形用户界面和人机交互过程极大地依赖视觉和手动控制的参与,因此具有强烈的直接操作特点。而界面的友好。在用户把软件买回去后,他们和企业的联系,以及该企业形象在客户眼中的表现,很大一部分是通过软件的界面来传达的,美观友好的用户界面对于宣传企业文化,给客户灌输企业理念,甚至于对企业的宣传运做都将是非常有益的,美观的界面都会给客户以信心

8、和良好的印象。纵观国际相关产业在图形化用户界面设计方面的发展现状,许多国际知名公司早己意识到GUI在产品方面产生的强大增值功能,以及带动的巨大市场价值,因此在公司内部设立了相关部门专门从事GUI的研究与设计,同业间也成立了若干机构,以互相交流GUI设计理论与经验为目的。比较成熟的商品化系统有Apple的Macintosh、IBM的PM(PresentationManager)、Microsoft的Windows和运行于Unix环境的X-Window、OpenLook和OSF/Motif等。我们可以清楚地看到,微软公司对软件界面设计的重视。仔细将WIN2000与WIN98和WIN95以及NT4.

9、0相比是否惊叹他界面的美观性与易用性?而WINDOWS XP系统,则更在其界面的美观性和简洁性上下了大功夫,简单大方的界面让使用者的心情也大为舒畅!金山公司的金山词霸就是国内软件成功的例子了,从金山词霸3.0到金山词霸2001的变化堪称经典。著名的网页动画制作软件Flash从3.0到4.0,仅仅修改了图标和窗体,立即大为增色。现今世界上成功的软件公司都非常重视软件界面的美化设计工作,因为他们深刻地知道,在激烈的市场竞争中,仅仅有强大的功能是远远不够的,不足以战胜强劲的对手。随着中国IT产业的迅猛发展,虽然国内的某些大型软件已经逐渐形成比较专业完善的界面设计机构,而大部分的中小型软件则还是停留在

10、注重软件功能,而忽视人机交互界面设计的层次。设计良好的界面能够引导用户自己完成相应的操作,起到向导的作用,同时界面如同人的面孔,具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉,相反由于界面设计的失败,让用户有挫败感,再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。国内软件业在软件产品的人机交互界面设计水平发展上日显滞后,这对于提高产业综合素质,提升与国际同等业者的竞争能力等等方面无疑起了制约的作用。2.2 计科系目前的软件开发情况西南林学院计科系成立于1984年。自1994年我系招收第一届学生起,10年中20个假期本系都坚持组织学生在机房为学校和林业系统开发各

11、种应用软件。正是这些科技项目,培养和锻炼了为本系培养和锻炼了大批的优秀学生,推动了计算机学科的发展。通过多年积累,本院计算机科学与技术软件专业方向学生已经参与开发了MIS系统,CAI软件,资源配置类软件,评估类软件,GIS二次开发,数据仓库、数据挖掘和人工智能等多种软件类型,且均已形成自己的特色,开发了许多优秀的软件组件和部件,在教育软件、林业应用软件等领域积累了丰富的经验。2.3 计科系的软件开发在GUI方面的现状及缺点计科系的软件开发存在着目前国内软件开发业的通病,就是界面设计很粗糙。由于大部分的软件开发人员都是在校学生而且以男生居多,并没有专门的界面处理人员,同时,开发人员也把精力重点放

12、在对软件性能的学习和实现上,没有多余的精力来仔细的处理界面,这也就形成了其开发的软件在功能上比较强,但是在人机交互方面糟糕,用户经常会遭遇面对一堆输入框和几个窗口,却无从下手,不知道如何进行操作的尴尬局面。于是软件开发人员经常花费好多时间去写如何使用软件的用户指南文档,但是往往事半功倍。与其这样,还不如稍微花点时间在图形界面设计上,简单大方的界面能自然的引导用户,突出重点,从而让用户能在最短的时间内熟悉该软件,而且找到自己想要使用的东西。随着校内校园网的普及,以及各部门网页的制作更新,网页设计的概念也辐射到了软件界面设计,软件的界面设计也逐渐受到了大家的重视。软件开发期待着界面设计的苏醒。3

13、软件界面设计基础3.1 软件界面设计的前期准备工作(一)确定软件的主题。不管要设计什么东西,设计前就应该先确立好设计的主题。而软件的主题的确立则与软件的功能与目的有关。比如一个图书管理系统的软件,其主题就是“图书管理”,远程教育系统的主题就是“远程教育”。于是软件界面的设计就要围绕着主题来进行,让用户一看软件的界面就知道这个软件是做什么的,不能软件的界面与软件的主题相差十万八千里,假如一个电脑硬件管理系统软件的界面上尽是和电脑无关的东西,比如花草,山水,这样,就不能反应该软件的主题与功能,让人丈二和尚摸不着头脑,这样,这个软件的界面就是失败的。(二)美工作为界面美化的主要人员,不但拥有艺术设计

14、、包装设计的才能,还应该穿插整个项目,给界面程序设计人员提出系统参考意见。 1:软件设计前期,美工参与需求了解,分析同类软件界面有缺点,提出主色调、典型界面风格、以及构思整个美术包装等。 2:界面原型设计过程中,与开发人员共同修改、商榷最终表现样式,以及确立UI标准。 3:用户调研。拟定需求,初步建立界面原型。4:任务分析。根据任务的复杂性、难易程度等,详细分解任务动作,进行合理分工,确定适合于用户的交互方式。4:程序开发过程中,提供标准风格的资源文件(icon,cur,bmp等),并总结出统一风格的资源的设计过程,形成规范文档。 (三)确定界面根据用户的自身特性以及系统任务、环境、成本效益,

15、确定量为适合的界面类型。这时,在着手进行软件界面设计前,须在心里大致有个谱,对要设计的软件的功能有了解,同时对该软件的界面设计有成形的构想。3.2 软件界面设计的原则(一)一致性原则要求软件的概念模式、显示方式等的一致性,在类似的情况下具有一致的操作序列:如在提示、菜单和帮助中产生相同的术语;具体是指在不同的应用系统中都具有相似的界面外观、布局、相似的交互方式以及相似的信息显示等。界面设计保持高度一致性,用户不必进行过多的学习就可以掌握其共性;还可以把局部的知识和经验推广使用到其他场合。人机界面设计的一致性要求对构成易学易用是极为重要的。无论是控件使用,提示信息措辞,还是颜色、窗口布局风格,遵

16、循统一的标准,做到真正的一致。 这样得到的好处:1:使用户使用起来能够建立起精确的心里模型,使用熟练了一个界面后,切换到另外一个界面能够很轻松的推测出各种功能,语句理解也不需要费神理解 2:降低培训、支持成本,支持人员不会行费力逐个指导。 3:给用户统一感觉,不觉得混乱,心情愉快,支持度增加(二)合理利用空间,保持界面的简洁简单易用就是好。不要将界面设计的过于复杂,那样会影响程序的快捷使用,人为降低了程序的运行效率。界面设计最重要的就是遵循美学上的原则简洁与明了。一个软件,特别是应用软件,其界面不需要很华丽。太过华丽花哨的界面容易让人的眼睛疲惫,让人心浮气躁,把注意力过多的集中到花哨的图案和颜

17、色上,从而影响软件的可信度以及实用性。因此,界面设计需在空间使用上,合理的布局和设计,在简洁的同时让人的眼球得到艺术欣赏,并且能感觉放松,突出软件的性能,使界面设计成为软件性能一个出色的辅助项目但是却不喧宾夺主,始终作为一个衬托,让软件界面更友好,更能为用户所喜爱和接受。(三)从用户的观点考虑。一个软件界面是用来方便用户与软件的交互的,因此,要从用户的角度去考虑和设计软件界面,想他们所想,做他们所做,并且界面中要使用能反应用户本身的语言,而不是设计者的语言以及使用习惯。(四)记忆负担最小化。人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限,24小时内存在

18、25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。一个画面的信息量不可过于复杂和庞大。(五)清楚,和谐的排列。保证界面的协调性。控件摆放位置要合理、均衡,让人便于浏览和使用。不要给人们带来“前重后轻、左宽右窄”的不良感觉,要将重要的控件摆放在明显位置,这样才能突出重点。此外,一定要符合人们的日常使用习惯。同时,背景图案和颜色的设计要帮助排列,甚至有时候作为分隔符,让界面看上去和谐美丽。3.3 软件界面的规划3.3.1 登陆界面的规划应用软件的登陆窗口一般只有输入用户名、密码的内容,所以不宜过大,大小大概为屏幕的1/4,太大给人一种画面太空旷的感觉,太小则给人以拥挤的感觉。位置为居中。这样

19、让用户把注意力自然的集中到窗口上,且符合一般用户的使用习惯。3.2.2 应用界面的规划(一)菜单的规划(1)菜单是界面设计中的重要组成部份,“简单、直观、一致、有效”是菜单设计的原则。1 菜单、按钮名称应该易懂,用词准确,摈弃模棱两可的字眼。2 菜单的命名要直观,含义清晰,不可有二义性。3 菜单命名最好能望文知意,理想的情况是用户不用查阅帮助就能知道该命令的功能,并能进行相关的正确操作。4 菜单命名要与同一界面上的其他按钮易于区分,含义不能雷同。5 菜单的字体、大小通常为宋体、五号。6 菜单中的命令长度一般为25个字符。7 菜单的命令格式一般为“动词名词”,即“操作方法操作对象”,或者为“名词

20、名词”,即“所有者属性”等等。8 主菜单的宽度要接近,每个菜单的字数能相同最好。(2)菜单组织1 菜单的形式有下列几种:下拉式菜单,线状序列菜单,树状结构菜单,选项式菜单,弹出式菜单。2 菜单可以是文字式,图标式或图标文字混合式。3 主菜单为单排布置。4 菜单前的图标不宜太大,与字的高度保持一致最好。5 菜单和工具条要有清楚的界限,菜单要求凸出显示,这样在移走工具条时仍有立体感。6 如果该命令菜单会引出一个对话框,则该菜单后面应该加省略号“”,表示需要用户提供更多的信息才能使用该菜单命令。7 如果该菜单是一个级联菜单,即其下还有子菜单,则菜单标题后面应该有向右的箭头“ ”。8 尽可能从用户角度

21、设计菜单的语义系统。9 专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。10 按照逻辑功能来将菜单命令分组。11 在下拉菜单中用分隔线将功能更相关的项目分组排列,完成相同或相近功能的菜单命令放在同一位置。12 在同一菜单中避免使用多个相同功能的菜单项。13 避免使用没有下拉项的菜单项,因为孤立的菜单项和按钮没什么区别。14 当子菜单的划分有多个标准时,应该采用同一个标准,不能多个标准共用。15 子菜单在语义逻辑上不应该同属于几个主菜单。16 不要在同一菜单层次上应用相同或相似的词汇。17 下拉式菜单深度一般要求最多控制在三层以内。18 菜单前的图标能直观的代表要完成的操作。

22、19 当菜单是层次的,则应该是循环式的网络结构,用户能从上一级菜单到下一级菜单,也能从下一级菜单返回到上一级菜单,切忌采用非循环的结构。20 允许跳转到前层的菜单和主菜单。21 常用菜单要有命令快捷方式,不常用的可以没有快捷键。22 应该在所有子菜单中都提供访问键(菜单项中带有下划线的字母,称为菜单的访问键)。23 正在起作用的命令菜单应该在菜单的表现形式上有所不同,如菜单下凹或菜单前打勾等等。24 在当前状态下,对与正在进行的操作无关的菜单命令要用加以屏蔽处理,如变灰,但应该还可见。25 对于在当前位置或状态下始终用不到的命令,在界面上应该完全屏蔽,即不可见。如果采用动态加载方式(即只有需要

23、的菜单才显示)最好。26 动态加载方式的菜单只显示最近用过的菜单命令,久未运用的菜单将会自动隐藏起来,需要的时候又可以打开。27 系统所有的功能项都应该在菜单中有对应的菜单命令。28 右键上下文菜单采用与菜单相同的准则。29 上下文菜单中的命令应该与当前操作环境或状态密切相关。30 上下文菜单中允许有不直接出现在菜单中的命令。但该命令应该是某个菜单的一个部分,可以在某个菜单中找到该功能命令。(3)菜单位置细则1 菜单通常采用“常用主要次要工具帮助”的位置排列,符合流行的Windows风格。2 菜单命令在使用时如果有先后顺序,应该按使用先后次序排列。3 没有顺序要求的菜单项按使用频率和重要性排列

24、,常用的菜单排列在前面,不常用的靠后放置;重要的放在开头,次要的放在后边。4 下拉菜单要根据菜单的含义进行分组,组与组之间有明显的分隔形式要,比如用横线隔开。5 下级菜单对于上级菜单应该有隶属关系。6 广而浅的菜单树优先于窄而浅的菜单树。7 如果菜单选项较多,应该采用加长主菜单的长度而减少子菜单深度的原则排列。(二)按钮的规划(1)按钮的字体和大小。按钮的字体在应用软件中多用宋体,但是具体情况应该根据该软件界面的整体风格来定。比如界面的风格比较古典,这时则可以采用隶书的字体。按钮的字号要看按钮的大小来确定。字的高度为按钮高度的1/21/3为佳,同样,字的宽度为按钮宽度的1/21/3比较好看。(

25、2)按钮的颜色。按钮的颜色最好与整个界面的主色调统一。按钮的颜色不宜用和界面主色调不一致的色彩。比如一个主色调为蓝色的窗口,却采用鲜红色的按钮,这样,看上去就会觉得刺眼,不和谐。如图1。(图1)但是,设计是灵活的,并不是说按钮的颜色一定要与主色调一模一样,也并不是说按钮的颜色一定要与主色调相同,一切都要视具体设计情况与设计者的设计思路来看。(3)按钮的风格。在应用软件中,比较流行的按钮风格有APPLE公司的水晶按钮, WIN XP风格的按钮以及像素按钮。如图2。(图2)按钮的风格取决于整个软件界面的风格,两者的风格应该和谐统一。(三)文字的规划文字是软件界面的主体,也是传达信息的主要工具。因此

26、,文字的规划绝对不可以马虎。软件文字的字号一般为宋体,大小为5号。宋体显得比较严肃认真,让用户在心理上觉得可靠,这对应用软件来说非常重要。(四)图案的规划图案的规划是界面设计的重点,也是最难的地方。它实质上是对软件产品进行艺术包装。在这个阶段,设计人员需要充分发挥自身的艺术设计能力。(1)图案的选择图案须和软件的主题有关联,要能反应出软件的相关信息,因为这些图案就是对软件的高度抽象化,它要既能让人觉得赏心悦目,又能体现软件的宗旨。比如一个电力系统的软件,对它进行图案的设计时,就应该选择与电力相关的图案。如图3。(图3)软件界面左方是个高压电网的图案,让人一看了,就知道这个软件的性质,就知道它是

27、一个与电力系统有关的软件,这样,这个图案就起到了画龙点睛的作用。同样,一个图书管理系统的软件,就要在界面上显示与图书类有关的东西,不能天南地北,不着边际的选择图案。如下面两幅图,我们来比较一下两者。(图4)(图5)两幅图都是为图书管理系统做的界面,但是图4的图案选择的是用一幅翻开的书的图案和一个显示器的图案。书很明显的表示了该软件的功能与书籍有关,而显示器则增加了一些现代的感觉,使整个画面看起来不至于过于休闲,显示器中是堆成山的书和一幢建筑,这正好显示了该软件与图书馆的功能类似,它是现实中的图书馆在电脑中的表现。画面看起来宁静而不呆板。而现在来看看图5的软件界面设计图。左边的小狗让人第一眼看去

28、,以为这个软件是个与宠物有关的,而再看软件的名字,则让人哭笑不得。整个界面看起来不伦不类,这个界面设计就是完全失败的。因此,图案的选择和设计非常关键,它决定着整个软件包装的成败。(2)图案的处理图案的处理和图案的选择一样重要。任何设计都没有现成的图案,设计一个图案,需要在各个图片上选取自己所需要的部分,或者自己用画图软件去画出自己需要的效果。这个过程是需要时间最长的,也是需要反复斟酌和推敲的。这个阶段,也许会推翻很多过去的方案,它是一个不断对界面重新进行艺术设计和完善的过程,因此,在着手设计前,最好能准备几套不同的设计方案,以便在这个阶段能有多种选择,而从中选择一个最好的方案。准备好需要进行处

29、理的图案后,需要把这些图案柔和起来形成一个和谐的整体,或者需要对图片进行处理,使其具有更丰富,更立体化的效果,要去其粗,取其精,使其能更好的体现软件的主题。如下面的图6。(图6)图6是未经过处理的图做的图书管理系统软件的界面。可以看到图上有一杯咖啡和一盘面包,虽然从色彩上来说,这幅图更加丰富,但是,咖啡和面包和图书管理系统没有关系,它们的出现只会让人觉得奇怪,整个图案看起来也过于休闲,与软件的主题相去甚远,那这幅图的选择也就失败了。但是这个图中的书报却是做这个软件界面所需要的,因此,取其书报的部分,而将其他的部分隐去,突出书的重点,那这幅图又变得可用了。任何设计都是如此,有时候需要从很多幅不同

30、的图上选取部分来综合,这些工作则需要设计人员有丰富的联想和熟练的技术。也可以自己去拍照,以使设计更加漂亮,更符合自己的心意。(3)图案的其他设计效果。选择好了图案,并将其处理成了一个可用的整体,图案规划的工作却仍然没有完成。一张单一的图,看起来是平面的,这样,就无法突出重点,图案也没有层次,让人在视觉上没有远近之分,因此,还需要对图案进行修饰和润色。如图7和图8。(图7)(图8)两幅都是为种质资源库做的软件界面设计。首先来观察图7。图案的选择是中国的地图作为前景,而用连绵的崇山峻岭的图片来作为背景。图案的选择没有问题,而图案的处理也已经完成,中国地图经过处理,采用黄色和蓝色来突出西南这块地方,

31、表示了该软件面向的范围是中国西南地区。然而,整个画面看起来的感觉是将一幅图压在了一块玻璃下面,平淡而没有重点。地图左方的空间过于空,让人觉得左轻右重,界面看起来空洞。这时,就需要对它进行修饰,让它更丰富,有轻有重,让人看起来不那么无味。再来看图8。可以看到,中国地图的边缘加上了光圈,使它看起来有立体的感觉,同时,边缘的柔和让整个画面看起来也更柔和。背景图片的左上方加了一点红色,相比较前一幅图,这幅图则更朦胧,更有美感,而且画面的颜色也不像前一幅图一般清淡,它更鲜亮。而在左方,加上了几种动植物的图片,这些图片让界面看起来丰富了不少,而且反应了该软件的主题野生动植物保护。同样,对标题字和左下的字也

32、进行了修饰,画面看起来就和谐多了。比较图6和图4,也可以发现,图案修饰的重要性。图6只是一张整齐的图片,基本上没有修饰。这个界面看起来更像是一个相框,把图片框是里面,让人觉得狭隘,没有可发展的思维余地。比图4,在图4中,书页超出了框的范围,延伸到外面,而且书页有好几个影子,这样,看起来,画面就马上立体许多,整个界面的构图看起来也更漂亮。(四)图标的规划。图标是每个软件界面中必不可少的一部分。它的比例虽小,但是却一点马虎不得,一个优秀的软件界面,小小的图标,往往能起到画龙点睛的作用,成为一个亮点。然而,图标的设计,也需要注意以下几点:(1)形象的一致性。这和软件风格的一致性原则一样,风格杂乱的图

33、标让人觉得界面很乱。(2)形象的可识别性。图标的设计要符合一般的识别规律,设计的时候可以参考同类软件或权威软件的类似图标。(3)大小。不论多么高深的画功,都要注意,图标受到大小的限制,这也就决定了图标的内容不可过多。图标须简洁、明快的表达其内容。 (图9)如图9。目前,网络上有很多现成的图标,各种类型和样式,因此,不是特别需要的话,可以去网上下载合适的图标,从而省去设计制作图标的时间。3.4 色彩色彩是艺术表现的要素之一。在进行设计时,要根据和谐、均衡和重点突出的原则,将不同的色彩进行组合搭配来构成美丽的页面。 根据色彩对人们心理的影响,合理地加以运用。(一)色彩的感情会因其色相、明度、彩度的

34、不同,表现不同的色彩感觉。我们面对这些色彩也会产生不同的心理影响。按照色彩的记忆性原则,一般暖色较冷色的记忆性强;色彩还具有联想与象征的物质,如红色象征血、太阳;蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面,应使用淡雅而沉静的颜色,使人心理上感觉凉爽一些。(二)冷色与暖色蓝色、蓝绿、蓝紫等色,予人凉爽的感觉,称为冷色。而红、橙、黄等予人温暖的感觉,称为暖色。明度高的色彩较凉爽,明度低的色彩较温暖。如图10和图11。 冷色调(图10) 暖色调(图11)(三)色彩的运用由于国家和种族宗教和信仰的不同, 以及生活的地理位置文化修养的差异等,不同的人群对色彩的喜恶程度有着很大的差异。如:儿童

35、喜欢对比强烈个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在“沙漠”中的人喜欢绿色。在设计中要考虑主要用户群的背景和构成。如:流行音乐软件的面向用户群大多是年轻人,宜采用鲜亮的颜色,来体现年轻和活力;而冠心病调查软件的用户群一般是中老年人,则应采用柔和的颜色,让用户觉得宁静平和。色彩的搭配具有极强的目的性,是一个非常具体的、创造性的审美过程。黑、白、灰最能体现优雅、理性、高贵、神秘类型的气质,将此三色艺术化搭配,简单中蕴藏着无穷变化,更具意想不到的惊人效果。常用的多色相配色以少量色种为基础,按“大统一协调、小对比”的规则配色。以相同或相近色相加、以明度和纯度的

36、变化体现区别的弱对比配色系列,具有统一协调、柔和素雅的效果,但缺少动感,易显得单调平淡。中对比配色系列和强对比色系列的共同点是具有不同程度的鲜明醒目、兴奋热烈的视觉效果,但也不易统一协调,容易引起视觉疲劳。色彩高明度格调的作品会形成优雅明亮的氛围,具轻松温和明快的效果;中明度格调的作品中,中明度、高纯度的配色饱满有力,中明度、中纯度的配色则显得含蓄庄重;低明度格调的作品具有沉静庄重、严肃忧郁、文弱内向等效果。色彩纯度越高,颜色越鲜艳华丽,效果越活跃热烈;纯度越低,色彩越灰暗迷朦,效果越朴素沉静,甚至有软弱内向的感觉。一般而言,高明度和纯度的色彩体现暖、轻、动、近、大、兴奋、华丽等情感效应;反之

37、,则体现出冷、重、静、远、小、沉静、质朴等情感效应。在形象设计中,要充分利用色彩的情感效应来调节改善视觉效果和展现人物个性;利用膨胀收缩、远近大小等错觉来调整体型、脸型的轮廊以掩饰人物形象的缺陷,突出其优美之处。如下图的软件截图。(图12)(图13)(图14)上面三幅图为同一个软件的界面,但是颜色各不相同。图12是软件的初始颜色。蓝色是冷色调,该软件作为一款播放器,有种平静,酷的感觉。而图13的紫色则给人一中诡异不感觉,觉得很不舒服,比较刺眼。图14则是采用红色这个暖色调做主色调,第一眼看上去,就觉得心绪不宁,让人心浮气躁,而且容易让人视觉疲劳。4 总结与体会总体来说,到目前为止,在界面设计上

38、,还没有一个统一的标准来判断一个界面的好坏,每个人都有自己的想法,有自己的欣赏水准,要一个作品得到100%的承认是不可能的。不过我牢记徐老师的一句话:“一个作品有80%以上的人承认,那么这个作品就是成功的。”通过毕业设计这一段时间的锻炼,我在界面设计的理论方面进步不少,在网络上找了不少理论资料,也翻了不少书籍。这篇论文所总结的资料,只是界面设计的一角,它主要讲的是应用软件方面的界面设计,比较适合目前计科系的软件开发组,同时也希望提供一个和以后的同学交流的平台。当然,我本身没有专门学习过美术,自身的水平有限,不过在大学四年中,积累了一些界面设计的经验可以和大家分享,绝对不敢说自己是内行,也不敢说

39、自己很专业。本论文中总结的是软件界面设计的大致流程和注意事项,由于界面设计的内容实在太多,我总结的资料,希望对以后做类似课题的同学有帮助,也希望计科系以后的软件开发人员能够接纳一些我论文中的意见,在进行软件开发的时候,多注意到人机交互的内容,因为它以后必将是软件流行的要素之一。参考文献1 苗雪兰,刘瑞新. 计算机图形学理论及应用技术, 北京:机械工业出版社, 2003.12 DOLCN,界面设计3 朱志强,VB程序界面设计经验点滴,2000-10-254 张健姿,图形用户界面设计,2001.9 5 兰信设计,色彩的心理感觉6 ChinaUI,跟界面有关的新技术趋势7 ChinaUI,简单说说U

40、I的设计原则8 中国艺术设计互动家园,什么是用户界面设计9 王丽梅,VB应用程序的界面设计,2001-03-0210 ChinaUI,软件人机界面设计的重要性及发展趋势11 斯哥特伯昆,在网络和程序界面设计中的评论的思想12 (美)托里斯,用户界面设计与开发精解,清华大学出版社 致谢一边做毕业设计,一边也在拿工资做着一些网页。说来惭愧,我本是一计算机专业软件方向学编程的学生,现在搞界面设计,完全是半路出家,本不敢在大家面前班门弄斧,但是徐老师对我给予了厚望,这四年来,没有徐老师对我的栽培,没有他悉心的教导和鼓励,就没有我的今天,我在大学里的一切,都是在老师和同学的帮助下得到的,因此,我应该把自

41、己的经验和知识拿出来与大家分享,不管它们有多么肤浅。而我,也在交流中不断的进步。在此,衷心的感谢老师对我的栽培和教诲。-下面是赠送的excel操作练习 不需要的下载后可以编辑删除(Excel 2003部分)1. 公式和函数1. (1)打开当前试题目录下文件excel-10.xls;(2)利用函数计算每个人各阶段总成绩,并利用函数计算各阶段的平均成绩;(3)“平均成绩”行数字格式都为带一位小数(例如0.0)格式;(4)同名存盘。步骤:a) 文件在各阶段总成绩单元格内,点插入,点函数,在对话框中选择求和函数“SUM”,在对话中Number1内点右侧的按钮,将出现另外一个对话框,在文件中选择需要求和

42、的单元格,然后点该对话框的右侧按钮,点确定(完成一个总成绩求和后,利用填充柄完成其他的总成绩求和,或者重复上面的顺序)在平均成绩单元格内,点插入,点函数,选择算术平均值函数AVERAGE,出现对话框后,采用求和时的相同方法,完成操作选中平均成绩行,点右键点设置单元格,点数字,在分类项下点数值,设小数位为1,b) 确定保存2. (1)打开当前试题目录下文件excel-13.xls;(2)根据工作表中给定数据,按“合计=交通费+住宿费+补助”公式计算“合计”数,并计算交通费、住宿费和补助的合计数;(3)所有数字以单元格格式中货币类的“¥”货币符号、小数点后2位数表现(如:¥2,115.00格式);

43、(4)同名存盘。打开当前试题目录下文件excel-13.xls在合计下的一个单元格内输入“=交通费(在该行的单元格,假如说是E3)+住宿费(同上)+补助(同上)”,回车(其他的合计可以采用填充柄完成,或者重复上面的顺序)利用求和函数,参考1中的方法完成交通费、住宿费和补助的合计选择文件中的所有数字单元格,点右键,点设置单元格格式,点数字,点货币,选择货币符号为“¥”,设置小数点后为2位,确定保存文件本题完成3. (1)打开当前试题目录下文件excel-2.xls;(2)根据工作表中数据,计算“总成绩”列的数据。总成绩=一阶段成绩0.3+二阶段成绩0.3+三阶段成绩0.4;(3)“总成绩”列数据

44、格式为小数点后2位小数(例:6.20);(4)同名存盘。打开当前试题目录下文件excel-2.xls在总成绩下的一个单元格内输入“=一阶段成绩(在该行的单元格,假如说是E3)*0.3+住宿费(同上)*0.3+补助(同上)*0.4”,回车(其他的合计可以采用填充柄完成,或者重复上面的顺序)选中总成绩列的数据单元格,点右键,点设置单元格格式,点数字,点数值,设置小数点后为2位,确定保存文件本题完成4. (1)打开当前试题目录下文件excel-3.xls;(2)计算“审定费”和“税后款”,“审定费=全书字数10003,税后款=审定费-审定费5%”;(3)利用菜单将“审定费”和“税后款”列格式设置为货

45、币类的“¥”货币符号、小数点1位(例¥1,280.0);(4)同名存盘。打开当前试题目录下文件excel-3.xls在审定费下的一个单元格内输入“=全书字数(在该行的单元格,假如说是E3)/1000*3”,回车(其他的审定费可以采用填充柄完成,或者重复上面的顺序)在税后款下的一个单元格内输入“=审定费(在该行的单元格,假如说是F3)-审定费*5%”,回车(其他的税后款可以采用填充柄完成,或者重复上面的顺序)选中审定费及税后款列的数据单元格,点右键,点设置单元格格式,点货币,选择货币符号“¥”,设置小数点后为1位,确定保存文件本题完成5. (1)打开当前试题目录下文件excel-8.xls;(2

46、)利用函数计算“总成绩”,利用公式“平均成绩=总成绩3”来计算“平均成绩”;(3)同名存盘。打开当前试题目录下文件excel-8.xls在总成绩下的一个单元格,点插入,点函数,在对话框中选求和函数“SUM”,在对话中Number1内点右侧的按钮,将出现另外一个对话框,在文件中选择需要求和的单元格,然后点该对话框的右侧按钮,点确定(完成一个总成绩求和后,利用填充柄完成其他的总成绩求和,或者重复上面的顺序在平均成绩下的一个单元格内,输入“=平均成绩(在该行的单元格,假如说是B3)/3”,回车(其他平均成绩可以采用填充柄完成,或者重复上面的顺序)保存文件本题完成6. (1)打开当前试题目录下文件excel-1.xls;(2)利用公式计算每个项目的“合计”;(3)“合计”列数据的格式和其它数据的格式相同;(4)同名存盘。打开当前试题目录下文件excel-1.xls在合计下的一个单元格,点插入,点函数,在对话框中选求和函数“SUM”,在对话中Number1内点右侧的按钮,将出现另外一个对话框,在文件中选择需要求和的单元格,然后点该对话框的右侧按钮,点确定(完成一个总成绩求和后,利用填充柄完成其他的总成绩求和

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 办公文档 > 其他范文


备案号:宁ICP备20000045号-2

经营许可证:宁B2-20210002

宁公网安备 64010402000987号