联信永益SPM 2.0项目管理系统UI设计论文.docVIP

联信永益SPM 2.0项目管理系统UI设计毕业论文 目录 摘要 4 关键词 4 第一章 绪论 5 1.1 UI简介 5 第二章 UI设计现状 6 2.1 软件开发业的界面设计现状 6 2.2联信永益的软件开发在UI方面的现状及缺点 7 第三章 软件界面设计基础 8 3.1软件界面设计的前期准备工作 8 3.2软件界面设计的原则 9 3.3软件界面的规划 10 3.3.1登陆界面的规划 10 3.3.2应用界面的规划 10 3.4色彩 20 第四章 联信永益SPM 2.0项目管理系统UI设计语言简介 24 4.1 Html语言 24 4.1.1 Html语言特点 24 4.1.2 Html的发展历史 25 4.1.3基于Html的UI设计过程 27 4.2 Javascript语言 30 4.2.1 Javascript语言简介和特点 30 第五章 联信永益SPM 2.0项目管理系统的构架 33 5.1联信永益SPM 2.0项目管理系统主要组成部分 33 5.1.1登录模块 33 5.1.2首页模块 33 5.1.3管理空间模块 33 5.1.4信息空间模块 34 5.1.5下载空间模块 34 第六章 联信永益SPM 2.0项目管理系统主模块UI设计及实现 35 6.1登录界面 35 6.1.1效果图 35 6.1.2关键代码 35 6.2个人首页 36 6.2.1 效果图 36 6.2.2关键代码 36 6.3管理空间 40 6.3.1管理空间-项目管理 40 效果图 40 关键代码 41 6.3.2管理空间-部门管理 45 效果图 45 关键代码 45 6.3.3管理空间-域账户管理 48 效果图 48 关键代码 51 6.3.4管理空间-会议纪要管理 53 效果图 53 关键代码 54 6.4信息空间 57 6.4.1信息空间-项目汇总 57 效果图 57 关键代码 57 6.4.2信息空间-部门汇总 62 效果图 62 关键代码 62 6.5下载空间 66 6.5.1效果图 66 6.5.2关键代码 66 6.6顶部信息 69 6.6.1效果图 69 6.6.2关键代码 70 第七章 总结与展望 71 参考文献 72 致 谢 73 附 件 74 第一章 绪论 1.1 UI简介 现今随着计算机硬件的飞速发展，过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中，仅仅有强大的功能是远远不够的，不足以战胜强劲的对手。幸运的是在国内一些高瞻远瞩的民族企业已经开始意识到UI给软件产品带来的巨大卖点了，例如金山公司的影霸、词霸、毒霸、网标，由于重视UI的开发与地位，才使得金山产品在同类软件产品中首屈一指。联想软件的UI部门积极开展用户研究与使用性测试，将易用与美观相结合，推出的双模式电脑、幸福系列等成功UI范例，为联想赢得全球消费 PC第三的称号等等、等等.实践证明，各商家只要在产品美观和易用设计方面很小投入，将会有很大产出。其投入产出比，要比在功能领先性开发上的投入大得多。GUI(Graphical User Interface)是一种结合计算机科学、美学、心理学、行为学，及各商业领域需求分析的人机系统工程，强调人—机—环境三者作为一个系统进行总体设计。人机交互和计算机用户界面刚刚走过基于字符方式的命令语言式界面，目前正处于图形用户界面时代。用户界面(User?Interface)是当前用户界面的主流，广泛应用于各档台式微机和图形工作站。当前各类图形用户界面的共同特点是以窗口管理系统为核心，使用键盘和鼠标器作为输入设备。窗口管理系统除基于可重叠多窗口管理技术外，广泛采用的另一核心技术是事件驱动(Event-Driven)技术。图形用户界面和人机交互过程极大地依赖视觉和手动控制的参与，因此具有强烈的直接作特点。纵观国际相关产业在图形化用户界面设计方面的发展现状，许多国际知名公司早己意识到UI在产品方面产生的强大增值功能，以及带动的巨大市场价值，因此在公司内部设立了相关部门专门从事UI的研究与设计，同业间也成立了若干机构，以互相交流UI设计理论与经验为目的。在产品的人机交互界面设计水平发展上日显滞后，这对于提高产业综合素质，提升与国际同等业者的竞争能力等等方面无疑起了制约的作用。色彩的感情 会因其色相、明度、彩度的不同，表现不同的色彩感觉。我们面对这些色彩也会产生不同的心理影响。冷色与暖色 蓝色、蓝绿、蓝紫等色，予人凉爽的感觉，称为冷色。而红、橙、黄等予人温暖的感觉，称为暖色。明度高的色彩较凉爽，明度低的色彩较温暖。 冷色调（图10） 暖色调（图11） （三）色彩的运用 由于国家和种族．宗教和信仰的不同， 以及生活的地理位置．文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的