《UI设计毕业设计论文正文》由会员分享，可在线阅读，更多相关《UI设计毕业设计论文正文（84页珍藏版）》请在金锄头文库上搜索。
1、 毕业设计(论文)题 目联信永益SPM 2.0项目管理系统UI设计学院名称计算机科学与技术学院 指导教师 望秀职称讲 师 班 级 08数媒01班 学 号学生 静 2012年5月29 / 目录摘要4关键词4第一章绪论51.1 UI简介5第二章 UI设计现状62.1 软件开发业的界面设计现状62.2联信永益的软件开发在UI方面的现状及缺点7第三章软件界面设计基础83.1软件界面设计的前期准备工作83.2软件界面设计的原则93.3软件界面的规划103.3.1登陆界面的规划103.3.2应用界面的规划103.4色彩20第四章联信永益SPM 2.0项目管理系统UI设计语言简介244.1 Html语言24
2、4.1.1 Html语言特点244.1.2 Html的发展历史254.1.3基于Html的UI设计过程274.2 Javascript语言304.2.1 Javascript语言简介和特点30第五章联信永益SPM 2.0项目管理系统的构架335.1联信永益SPM 2.0项目管理系统主要组成部分335.1.1登录模块335.1.2首页模块335.1.3管理空间模块335.1.4信息空间模块345.1.5下载空间模块34第六章联信永益SPM 2.0项目管理系统主模块UI设计及实现356.1登录界面356.1.1效果图356.1.2关键代码356.2个人首页366.2.1 效果图366.2.2关键代
3、码366.3管理空间406.3.1管理空间-项目管理406.3.1.1效果图406.3.1.2关键代码416.3.2管理空间-部门管理456.3.2.1效果图456.3.2.2关键代码456.3.3管理空间-域账户管理486.3.3.1效果图486.3.3.2关键代码516.3.4管理空间-会议纪要管理536.3.4.1效果图536.3.4.2关键代码546.4信息空间576.4.1信息空间-项目汇总576.4.1.1效果图576.4.1.2关键代码576.4.2信息空间-部门汇总626.4.2.1效果图626.4.2.2关键代码626.5下载空间666.5.1效果图666.5.2关键代码66
4、6.6顶部信息696.6.1效果图696.6.2关键代码70第七章总结与展望71参考文献72致73附 件74联信永益SPM 2.0项目管理系统UI设计摘要软件设计可分为两个部分：编码设计与UI设计。编码设计大家都很熟悉，但是 UI设计还是一个很陌生的词，即使一些专门从事与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面，是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是建立在科学性之上的艺术设计。检验一个界面的标准既不是某个项目
5、开发组领导的意见也不是项目成员投票的结果，而是终端用户的感受。本文结合联信永益SPM 2.0项目管理系统实例研究如何设计高用户体验的软件UI，并对软件界面的设计原则、方法、及过程进行分析。关键词UI;界面设计;后台管理系统Abstract:Software design can be divided into two parts: code design and UI design. Code design we are familiar, but the UI design is still a very strange word, specializing in website and m
6、ultimedia design is not entirely understand the meaning of UI. The intention of the UI is the user interface is the abbreviation of the English User interface. Literally the user and the interface posed of two parts, but in fact also includes the interaction between user and interface.Keywords: UI,
7、Interface design, Background Management System第一章 绪论1.1 UI简介现今随着计算机硬件的飞速发展，过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中，仅仅有强大的功能是远远不够的，不足以战胜强劲的对手。幸运的是在国一些高瞻远瞩的民族企业已经开始意识到UI给软件产品带来的巨大卖点了，例如金山公司的影霸、词霸、毒霸、网标，由于重视UI的开发与地位，才使得金山产品在同类软件产品中首屈一指。联想软件的UI部门积极开展用户研究与使用性测试，将易用与美观相结合，推出的双模式电脑、幸福系列等成功UI例，为联想赢得全球消费 PC第三的称号等等、
8、等等.实践证明，各商家只要在产品美观和易用设计方面很小投入，将会有很大产出。其投入产出比，要比在功能领先性开发上的投入大得多。GUI(Graphical User Interface)是一种结合计算机科学、美学、心理学、行为学，及各商业领域需求分析的人机系统工程，强调人机环境三者作为一个系统进行总体设计。对大多数人来说，用户界面就是软件本身。所以，掌握用户界面设计的技巧与技术是让软件走向市场的最直观因素。界面是一个窗口。界面设计是开发中最重要的方面，并将涉及到整个开发队伍。对于应用软件来说，一个基本现实就是：用户界面是面向用户的。用户需要的是开发者开发的应用软件满足其需求，并且易于使用，用户界
9、面走到今天真是千锤百炼，要做到易用就更是难上加难。太多的开发者自以为是艺术天才，他们不去尽力遵循用户界面设计标准，或花精力使得产品好用；相反，他们错误地认为编写更灵巧的代码或是使用一套确实有趣的颜色方案才是重要的事。Constantine(1995)指出，好的用户界面使得人们不用阅读用户手册或接受培训就能使用应用软件。对于软件公司来说，软件产品就是他们的商品，而软件界面就是他们产品的外观，界面的美观与否，直接关系到了软件产品的营销成败。第二章 UI设计现状2.1 软件开发业的界面设计现状人机交互和计算机用户界面刚刚走过基于字符方式的命令语言式界面，目前正处于图形用户界面时代。用户界面(User
10、Interface)是当前用户界面的主流，广泛应用于各档台式微机和图形工作站。当前各类图形用户界面的共同特点是以窗口管理系统为核心，使用键盘和鼠标器作为输入设备。窗口管理系统除基于可重叠多窗口管理技术外，广泛采用的另一核心技术是事件驱动(Event-Driven)技术。图形用户界面和人机交互过程极依赖视觉和手动控制的参与，因此具有强烈的直接操作特点。在用户把软件买回去后，他们和企业的联系，以及该企业形象在客户眼中的表现，很大一部分是通过软件的界面来传达的，美观友好的用户界面对于宣传企业文化，给客户灌输企业理念，甚至于对企业的宣传运做都将是非常有益的，美观的界面都会给客户以信心和良好的印象。纵观
11、国际相关产业在图形化用户界面设计方面的发展现状，许多国际知名公司早己意识到UI在产品方面产生的强大增值功能，以及带动的巨大市场价值，因此在公司部设立了相关部门专门从事UI的研究与设计，同业间也成立了若干机构，以互相交流UI设计理论与经验为目的。我们可以清楚地看到，微软公司对软件界面设计的重视。仔细将WIN2000与WIN98和WIN95以及NT4.0相比是否惊叹他界面的美观性与易用性？而WINDOWS XP系统，则更在其界面的美观性和简洁性上下了大功夫，简单大方的界面让使用者的心情也大为舒畅！金山公司的金山词霸就是国软件成功的例子了，从金山词霸3.0到金山词霸2001的变化堪称经典。著名的网页
12、动画制作软件Flash从3.0到4.0，仅仅修改了图标和窗体，立即大为增色。现今世界上成功的软件公司都非常重视软件界面的美化设计，因为他们深刻地知道，在激烈的市场竞争中，仅仅有强大的功能是远远不够的。设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用，同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧中付诸东流。国软件业在软件产品的人机交互界面设计水平发展上日显滞后，这对于提高产业综合素质，提升与国际同等业者的竞争能力等等方面无疑起了制约的作用。2.2联信永益的
13、软件开发在UI方面的现状及缺点联信永益的软件开发存在着目前国软件开发业的通病，就是界面设计很粗糙。由于大部分的界面均由软件开发人员设计，并没有专门的界面处理人员，同时，开发人员也把精力重点放在对软件性能的学习和实现上，没有多余的精力来仔细的处理界面，这也就形成了其开发的软件在功能上比较强，但是在人机交互方面糟糕，用户经常会遭遇面对一堆输入框和几个窗口，却无从下手，不知道如何进行操作的尴尬局面。于是软件开发人员经常花费好多时间去写如何使用软件的用户指南文档，但是往往事半功倍。与其这样，还不如稍微花点时间在图形界面设计上，简单大方的界面能自然的引导用户，突出重点，从而让用户能在最短的时间熟悉该软件
14、，而且找到自己想要使用的东西。随着客户对软件界面的高度重视，网页设计的概念也辐射到了软件界面设计，软件的界面设计也逐渐受到了大家的重视。软件开发期待着界面设计的醒。第三章 软件界面设计基础3.1软件界面设计的前期准备工作（一）确定软件的主题。不管要设计什么东西，设计前就应该先确立好设计的主题。而软件的主题的确立则与软件的功能与目的有关。比如一个图书管理系统的软件，其主题就是“图书管理”，远程教育系统的主题就是“远程教育”。于是软件界面的设计就要围绕着主题来进行，让用户一看软件的界面就知道这个软件是做什么的，不能软件的界面与软件的主题相差十万八千里，假如一个电脑硬件管理系统软件的界面上尽是和电脑
15、无关的东西，比如花草，山水，这样，就不能反应该软件的主题与功能，让人丈二和尚摸不着头脑，这样，这个软件的界面就是失败的。（二）美工作为界面美化的主要人员，不但拥有艺术设计、包装设计的才能，还应该穿插整个项目，给界面程序设计人员提出系统参考意见。 1：软件设计前期，美工参与需求了解，分析同类软件界面有缺点，提出主色调、典型界面风格、以及构思整个美术包装等。 2：界面原型设计过程中，与开发人员共同修改、商榷最终表现样式，以及确立UI标准。 3：用户调研。拟定需求，初步建立界面原型。4：任务分析。根据任务的复杂性、难易程度等，详细分解任务动作，进行合理分工，确定适合于用户的交互方式。4：程序开发过程中，提供标准风格的资源文件（icon,cur,bmp等），并总结出统一风格的资源的设计过程，形成规文档。 （三）确定界面根据用户的自身特性以及系统任务、环境、成本效益，确定量为适合的界面类型。这时，在着手进行软件界面设计前，须在心里大致有个谱，对要设计的软件的功能有了
