UI用户界面设计 大作业课程设计报告 题目：依依旅行系统前台应用及后台管理院别：信息与控制学院 专业：计算机科学与技术 学生姓名： 7宋依依 指导教师：孙丽云 成绩： 2015年 6 月 12 日 一、系统概述 1.1课程设计题目： 依依旅行系统前台及后台管理 1.2 课程设计运行环境： Java，MyEclipse6.5，Tomcat5.x Microsoft SQL Server 2008 360安全浏览器7.1 1.3 课程设计实现技术： 基于HTML，CSS，JSP等技术的应用 二、依依旅行系统需求分析 2.1系统功能需求：
系统的功能需求包括一下几个方面 （1）游客在不登录的情况下只可以进行相关旅行，车票，酒店信息的查询。（2）游客通过注册登录或者登录后，可以通过网络查询景点的信息概况和预定景点票，酒店，车票（飞机票，火车票，或者租车）。 （3）游客登录后还可以进行各种订单的退订，个人信息的修改。 （4）系统管理员可以查看游客的预定请求和取消预定的请求。 （5）系统管理员可以对系统的数据库进行维护，例如增加、删除和修改景点信息，增加、删除工作人员帐户，增加和删除旅行用户。 三、依依旅行系统概要分析 3.1旅游系统模块介绍 满足以上需求的管理系统主要包括以下几个模块。 （1）旅游数据维护模块 基本数据维护模块提供了使用者录入、修改并维护基本数据的途径。例如对游客及导游及工作人员各项信息的更新和修改。 （2）旅游业务模块 基本业务模块主要用于实现游客查询景点信息和预定的管理，可以登陆系统预定景点游票和导游预定，工作人员可以处理预定信息和取消预定信息等操作。 （3）数据库管理模块 在系统中，所有景点信息以及工作人员和导游的帐户信息都要进行统一管理，景点的使用情况和预定情况也要进行详细的记录，要用统一的数据库平台进行管理。 （4）旅游信息查询模块 信息查询模块主要用于查询景点的信息和游客的预定信息。 下图所示表示了旅游开发管理系统的功能需求： 3.2旅游数据维护模块 数据维护模块包括如下图所示的几个方面： （1）修改更新景点信息：系统管理员可以更新和修改景点信息。 （2）更新和修改信息：系统管理员可以更新和修改旅游景点和酒店出行，删除游客的信息。 （3）添加景点信息：系统管理员可以添加景点及景点信息。 （4）删除景点信息：系统管理员可以删除景点及景点信息。 3.3旅游业务模块 旅游业务模块包括一下几个方面： （1）注册登陆后，更改个人信息 （2）查询信息：游客查询景点使用信息及景点概括信息。 （3）预定取消景点：游客预定景点票。 （4）酒店预订：游客可一根据情况预定酒店。 （5）出行方式：游客可以根据自己的情况选择出行方式。 3.4数据库管理模块 数据库模块包括一下一个方面： （1）游客信息管理：信息包括游客的姓名，电话号码，及联系方式等。（2）景点信息管理：景点信息包括景点的名称，代号，概况等。
. .. . WI-PSMIS-DJ-B008 02.01.000 （部资料） ECE项目图形用户界面设计规 自2012年8月日起正式生效 从兴电子开发 编制：审批： .. .. .. ..
目录 1引言 (4) 1.1目的 (4) 1.2围 (4) 1.3参考资料 (4) 2概述 (4) 3原则 (5) 3.1易用性 (5) 3.2规性 (5) 3.3合理性 (6) 3.4美观与协调性 (6) 3.5独特性 (7) 4设计规 (7) 4.1登录界面 (7) 4.2首页 (7) 4.3框架设计 (7) 4.4按钮设计 (8) 4.5对话框 (8) 4.5.1一般对话框 (8) 4.5.2有模式对话框 (9) 4.5.3无模式对话框 (9) 4.6面板设计 (9) 4.7菜单设计 (9) 4.8图标设计 (9) 4.9滚动条 (10) 4.10换肤功能 (10) 5保留字 (10) 5.1常用保留字 (10)
电力营销图形用户界面设计规 1引言 1.1目的 统一和规软件界面。 1.2围 电力营销改造。 1.3参考资料 2概述 界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够，直到最近网页制作的兴起，才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。 微软公司和苹果公司是这方面的典。 微软公司的所有产品包括Office、Windows、MSN Messenger和其所有的都是我们追随的对象。而且微软公司所有的文档和产品介绍也是我们模仿和学习的对象。 苹果公司更是这方面的鼻祖，它的所有产品无不表露着它在这方面是无人能及的。 我们考虑GUI设计时应该遵循基本的规则然后参考成熟的设计，并能够添加自己的独特性。 在一个时期很流行的界面风格在另外的时期可能已经落后，所以我们要有创新和超前的意识。
UI设计 UI 到底是啥？ 当你打开电脑时，是否想象过你熟悉的这些界面是怎么来的？当你用媒体播放器播放音乐时，你是否会选择一个你喜欢的界面？你是否曾因为漂亮的手机操作界面而决定买下手机，又或者你是否总喜欢下载最新的各种表情和图标？要知道，这一切都是因为有了UI设计师。 用一句话概述：UI 是连接机器与人沟通的桥梁。 UI 的中文名是用户界面（User interface），是指对软件的人机交互、操作逻辑、界面美观的整体设计。举例来说，开车的时候方向盘和显示器就是这个界面，看电视的时候遥控器和屏幕就是这个界面，用电脑的时候键盘和显示器就是这个界面。因此，UI设计师的工作范围非常庞杂，涉及软件界面设计、即时通讯软件界面设计、媒体播放器界面造型设计、游戏界面设计、桌面主题定制、软件图标设计、工具栏图标设计、logo设计、表情头像图标设计、手机界面设计、PMP播放器界面设计、TV端界面设计、PDA界面设计、车载设备界面设计等等。我们现在使用的大多数设备界面也是现在大多数设计师所做的工作都是图形用户界面，即 GUI( Graphical user interface）。我们通过这些可视化的图形界面来理解计算机，进行工作。
UI的由来 UI在中国真正兴起发展到现在不过短短的几年时间，对于UI的行业标准在不同的公司不同的行业也不相同。可能很多人的对UI的认识还停留在传统意义上的“美工”，但实际上UI并不是单纯意义上的美术工人，而是了解软件产品、致力于提高软件用户体验的产品外形设计师。 我们最早使用的计算机，最初的界面可不像现在这么友好，那时的界面还是命令行界面，CLI（Command line interface）。计算机只是被政府或大型机构使用，在普通人眼中是完全不能理解的存在。 （命令行界面，Bourne shell interaction on Version 7 Unix） 而乔布斯一直渴望计算机能进入寻常百姓家。在1979 年，他「命运般」地参观了施乐公司，然后做了一回搬运工……使得图形界面被应用在
UI界面设计规范模 板
UI设计(流程/界面)规范 一：UI设计基本概念与流程 1.1 目的 规范公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。 1.2范围 l 界面设计 l 此文档用于界面设计,本文档的读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。1.3 概述 UI设计包括交互设计，用户研究，与界面设计三个部分。基于这三部分的UI设计流程是从一个产品立项开始，UI设计师就应根据流程规范，参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节，履行相应的岗位职责。UI 设计师应全面负责产品以用户体验为中心的UI设计，并根据客户（市场）要求不断提升产品可用性。本规范明确规定了UI设计在各个环节的职责和要求，以保证每个环节的工作质量。 1.4 基本介绍
A、需求阶段 软件产品依然属于工业产品的范畴。依然离不开3W的考虑（Who,where,why.）也就是使用者，使用环境，使用方式的需求分析。因此在设计一个软件产品之前我们应该明确什么人用(用户的年龄，性别，爱好，收入，教育程度等)。什么地方用（在办公室/家庭/厂房车间/公共场所）。如何用（鼠标键盘/遥控器/触摸屏）。上面的任何一个元素改变结果都会有相应的改变。 除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世，我们要比她作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适，更合适于我们的最终用户的就是最好的。 B、分析设计阶段 经过分析上面的需求，我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。 C、调研验证阶段 几套风格必须保证在同等的设计制作水平上，不能明显看出差异，这样才能得到用户客观真实的反馈。 测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。 调研阶段需要从以下几个问题出发： 用户对各套方案的第一印象
用户界面（GUI）与UI设计关系的相关探讨 【摘要】交互设计越来越受到人们的关注，交互设计的成功与否，关系到交互过程中是否方便使用者的操作，更直接关系到产品的成功与否。本文主要阐述图形化用户界面（GUI）的定义及操作方法，并分析探讨了其与交互设计的关系，以更加科学的运用相关理论，做出更好的交互设计作品。 【关键词】人机交互；用户界面；图形用户界面；用户研究 1 人机交互界面 UI的本意是用户界面，是英文User和Interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所以这样可分为3个方向，它们分别是：用户研究、交互设计、界面设计。UI实际上是体现在我们生活中的每一个环节，例如我们切菜的时候刀把手是这个界面，开车时候方向盘和仪表盘是这个界面，看电视的时候遥控器和屏幕就也这个界面，用电脑的时候键盘和显示器还是这个界面。于是我们可以把UI可以分成两大类：硬件界面和软件界面。 UI也可以被看作是一个系统，在这个系统中用户可以和机器（软件）进行良好的交互。用户界面包括硬件部分（物理因素）和软件部分（逻辑因素）两个元素，它存在于各种各样的系统当中，它的存在主要有这两方面的意义：1）输入——允许用户对系统进行操控。2）输出——允许操作系统显示用户操作之后的效果。 对于工业设计领域中的人机交互设计就是指人和机器之间发生交互的时候能够高效率、舒适的对机器进行操控，在操作者需要对机器的操作做出决定的同时也能够帮助机器快速的给用户以反馈。当我们设计一个用户界面的时候一定要考虑到用户界面的适用性，同时也会运用到人机工程学以及设计心理学等学科的内容。界面设计不是单纯的美术绘画，它需要考虑使用者、使用环境、使用方式，并且最终实现为用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，最终为用户设计出一个高效、舒适人性化的交互界面。 2 图形化交互界面（GUI） 2.1 GUI定义及各组成元素 GUI（GraphicalUserInterface）是一种结合计算机科学、美学、心理学、行为学，及各商业领域需求分析的人机系统工程，强调“人——机——环境”三者作为一个系统进行总体设计。GUI是人机交互图形化用户界面设计，准确说就是屏幕产品的视觉体验和互动操作部分。GUI的出现则是意味着更加的用户友好型界
UI设计(流程/界面)规范 一：UI设计基本概念与流程 1.1 目的 规范公司UI设计流程，使UI设计师参与到产品设计整个环节中来，对产品的易用性进行全流程负责，使UI设计的流程规范化，保证UI设计流程的可操作性。 1.2范围 l 界面设计 l 此文档用于界面设计,本文档的读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。 1.3 概述 UI设计包括交互设计，用户研究，与界面设计三个部分。基于这三部分的UI设计流程是从一个产品立项开始，UI设计师就应根据流程规范，参与需求阶段、分析设计阶段、调研验证阶段、方案改进阶段、用户验证反馈阶段等环节，履行相应的岗位职责。UI设计师应全面负责产品以用户体验为中心的UI设计，并根据客户（市场）要求不断提升产品可用性。本规范明确规定了UI设计在各个环节的职责和要求，以保证每个环节的工作质量。 1.4 基本介绍 A、需求阶段 软件产品依然属于工业产品的范畴。依然离不开3W的考虑（Who,where,why.）也就是使用者，使用环境，使用方式的需求分析。所以在设计一个软件产品之前我们应该明确什么人用(用户的年龄，性别，爱好，收入，教育程度等)。什么地方用（在办公室/家庭/厂房车间/公共场所）。如何用（鼠标键盘/遥控器/触摸屏）。上面的任何一个元素改变结果都会有相应的改变。． 除此之外在需求阶段同类竞争产品也是我们必须了解的。同类产品比我们提前问世，我们要比他作的更好才有存在的价值。那么单纯的从界面美学考虑说哪个好哪个不好是没有一个很客观的评价标准的。我们只能说哪个更合适，更合适于我们的最终用户的就是最好的。 B、分析设计阶段 通过分析上面的需求，我们进入设计阶段。也就是方案形成阶段。我们设计出几套不同风格的界面用于被选。 C、调研验证阶段 几套风格必须保证在同等的设计制作水平上，不能明显看出差异，这样才能得到用户客观真实的反馈。 测试阶段开始前我们应该对测试的具体细节进行清楚的分析描述。 调研阶段需要从以下几个问题出发： 用户对各套方案的第一印象 用户对各套方案的综合印象 用户对各套方案的单独评价 选出最喜欢的 选出其次喜欢的 对各方案的色彩，文字，图形等分别打分。 结论出来以后请所有用户说出最受欢迎方案的优缺点。 所有这些都需要用图形表达出来，直观科学。
阅读使人快乐，成长需要时间 UI设计概述 UI设计在项目开发过程中工作量最大、最艰苦也是最难以控制的阶段。不管一座大楼的设计蓝图多宏伟，若没有管道工、泥瓦匠、水电工等各种工匠一砖一瓦地艰辛积累，密切协作，这座大楼始终是空中楼阁、海市蜃楼。 一、界面设计 1)深入用户分析 要进行界面开发设计，用户分析是第一步。总所周知，进行任务和用户分析，以及相关调研的必要性和重要性。用户是计算机资源，软件界面信息的使用者，由于目前计算机系统以及相关的信息技术应用范围很广，其用户范围也遍及各个领域。我们必须了解各类用户的习性，技能、知识和经验，以便预测不同类别的用户对界面有什么不同的需要与反应，为交互系统的分析设计提供依据和参考，使设计出的交互系统更适合于各类用户的使用。由于用户具有知识、视听能力、智能、记忆能力、可学习性、动机、受训练
程度、以及易遗忘、易出错等特性，使得对用户的分类、分析和设计变得更加复杂化。另外，为了设计友好而又人性化的界面，也必须考虑各类不同类型用户的人文因素。 在软件设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。 用户交互要考虑到目标用户的不同引起的交互设计重点的不同。 例如：对于科学用户和对于电脑入门用户的设计重点就不同。 2)设定合理的交互方式 软件界面是人—机之间的信息界面，交互是一个结合计算机科学、美学、心理学、人机工程学等工业和商业领域的行为，其目标是促进设计，执行和优化信息与通信系统以满足用户的需要。 在交互过程中，交互设计关系到用户界面的外观与行为，它不完全受软件的约束。界面设计师以及决定如何与用户进行交互的工程师应该在这一领域深入研究。在界面开发过程中，他们必须贴近用户，或者
教案课程名称：UI界面设计 授课教师： 制订时间：
UI界面设计 第一章UI综述 课题：UI综述 授课教师： 教学目标：通过本章学习使学生了解UI在中国的发展，以及UI的是什么。 教学重点：掌握UI在中国的发展，以及UI是什么。 教学难点：掌握UI是什么。 教学准备：课本、参考图形 教学方法：讲授、讨论、案例分析 教材： 教学时间：8课时 教学内容：UI在中国的发展，以及UI是什么 UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。 第一节UI是什么 软件设计可分为两个部分：编码设计与UI设计。
编码设计大家都很熟悉，但是UI设计还是一个很陌生的词，即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面，是英文User和interface 的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系。 在飞速发展的电子产品中，界面设计工作一点点的被重视起来。做界面设计的“美工”也随之被称之为“UI设计师”或“UI工程师”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。一个电子产品拥有美观的界面会给人带来舒适的视觉享受，拉近人与商品的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是建立在科学性之上的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是终端用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。 第二节UI设计师是做什么的 在中国，UI设计还是一个需要不断成长的设计领域，但eicodesign,Tigocn, lkkui design, Robin design等国内知名设计机构已经进入了探索UI设计的道路。 UI设计从工作内容上来说分为3个方向。它主要是由UI 研究的3个因素决定的，其分别是研究工具，研究人与界面的关系，研究人。 研究界面 图形设计师Graphic UI designer 国内目前大部分UI工作者都是从事这个行业。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是软件产品的产品外形设计师。
UI界面设计包含哪些 UI即User Interface的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。 软件设计可分为两个部分：编码设计与UI设计。UI的本意是用户界面，是英文User和Interface 的缩写。从字面上看是用户与界面2个部分组成，但实际上还包括用户与界面之间的交互关系。 在飞速发展的电子产品中，界面设计工作一点点的被重视起来。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要卖点。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果，而是终端用户的感受。 与之相应，UI设计师的职能大体包括三方面：一是图形设计，即传统意义上的“美工”。当然，实际上他们承担的不是单纯意义上美术工人的工作，而是软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并
且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。 研究界面 图形设计师 国内大部分UI工作者都是从事这个行业。也有人称之为美工，但实际上不是单纯意义上的美术工人，而是了解软件产品、致力于提高软件用户体验的产品外形设计师。随着时间的推移，美工这个词将渐渐淡出。 交互设计师 在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。 。
UI(用户界面)设计规则和规范 界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相反由于界面设计的失败，让用户有挫败感，再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够，直到最近网页制作的兴起，才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。 目前流行的界面风格有三种方式：多窗体、单窗体以及资源管理器风格，无论那种风格，以下十条规则是应该被重视的。 1：易用性： 按钮名称应该易懂，用词准确，屏弃没楞两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。 易用性细则： 1)：完成相同或相近功能的按钮用Frame框起来，常用按钮要支持快捷方式。 2)：完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。 3)：按功能将界面划分局域块，用Frame框括起来,并要有功能说明或标题。 4)：界面要支持键盘自动浏览按钮功能，即按Tab键的自动切换功能。 5)：界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较 醒目的位置。 6)：同一界面上的控件数最好不要超过10个，多于10个时可以考虑使用分页界面显示。 7)：分页界面要支持在页面间的快捷切换，常用组合快捷键Ct r l+Tab 8)：默认按钮要支持Ent er及选操作，即按Ent er后自动执行默认按钮对应操作。 9)：可写控件检测到非法输入后应给出说明并能自动获得焦点。 10)：Tab键的顺序与控件排列顺序要一直，目前流行总体从上到下，同时行间从左到右的