ui毕业设计

ui毕业设计

【篇一：ui设计毕业论文正文】

毕业设计(论文)

题 目 联信永益spm 2.0项目管理系统ui设计 学院名称 计算机科学与技术学院指导教师 李望秀 职 称 讲 师 班 级08数媒01班 学 号 20084100119学生姓名杨静 2012年5月29 目录 摘

要 ............................................................................................................................ 4 关键

词 ........................................................................................................................ 4 第一章 绪

论 .............................................................................................................. 5 1.1 ui简

介 ................................................................................................................. 5

第二章 ui设计现

状 ................................................................................................. 6 2.1 软件开发业的界面设计现

状 ............................................................................. 6 2.2联信永益的软件开发在ui方面的现状及缺点 ................................................ 7 第三章 软件界面设计基

础 ...................................................................................... 8 3.1软件界面设计的前期准备工

作 .......................................................................... 8 3.2软件界面设计的原

则 .......................................................................................... 8 3.3软件界面的规

划 ................................................................................................ 10

腹有诗书气自华

精品文档 你我共享

3.3.1登陆界面的规

划 ............................................................................................. 10 3.3.2应用界面的规

划 ............................................................................................. 10 3.4色

彩 .................................................................................................................... 19

第四章 联信永益spm 2.0项目管理系统ui设计语言简介 ............................. 23 4.1 html语

言 .......................................................................................................... 23

4.1.1 html语言特

点 ............................................................................................... 23 4.1.2 html的发展历

史 ........................................................................................... 24 4.1.3基于html的ui设计过

程 ........................................................................... 26 4.2 javascript语

言 ................................................................................................. 29 4.2.1 javascript语言简介和特

点 .......................................................................... 29 第五章 联信永益spm 2.0项目管理系统的构架 ................................................ 32

5.1联信永益spm 2.0项目管理系统主要组成部分 ............................................ 32 5.1.1登录模

块 ......................................................................................................... 32

5.1.2首页模

块 ......................................................................................................... 32

5.1.3管理空间模

块 ................................................................................................. 32 5.1.4信息空间模

块 ................................................................................................. 33

腹有诗书气自华

精品文档 你我共享

5.1.5下载空间模

块 ................................................................................................. 33 第六章 联信永益spm 2.0项目管理系统主模块ui设计及实现 ..................... 34 6.1登录界

面 ............................................................................................................ 34

6.1.1效果

图 ............................................................................................................. 34

6.1.2关键代

码 ......................................................................................................... 34

6.2个人首

页 ............................................................................................................ 35

6.2.1 效果

图 ............................................................................................................ 35

6.2.2关键代

码 ......................................................................................................... 35

6.3管理空

间 ............................................................................................................ 39

6.3.1管理空间-项目管

理 ........................................................................................ 39 6.3.1.1效果

图 .......................................................................................................... 39

6.3.1.2关键代

码 ...................................................................................................... 40

6.3.2管理空间-部门管

理 ........................................................................................ 44

腹有诗书气自华

精品文档 你我共享

6.3.2.1效果

图 .......................................................................................................... 44

6.3.2.2关键代

码 ...................................................................................................... 44

6.3.3管理空间-域账户管

理 .................................................................................... 47 6.3.3.1效果

图 .......................................................................................................... 47

6.3.3.2关键代

码 ...................................................................................................... 50

6.3.4管理空间-会议纪要管

理 ................................................................................ 52 6.3.4.1效果

图 .......................................................................................................... 52

6.3.4.2关键代

码 ...................................................................................................... 53

6.4信息空

间 ............................................................................................................ 56

6.4.1信息空间-项目汇

总 ........................................................................................ 56 6.4.1.1效果

图 .......................................................................................................... 56

6.4.1.2关键代

码 ...................................................................................................... 56

6.4.2信息空间-部门汇

总 ........................................................................................ 61

腹有诗书气自华

精品文档 你我共享

6.4.2.1效果

图 .......................................................................................................... 61

6.4.2.2关键代

码 ...................................................................................................... 61

6.5下载空

间 ............................................................................................................ 65

6.5.1效果

图 ............................................................................................................. 65

6.5.2关键代

码 ......................................................................................................... 65

6.6顶部信

息 ............................................................................................................ 68

6.6.1效果

图 ............................................................................................................. 68

6.6.2关键代

码 ......................................................................................................... 69

第七章 总结与展

望 ................................................................................................ 70 参考文

献 .................................................................................................................. 71 致

谢 ........................................................................................................................ 72 附

件 ........................................................................................................................ 72

联信永益spm 2.0项目管理系统ui设计 摘要

腹有诗书气自华

精品文档 你我共享

软件设计可分为两个部分：编码设计与ui设计。编码设计大家都很熟悉，但是 ui设计还是一个很陌生的词，即使一些专门从事网站与多媒体设计的人也不完全理解ui的意思。ui的本意是用户界面，是英文user和 interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系。

界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是建立在科学性之上的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是终端用户的感受。本文结合联信永益spm 2.0项目管理系统实例研究如何设计高用户体验的软件ui，并对软件界面的设计原则、方法、及过程进行分析。 关键词

ui;界面设计;后台管理系统 abstract:

software design can be divided in

to 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 multimedia 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 composed of two parts, but in fact also includes the interaction between user and interface. keywords:

ui, interface design, background management system 第一章 绪论 1.1 ui简介

现今随着计算机硬件的飞速发展，过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中，仅仅有强大的功能是远远不够的，不足以战胜强劲的对手。幸运的是在国内一些高瞻远瞩的民族企业已经开始意识到ui给软件产品带来的巨大卖点了，例如金山公司的影霸、词霸、毒霸、网标，由于重视ui的开发与地位，才使得金山产品在同类软件产品中首屈一指。联想软件的ui部门积极开展用户研究与使用性测试，将易用与美观相结合，推出的双模式电脑、幸福系列等成功ui范例，为联想赢得全球消费 pc第三的称号等等、等等.实践证明，各商家只要在产品美观和易用设计方面很小投入，将会有很大产出。其投入产出比，要比在功能领先性开发上的投入大得多。

腹有诗书气自华

精品文档 你我共享

gui(graphical user interface)是一种结合计算机科学、美学、心理学、行为学，及各商业领域需求分析的人机系统工程，强调人—机—环境三者作为一个系统进行总体设计。

对大多数人来说，用户界面就是软件本身。所以，掌握用户界面设计的技巧与技术是让软件走向市场的最直观因素。 界面是一个窗口。

界面设计是开发中最重要的方面，并将涉及到整个开发队伍。

对于应用软件来说，一个基本现实就是：用户界面是面向用户的。用户需要的是开发者开发的应用软件满足其需求，并且易于使用，用户界面走到今天真是千锤百炼，要做到易用就更是难上加难。太多的开发者自以为是艺术天才，他们不去尽力遵循用户界面设计标准，或花精力使得产品好用；相反，他们错误地认为编写更灵巧的代码或是使用一套确实有趣的颜色方案才是重要的事。

constantine(1995)指出，好的用户界面使得人们不用阅读用户手册或接受培训就能使用应用软件。

对于软件公司来说，软件产品就是他们的商品，而软件界面就是他们产品的外观，界面的美观与否，直接关系到了软件产品的营销成败。

【篇二：毕业论文-ui设计】

西南林学院计科系软件界面设计

摘 要：用户界面ui（user interface)是用户与计算机系统相互沟通的重要渠道。由于计算机系统通过用户界面面向用户提供数据输入环境、系统运行状态和程序运行结果，用户通过用户界面向计算机系统提供工作要求、设计想法和问题处理意见，所以用户界面设计的好坏对计算机系统的使用起着非常重要的作用。图形用户界面gui（graphical user interface）通过在用户界面中使用色彩、图形和表格等图形技术来提高用户界面的质量。本文主要是探讨软件界面的设计原则、方法、及过程。

关键词：软件界面设计， gui，设计原则，设计基础 gui of the software in swfc zhang 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 because 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 mainly discuss the design fundamental, the design measures and the design departments of gui.

keywords: software user interface design, gui, design ideas, design base 目 录

1 前言 ------------------------------------------------------------------------------------------------------- 1 2 软件开发概况 ------------------------------------------------------------------------------------------ 1

2.1软件开发业的界面设计现状 --------------------------------------------------- 1

2.2计科系目前的软件开发情况 --------------------------------------------------- 2

2.3 计科系的软件开发在gui方面的现状及缺点 ------------------------------- 3 3 软件界面设计基础 ------------------------------------------------------------------------------------ 3

3.1 软件界面设计的前期准备工作 ------------------------------------------------ 3

3.2软件界面设计的原则 ----------------------------------------------------------- 4

3.3软件界面的规划 ---------------------------------------------------------------- 5

3.3.1 登陆界面的规划-------------------------------------------------------- 5 3.3.2 应用界面的规划 ------------------------------------------------------------------- 5

3.4 色彩 ----------------------------------------------------------------------------- 15 4 总结与体会---------------------------------------------------------------------------------------------19 参考文献-----------------------------------------------------------------------------------------------------20 致谢 -----------------------------------------------------------------------------------------------------------21 1 前言

腹有诗书气自华

精品文档 你我共享

gui(graphical user interface)是一种结合计算机科学、美学、心理学、行为学，及各商业领域需求分析的人机系统工程，强调人—机—环境三者作为一个系统进行总体设计。

对大多数人来说，用户界面就是软件本身。所以，掌握用户界面设计的技巧与技术是让软件走向市场的最直观因素。 界面是一个窗口。

界面设计是开发中最重要的方面，并将涉及到整个开发队伍。

对于应用软件来说，一个基本现实就是：用户界面是面向用户的。用户需要的是开发者开发的应用软件满足其需求，并且易于使用，用户界面走到今天真是千锤百炼，要做到易用就更是难上加难。太多的开发者自以为是艺术天才，他们不去尽力遵循用户界面设计标准，或花精力使得产品好用；相反，他们错误地认为编写更灵巧的代码或是使用一套确实有趣的颜色方案才是重要的事。

constantine(1995)指出，好的用户界面使得人们不用阅读用户手册或接受培训就能使用应用软件。

对于软件公司来说，软件产品就是他们的商品，而软件界面就是他们产品的外观，界面的美观与否，直接关系到了软件产品的营销成败。

2 软件开发概况

2.1 软件开发业的界面设计现状

人机交互和计算机用户界面刚刚走过基于字符方式的命令语言式界面，目前正处于图形用户界面时代。

图形用户界面(gui-graphics user interface)是当前用户界面的主流，广泛应用于各档台式微机和图形工作站。当前各类图形用户界面的共同特点是以窗口管理系统为核心，使用键盘和鼠标器作为输入设备。窗口管理系统除基于可重叠多窗口管理技术外，广泛采用的另一核心技术是事件驱动(event-driven)技术。图形用户界面和人机交互过程极大地依赖视觉和手动控制的参与，因此具有强烈的直接操作特点。而界面的友好。

【篇三：ui设计论文】

附件l：论文模版

保密类别______编 号________ 本 科 毕 业 论 手机ui设计

系 别专 业班 级姓 名学 号指导教师 年月日

腹有诗书气自华

精品文档 你我共享

文

一、毕业作品基本信息 摘 要

界面设计——在漫长的软件发展中，界面设计工作一直没有受到设计师得关注，其实软件界面设计是产品的重要买点。一个操作简洁美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点，同时用户能够最直观的感受到视觉设计的魅力。 本文从ui的概念及发展谈起，谈ui设计的重要性。根据用户调查与市场分析进行手机ui设计。在了解用户使用习惯和确定用户群体后，从中得出结论并进行设计工作。

我的设计围绕着年青一代使用者，将手机的常规操作与游戏相结合，创新一种新颖的娱乐消费模式。让虚化的手机操作过程转化为游戏中所需要的材料，产生有价值的网络产品，使得手机操作变得更有趣味性，全面提升用户在使用手机时的认知，操作和主观感受等层面的体验。当用户在使用手机时不仅仅是在交流信息而是在体验一种全新的生活娱乐方式，从而给他们带来情感上的愉悦和满足。此设计区分于同类产品，希望能够把握用户的情感，使用户真正感受设计的魅力。

关键词：ui+game；界面设计；交互设计；人机交互；交互风格；虚拟现实网络、手机、ui、游戏 abstract

this paper is carried out on the basis of the 211 project-ssmi-physical simulation system for ship motion control (正文为times new romanl4号，行距l．25 倍)

?? ??

keywords：xxxxxx;xxxx;xxxxx (正文为times new romanl4号，行距l．25 倍)

中国传媒大学南广学院本科毕业论文 目 录

中文摘要 ........................................................... i abstract .......................................................... ii 绪

论 ............................................................. 1 一、创意来源——ui设计的概念及发展 ................................. 2

腹有诗书气自华

精品文档 你我共享

（一）ui的定义 ................................................. 5 （二）手机ui设计的发展及其重要性 ............................... 7 （三）手机ui与游戏相结合的设想运用

二、前期调研——手机ui设计 ....................................... 11

（一）设计背景 ................................................. 12 （二）设计目的 ................................................. 13 （三）使用人群

三、设计方案——手机ui——phone world ............................ 15 （一）logo设计 ................................................ 17 （二）phone world的界面设计 ................................... 19 （三）phone world中小怪物的设计 ............................... 21 （四）phone world中

ui+game的设计 ............................. 24 四、phone world 市场中的应用 ...................................... 30

（一）衍生产品的发展 ........................................... 35 （二）在网络市场中的应用 ....................................... 37 结 论 ............................................................ 45 参考文献 .......................................................... 47 后记 .............................................................. 49 注：

1．一般列两级标题。行距1.5倍。亦可采

取三级标题形式。 2．目录正文用小四号宋体出师表

两汉：诸葛亮

先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。

宫中府中，俱为一体；陟罚臧否，不宜异同。若有作奸犯科及为忠善者，宜付有司论其刑赏，以昭陛下平明之理；不宜偏私，使内外异法也。

侍中、侍郎郭攸之、费祎、董允等，此皆良实，志虑忠纯，是以先帝简拔以遗陛下：愚以为宫中之事，事无大小，悉以咨之，然后施行，必能裨补阙漏，有所广益。

将军向宠，性行淑均，晓畅军事，试用于昔日，先帝称之曰“能”，是以众议举宠为督：愚以为营中之事，悉以咨之，必能使行阵和睦，优劣得所。

腹有诗书气自华

精品文档 你我共享

亲贤臣，远小人，此先汉所以兴隆也；亲小人，远贤臣，此后汉所以倾颓也。先帝在时，每与臣论此事，未尝不叹息痛恨于桓、灵也。侍中、尚书、长史、参军，此悉贞良死节之臣，愿陛下亲之、信之，则汉室之隆，可计日而待也

。

臣本布衣，躬耕于南阳，苟全性命于乱世，不求闻达于诸侯。先帝不以臣卑鄙，猥自枉屈，三顾臣于草庐之中，咨臣以当世之事，由是感激，遂许先帝以驱驰。后值倾覆，受任于败军之际，奉命于危难之间，尔来二十有一年矣。

先帝知臣谨慎，故临崩寄臣以大事也。受命以来，夙夜忧叹，恐托付不效，以伤先帝之明；故五月渡泸，深入不毛。今南方已定，兵甲已足，当奖率三军，北定中原，庶竭驽钝，攘除奸凶，兴复汉室，还于旧都。此臣所以报先帝而忠陛下之职分也。至于斟酌损益，进尽忠言，则攸之、祎、允之任也。 愿陛下托臣以讨贼兴复之效，不效，则治臣之罪，以告先帝之灵。若无兴德之言，则责攸之、祎、允等之慢，以彰其咎；陛下亦宜自谋，以咨诹善道，察纳雅言，深追先帝遗诏。臣不胜受恩感激。 今当远离，临表涕零，不知所言。

腹有诗书气自华