第11章 用户界面设计
第11章用户界面设计
人机交互活动的大量存在于计算机运行的整个过程当中。目前的应用软件
都采用图形界面用以交互，图形界面的研究也成为了许多软件开发机构的课
题。本章内容主要包括：界面软件设计，设计人机交互子系统，图形用户界面
设计，多媒体用户界面设计。
11．1基础知识
11．1．1 软件面设计
1．可使用行
可使用行是用界面设计最重要的目标。它强调简单，术语标准化和一致
化，拥有完善的帮助功能，系统响应快可系统成本低，具有良好的容错能力。
2．灵活行
灵活行包括：算法可隐可现，界面方式可由用户动态制定和修改，提供
不同详细程度的系统响应信息，界面的标准化。
3．复杂行
复杂行是用户界面的规模和组织的复杂程度。在完成预定功能的前提
下，用户界面越简单越好。
4．可靠性
无故障使用的时间越长，改用户界面的可靠性就越高。用户界面应能保
证用户正确，可靠的使用系统，保证有关程序和数据的安全行。
5．用户界面设计存在的问题
用户界面的开发有别于其他软件，无固定结构，其目的和用户的真正需
求相适应。但是用户的意图有时候并不容易表达出来，唯有通过进一步的探索
和咨询的方法来完成。而目前的一部分软件设计者的心目中，存在一些心里障
碍，容易妨碍友好界面的设计：
（1）部分软件人员没有从用户的角度去考虑界面设计，没有重视界面的美观和方便。
（2）设计人员习惯单一的抽象思维，希望能自主控制软件的运行，忽略了人机交互，有些开发人员则是懒于设计界面的健壮行，害怕用户的干
预导致程序运行的瘫痪。
（3）软件人员和用户在知识结构上存在差异，程序员不乐于学习用户工作领域的专业知识，忽视了软件的专业行，导致生成的软件不适合用户
的习惯。
11．1．2设计人机交互子系统
1．准则
设计出让用户满意的人机交互界面应遵循如下原则：一致性，操作简单，
及时提供反映信息，提供撤销命令，无需记忆，易学，富有吸引力。
2．策略
用户界面是适应人的需要而建立的，因此需要清楚用户的类型，用户的
特性度量以及对用户的工作进行分析。
173
3．用户界面的设计形式
用户的界面设计形式包括问答式，菜单，图符，表格，命令语言和自然语言。11．1．3 图形用户界面的设计
图形用户界面设计具备直观生动的优点，且对用户极其方便。其主要特征为：（1）使用窗口，图符，菜单，鼠标与屏幕等设计方式和工具与用户进行交互。
（2）采用desktop模式，用户共享直观的界面框架，对图符容易理解。
（3）直接对对象进行操作，设计直观，可视化界面。无需记忆。
11．1．4 多媒体用户界面设计
多媒体用户界面结合了图形，窗口，图表，声音，色彩
和文字，能够与用户形象的交互。具备一下特点：
（1）结合超文本技术，支持Intertnet浏览。超文本技术
以其非线性的网状结构，便于用户联想搜素有关内
容，增强交互行。
（2）进行三维及多媒体技术，通过引入语音，动画使界
面更加生动活泼。
（3）出现了大量对额多媒体用户界面开发工具，大大降
低了开发图形界面的难度。
（4）对象可是化。目前许多系统以二维和三维的形式来
显示数据。
11．2单元练习
11．2．1 填空题
1．用户界面的设计发展可分为——，——，——三个阶
段。
2．用户界面设计最重要的目标是———。
3．设计人机交互子系统时，需要把———作为主角。
4．通常用户可以分为——，——，——，——四种类型。
5．用户特性度量与——，——两方面有关。
6．可以用——和——来描述功能分解。
7．菜单系统的结构可分为——，——，——，——，—
—五种。
8．对话框有——，——，——三种形式。
9．虚拟实现技术有——，——，——，——等四个重要
特性。
10．多媒体处理的对象主要是——。
11．在人机界面的设计过程中先后涉及四个模型，它们
是由软件工程师创建的——，由人机工程师创建的——，终端用
户对未来系统的——和系统实现后得到的——。
11．1．2 选择题
1．最早出现的用户界面模型是（）
A.Multi-agent模型
B. Seehei模型
174
C.MVC模型
D.DPl模型
2．用户界面设计最重要的目标是（）
A．灵活性 B.复杂性
C. 可使用性
D. 可靠性
3．界面方式可由用户动态制定和修改，这样便可以有较高的（）
A．灵活性 B. 复杂性
C．交互性 D. 维护性
4．在传统的人机系统中，（）被认为是操作者。
A．人 B. 机器
C．人和机器 D. 操作系统
11．2．3 简答题
1．要设计出让用户满意的人机交互界面，应遵循哪几条准则？
2．菜单系统的结构可分为哪几种？画出每种的机构图。
3．多媒体用户界面具有哪些特点？
4．试描述多媒体用户界面细节设计的步骤。
5．非精确的交互方式有哪些？
6．新一代界面有哪些主要特征？
7．简单描述Sddheim模型
8．如何理解用户界面设计中“人的因素”？
11．3 参考答案
一．填空题
1．字符用户界面设计，图形用户界面设计，多媒体人机界面设计
2．可使用性
3．用户
4．外行型，初学型，熟练型，专家型
5．用户使用模式，用户群体的能力
6．数据流图，数据词典
7．单一菜单，线装菜单，树状结构，非循环网络结构，循环网络结构
8．模式对话框，非模式对话框，警告式对话框
9．多感知性，存在性，交互性，自主性
10．二维的
11．设计模型，用户模型，假想，系统映像
二．选择题
1．B 2。C 3.D 4.A
三．简答题
1，应遵循如下原则：
（1）一致性：使用一致的术语，一致的步骤，一致的动作。
175
176
(2) 操作简便.
(3)及时提供反馈信息,让用户可以对系统的运行状况一目了然.反馈信息是用户操作的依据
,应简短,直接,及时从用户角度来做出提示.
(4)提供撤销命令.帮助用户能够及时撤销错误动作,以免对系统造成更大的危害.
(5)无需记忆.每一步骤给出足够的提示,不许用户记忆窗口中显示的信息,另外,以观察和提示
代替记忆和击键.体贴用户需求,方便用户使用.
(6)易学,富有吸引力.充分利用图形通讯,设计由图形,文本和简单动画组成的图形用户界面,以
图形方式显示命令,参数,数据等.有助于用户对界面的正确理解,且对用户有吸引力.
2.菜单系统的结构可以分为五种:单一菜单,线状菜单,非循环网络菜单和循环网络菜单.结构
图如图11-1所示
(a)第一菜单 (b)线状菜单
（c ）树状结构
(d)非循环网络菜单 (e)循环网络菜单
图11-1
3.多媒体用户界面结合了图形,窗口,图表,声音,色彩和文字,能够形象生动地与用户进行交互.
具备下列特点:
(1)结合超文本技术,支持Internet 浏览.超文本技术以其非线性的网状结构,便于用户联想搜索
有关内容,增强交互性.
(2)运行三维及多媒体技术,通过引入语音,动画使界面更加生动活泼.
(3)出现了大量的多媒体用户界面开发工具,如Visual Basic, Visual C++, PowerBuilder, Visual ForPro,
大大降低了开发图形界面的难度.
(4)对象可视化.由于数据的可视化具有直观形象,一目了然的优点,于是科学可视化和网上数
据可视化已引起广泛重视,目前许多系统以二维和三维的形式来显示数据.
4,多媒体用户界面细节设计阶段的一般过程为:
(1)按建立的模型.设制一个或多个窗口.
(2)用工具框向每个窗口添加控件.
(3用菜单设计窗口,为窗口定义菜单栏.
(4)用属性栏设置窗口和控件的属性.
(5)用代码窗口编写事件和通用过程.
(6)增加语音和色彩.
(7)调试和测试.
5.非精确交互有如下主要方式:
(1)语音.主要以语音识别为基础,但不强调很高的识别率,而是借助其他通道的约束进行交互.
(2)姿势.主要利用数据手套,数据服装等装置,对手和身体的运动进行跟踪,完成自然的人机交互.
(3)头部跟踪.主要利用电磁,超声波等方法,通过对头部的运动进行定位交互.
(4)视觉跟踪.对眼睛运动过程进行定位的交互方式.
6,新一代用户界面的主要特征为:
(1)以用户为中心.以用户对界面的需求变化为出发点,使用户界面的外在形式和内部机制能符合不同用户的需要,这就是以用户为中心的设计思想.
(2)多通道(Multimodality).充分利用一个以上的感觉和运动通道的互补特性来捕捉用户的感觉,从而达到人机交互中的自然性.通过多种传感设备,如立体头盔,数据手套,数据衣等,使用户投入到模拟环境中,实现用户与该环境的直接交互.
(3)非精确.而人们的动作或思想往往并不很精确,计算机应该理解人的要求,甚至于纠正人的错误,智能化的界面是一个重要方向.
(4)高带宽.新一代的用户界面应该支持高的输入带宽,快速大批量地输入信息.语音,图像及姿势等的输入和理解是今后的发展方向.
(5)不限制地点.目前,人们面对着计算机屏幕进行操作的操作方式限制了计算机的应用.采用语音输入输出或其他计算机视觉(摄像输入)技术,则可不受地点的限制.
(6)可视化编程.运用计算机图形学和图像处理技术,将计算过程中的数据及计算结果转换为图形或图像在屏幕中显示出来。
(7)三维交互技术的研究
7.Green的Seeheim模型是最早出现的用户界面模型,如图11-2所示.该模型由表示部分,对话控制和应用界面模型组成.其中表示部分包括界面的外部表示,交互技术和界面布局,界面的其他成分禁止与外部直接通信;对话控制部分决定用户和系统之间的对话结构;应用界面模型负责建立与应用语义之间的通信联系,对界面可访问的数据结构和例程进行描述和调用.这三个部分分别对应于词法,语法和语义三个层次.
用户
应用计算部分图11-2
其中对话框控制部分是Seeheim模型强调的重点.在直接交互中,用户是与个别应用语义对象的图形表示相交互,而不是与整个应用系统对话.这要求语法应极小化,将个别对象相关的语法包含在各个图形表示对象之中,而不是作为一个统一的独立部分.另外,语义反馈对增加用户
177
的参与感甚为重要,甚至词法层次的操作也需要语义反馈,如拖动一个对象的表示是一个词法操作,若反馈其语义效果会极大地增加用户的参与感,这就要求语义更加贴近于表示部分.显然,Seeheim模型本身并不支持直接操作的语法与语义要求,因而不适用于直接操作界面.
8.所谓”人的因素”有三层含义:
(1) 人对感知过程的认识,包括视觉,阅读时的认知心理,记忆,归纳与演绎推理等.
(2)用户已有的技能和行为方式.
(3)用户所要求完成的整个任务以及用户对人机交互部分的特殊要求.
由于用户通过界面与程序(系统)交互,因此只有充分考虑了人的因素,对话才能和谐,流畅,否则系统内部无论设计得多么合理,整个系统也将表现得不够友善
178
179
实验三图形用户界面设计(汽院含答案)
实验三图形用户界面设计 实验目的 1．掌握Java语言中GUI编程的基本方法 2．掌握Java语言中AWT组件的基本用法 3．掌握Java语言中Swing组件的基本用法 实验导读 1.通过图形用户界面(GUI：Graphics User Interface)，用户和程序之间可以方便地进 行交互。 AWT(Abstract Windowing Toolkit)，中文译为抽象窗口工具包，是Java提供的用来建立和设置Java的图形用户界面的基本工具。AWT由Java中的java.awt包提供，里面包含了许多可用来建立与平台无关的图形用户界面(GUI)的类，这些类又被称为组件(components)。 Swing是一个用于开发Java应用程序用户界面的开发工具包。它以抽象窗口工具包（AWT）为基础使跨平台应用程序可以使用任何可插拔的外观风格。Swing开发人员只用很少的代码就可以利用Swing丰富、灵活的功能和模块化组件来创建优雅的用户界面。 JDK写程序所有功能都是靠虚拟机去操作本地操作系统。比如window下，就是JDK 用windows API实现功能。而awt包中很多组件是组件自身去调用本地操作系统代码swing包中的组件采用的是调用本地虚拟机方法，由虚拟机再调用本地操作系统代码。意思就是中间多了一层，这样就加强了swing包的移植性，与本地关系不那强了。 图3.1 AWT常用组件继承关系图 Container为容器，是一个特殊的组件，该组件中可以通过add方法添加其他组件进来。 2.布局，容器中的组件的排放方式。常见的布局管理器： FlowLayout（流式布局管理器）：从左到右的顺序排列。Panel默认的布局管理器。 BorderLayout（边界布局管理器）：东，南，西，北，中。Frame默认的布局管理器。 GridLayout（网格布局管理器）：规则的矩阵
用户界面设计与答案
1.用户满意度=功能+___人机界面_____+响应时间+可靠性+易安装性+____信息____+可维护性+其他因素 2. ____人机交互（人机对话）____是指人与计算机之间使用某种语言、以一定的交互方式，为了完成任务进行的一系列信息交换过程。 3.软件界面设计分为____功能性设计界面____、____情感性设计界面____、____环境性设计界面____。 4.进行系统分析和设计的第一步是___用户分析_____。 5.使用较早，也是使用最广泛的人机交互方式是____交互方式____。 6.软件界面开发流程包括____系统分析____、____系统设计____、____系统实施____三个阶段 7.设计阶段包括界面的____概念设计____、____详细设计____、____原型建立____与界面实现以及综合测试与评估等8.VB 是以结构化___Basic_____语言为基础、以____事件驱动作____为运行机制的可视化程序设计语言。 9.菜单使用形式主要有____菜单操作____和____Tba控件操作____两种。 10.随着计算机图形技术的发展，以直接操纵、桌面隐喻以及所见即所得为特征的____图形用户界面____技术广泛被计算机系统采用。 11.在用VB 开发应用程序时，一般要布置窗体、设置控件的属性、___编写代码___。 12. 假定在窗体上有一个通用对话框，其名称为CommonDialog1,为建立一个保存文件对话框，则需要把Action 属性设置为__value__。 13. 计时器事件之间的间隔通过__interval__属性设置。 14. 语句“Print “5+65=”;5+65”的输出结果为__5+65=70__。 15. 设有下列循环体，要进行4次循环操作，请填空。 x = 1 Do x = x * 2 Print x Loop Until__x<=32__ 16. 下列程序段的执行结果为__2 3 5__。 x = 1 y = 1 For I = 1 To 3 F= x + y x = y y = F Print F; Next I 17. 以下为3个列表框联动的程序，试补充完整。 Private Sub Dir1_Change() File1.Path=Dir1.Path End Sub Private Sub Drive1_Change() Drivel.Path=File1.Path;Dir1.Path=Drivel.Path__[7]__ End Sub 18. 在下列事件过程中则响应该过程的对象名是cmdl，事件过程名是__窗口标题事件__。 Private Sub cmd1_Click() Form1.Caption=“VisualBasic Example” End Sub 19. 当将文本框的SelStar 属性设置为0时，表示选择第开始位置在第一个字符之前，设置为1时表示__[9]__。 20. 以下程序代码实现单击命令按钮Command1 时形成并输出一个主对角线上元素值为“-”，其他元素值为“+”第6*6 阶方阵。 Privas Sub Command1_Click() DimA(6,6) For I = 1 To 6 For J = 1 To 6 If I = J Then Print “-” Else __[10]__ End If Print A (I,J); Next J Print Next I End Sub 21. 字母B的KeyAscii 码值为65，其KeyCode码值___[11]__。 22. Visual Basic 中的控件分为3类：__[12]_、ActioveX 控件和可插入对象。
ui用户界面设计课程设计报告
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）景点信息管理：景点信息包括景点的名称，代号，概况等。
用户界面设计模板
宽带收费管理系统用户界面设计报告 机构公开信息
- 2 - 新闻发布系统《用户界面设计报告》 版本历史
目录 0.1 文档目的 (4) 0.2 文档范围 (4) 0.3 读者对象 (4) 0.4 参考文献 (4) 0.5 术语与缩写解释 (4) 1. 应当遵循的界面设计规范 (4) 1.1：易用性： (5) 1.2易用性细则 (5) 2. 界面的关系图和工作流程图 (5) 2.1前台管理完成界面功能一览 (5) 2.3 界面关系及工作流程 (6) 2.3.1前台管理界面关系 (6) 3. 界面关系 (6) 3.1 登录界面 (6) 3.1.1 页面说明 (6) 3.1.2 页面迁移图 (6) 3.1.3 页面说明 (7) 3.1.4 前置条件 (8) 3.1.5 关联数据表 (8) 3.1.6 补充说明： (8) 3.2 前台管理主界面 (8) 3.2.1 页面说明 (8) 3.2.2 页面迁移图 (9) 3.2.3 页面说明 (9) 3.3 入网登记单界面 (11) 3.3.1 页面说明 (11) 3.3.2 页面迁移图 (11) 3.3.3 页面说明 (12) 4．总后总结：................................................................................................. 错误！未定义书签。
- 4 - 新闻发布系统《用户界面设计报告》0. 文档介绍 0.1 文档目的 宽带收费管理系统《用户界面设计报告》。是为了开发宽带收费管理系统而编写，主要面向系统分析员、程序员、测试员、实施员和最终用户。 本说明书是整个软件开发的依据，它对以后阶段的工作起指导作用。本文也是项目完成后系统验收的依据。 0.2 文档范围 本文档主要包含以下几部分： 1. 文档介绍 2. 界面设计规范 3. 界面关系图 4. 主界面说明 0.3 读者对象 本文档的读者主要包含以下几类： 1. 界面设计人员 2. 美工人员 3. 编码人员 4. 测试人员 0.4 参考文献 提示：列出本文档的所有参考文献（可以是非正式出版物），格式如下： [标识符] 作者，文献名称，出版单位（或归属单位），日期 例如： [AAA]作者，《立项建议书》，机构名称，日期 [SPP-PROC-SD]SEPG，系统设计规范，机构名称，日期 0.5 术语与缩写解释 1. 应当遵循的界面设计规范 界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设
网站界面(UI)设计课程考试复习题(含答案)
精品文档 网站界面（UI）设计复习题 一、多选题 1．设计师在开展具体网站界面设计之前需要了解的信息包括（） A. 建站目标 B. 目标用户特征 C. 商业模式 D. 网站特征和优势 2．在开展设计工作之前，我们力求做到知己知彼，这里的“彼”指（） A. 对所服务的客户的认知，和客户保持良好的沟通 B. 对网站目标用户的深入理解 C. 对竞争对手的了解 D. 对网站目标用户的深入理解 3．关于网站策划书描述准确的有（） A. 对于建设网站的想法、创建流程及相关事宜书写下来，成为建站工作的总领。 B. 网站策划书包含了多个方面的内容，可以对市场、设计、技术、营销等相关人员下达指导工作的指令，帮助建站团队中不同岗位的人相互了解工作的重心。 C. 网站策划书由客户提供。 D. 网站策划书往往包含很多有效的指引设计方向的信息。 4. 对于网站界面设计起着决定性作用（） A. 视觉审美 B. 建站目的 C. 网站定位 D. 客户意见 5．对于用户导向原则在网站界面设计中的具体体现描述准确的是（） A. 明确体现网站的核心功能和服务 B. 符合用户在使用网站时的心智模型和场景中的思维状态 C. 尊重人机交互中用户的生理特征 D. 符合用户的认知习惯 6．下列关于心智模型表述准确的有（） A. 根据用户的心智模型来选择信息的组织方式是优秀网站成功的重要因素。 B. 人们通常基于自身经验和现有知识来理解新事物。 C. 有助于用户理解如何使用网站的设计属于符合心智模型的设计。 D. 重视情景因素对用户行为的影响。 7．保持一致性是提升网站的可用性的重要手段，它体现在（） A. 布局设计 B. 导航设计 C. 交互操作
第11章 用户界面设计
第11章用户界面设计 人机交互活动的大量存在于计算机运行的整个过程当中。目前的应用软件 都采用图形界面用以交互，图形界面的研究也成为了许多软件开发机构的课 题。本章内容主要包括：界面软件设计，设计人机交互子系统，图形用户界面 设计，多媒体用户界面设计。 11．1基础知识 11．1．1 软件面设计 1．可使用行 可使用行是用界面设计最重要的目标。它强调简单，术语标准化和一致 化，拥有完善的帮助功能，系统响应快可系统成本低，具有良好的容错能力。 2．灵活行 灵活行包括：算法可隐可现，界面方式可由用户动态制定和修改，提供 不同详细程度的系统响应信息，界面的标准化。 3．复杂行 复杂行是用户界面的规模和组织的复杂程度。在完成预定功能的前提 下，用户界面越简单越好。 4．可靠性 无故障使用的时间越长，改用户界面的可靠性就越高。用户界面应能保 证用户正确，可靠的使用系统，保证有关程序和数据的安全行。 5．用户界面设计存在的问题 用户界面的开发有别于其他软件，无固定结构，其目的和用户的真正需 求相适应。但是用户的意图有时候并不容易表达出来，唯有通过进一步的探索 和咨询的方法来完成。而目前的一部分软件设计者的心目中，存在一些心里障 碍，容易妨碍友好界面的设计： （1）部分软件人员没有从用户的角度去考虑界面设计，没有重视界面的美观和方便。 （2）设计人员习惯单一的抽象思维，希望能自主控制软件的运行，忽略了人机交互，有些开发人员则是懒于设计界面的健壮行，害怕用户的干 预导致程序运行的瘫痪。 （3）软件人员和用户在知识结构上存在差异，程序员不乐于学习用户工作领域的专业知识，忽视了软件的专业行，导致生成的软件不适合用户 的习惯。 11．1．2设计人机交互子系统 1．准则 设计出让用户满意的人机交互界面应遵循如下原则：一致性，操作简单， 及时提供反映信息，提供撤销命令，无需记忆，易学，富有吸引力。 2．策略 用户界面是适应人的需要而建立的，因此需要清楚用户的类型，用户的 特性度量以及对用户的工作进行分析。 173
网页设计大作业
网页设计与制作报告书 课程名称:网页设计与制作 报告题目：几米的空间 专业班级：旅管1002班 学号：100104110221 姓名：杨玉颖 指导教师：胡一波
目录 一、................................. 开发背景 二、................................. 网页设计技巧 三、................................. 网站结构 四、................................. 应用工具方案 五、................................. 频道栏目划分 六、................................. 测试 七、................................. 周期与成本估算 八、................................. 结论
摘要： 在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。 关键字：网页制作；制作方法；设计要素；网页测试
一、网页制作开发背景 Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。现在流行的网页制作软件有很多，如Macromedia 公司的Dreamweaver、微软公司的Dreamweaver、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。其中Dreamweaver更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。 二、网页制作设计技巧 首先，我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点”图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每
(完整版)UI设计师试题(带答案)
UI设计师试卷 试卷编号:(182) 试题总分：150分 ----------------------------------------------------------------------- 单选题共20题：（60分，每小题3分） 1. 题干：UI设计是什么意思？（A） A:User Interface的缩写，是指用户界面设计 B:User Identity的缩写，是指用户识别设计 C:User Ideal的缩写，是指用户目标设计 D:UserIntention的缩写，是指用户意图设计 2. 题干：网页设计中的网页界面栅格化是指（C） A:使用ps设计网页界面过程中，将所有的层都格式化图层 B:在页面制作时，将所有的层宽度统一 C:栅格系统英文为“grid systems”，是从平面栅格系统中发展而来，以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。通俗点讲是在网页界面设计中，运用固定的格子设计版面布局，使页面风格工整简洁 D:网页设计中，使用背景是格子样式的背景图案 3. 题干：以下AB两组色彩中，哪组色彩体现了“安宁、平静”的感觉？（A） A:
B: 4. UI设计交付物都包含哪些？( C ) A.UI设计规范 B.产品原型 C.PSD效果图 D.HTML页面 5. 题干：网页设计Web UI中，针对现在主流浏览器的大小设定，最常见的页面宽度为 （A） A:960px、970px、980px、990px、1000px B:1680px、2400px、3200px C:180px、240px、360px、400px D:无相关具体数值要求 6. 题干：网页界面设计中，一般使用的分辨率的显示密度是多少dpi（C） A:300dpi B:200dpi C:72dpi
第七章 图形用户界面设计-实验题目
第七章图形用户界面设计--实验题目 一、实验目的 1. 掌握GUI编程的基本概念。 2. 掌握基于Swing和AWT的图形用户界面的编程原理。 3. 理解容器和组件的概念，初步掌握事件编程的基本技巧。 4. 掌握Swing包中的基本组件和基本事件类。 5. 掌握常用布局管理器的使用。 二、实验内容 1．编写一个能够转换华氏温度和摄氏温度的程序。在“摄氏温度”文本域输入一个值并点击华氏按钮（两个按钮—摄氏按钮、华氏按钮），在华氏文本域显示相应的华氏温度。 反之，在“华氏文温度”文本域输入一个值，点击摄氏按钮，在摄氏文本域中显示相应的摄氏温度。 2．编写程序，使得当按下鼠标时显示鼠标的位置。 3．编写程序，界面上包括一个标签、一个文本框和一个按钮。当单击按钮时，程序把文本框中的内容复制到标签中。 4．编写满足下列要求的程序： （1）创建1个框架并将其内容窗格布局管理器设置为BorderLayout。 （2）创建2个面板并把它们添加到框架。 （3）每个面板包含3个按钮，面板使用BorderLayout布局管理器。 （4）单击按钮时，在控制台显示信息指明按钮被单击。 5．编写一个应用程序，实现如下图所示的图形界面．要求单击关闭按钮能够关闭窗口并结束程序运行。 6．编写一个应用程序，实现如下图所示的图形界面，要求单击按钮将窗口的背景颜色设置为相应的颜色。设置颜色可以调用容器的setBackground(Color c)方法，参数Color 可以使用java awt.Color类的常量，如Color.RED等。 7．编写一个应用程序，其外观是一个框架窗口，窗口中放置一个多行文本框，下方放置3个按钮，3个按钮名分别为“OK”、“Cancel”、“Exit”，鼠标单击前两个按钮，在文本框中显示按钮上文字，单击“Exit”按钮，关闭并退出程序。 8．编写一个应用程序，实现如下图所示的图形界面。要求在文本框中输入有关信息，单
网站界面UI设计课程考试复习题含答案
网站界面（UI）设计复习题 一、多选题 1．设计师在开展具体网站界面设计之前需要了解的信息包括（） A. 建站目标 B. 目标用户特征 C. 商业模式 D. 网站特征和优势 2．在开展设计工作之前，我们力求做到知己知彼，这里的“彼”指（） A. 对所服务的客户的认知，和客户保持良好的沟通 B. 对网站目标用户的深入理解 C. 对竞争对手的了解 D. 对网站目标用户的深入理解 3．关于网站策划书描述准确的有（） A. 对于建设网站的想法、创建流程及相关事宜书写下来，成为建站工作的总领。 B. 网站策划书包含了多个方面的内容，可以对市场、设计、技术、营销等相关人员下达指导工作的指令，帮助建站团队中不同岗位的人相互了解工作的重心。 C. 网站策划书由客户提供。 D. 网站策划书往往包含很多有效的指引设计方向的信息。 4. 对于网站界面设计起着决定性作用（） A. 视觉审美 B. 建站目的 C. 网站定位 D. 客户意见 5．对于用户导向原则在网站界面设计中的具体体现描述准确的是（） A. 明确体现网站的核心功能和服务 B. 符合用户在使用网站时的心智模型和场景中的思维状态 C. 尊重人机交互中用户的生理特征 D. 符合用户的认知习惯 6．下列关于心智模型表述准确的有（） A. 根据用户的心智模型来选择信息的组织方式是优秀网站成功的重要因素。 B. 人们通常基于自身经验和现有知识来理解新事物。 C. 有助于用户理解如何使用网站的设计属于符合心智模型的设计。 D. 重视情景因素对用户行为的影响。 7．保持一致性是提升网站的可用性的重要手段，它体现在（） A. 布局设计 B. 导航设计 C. 交互操作 视觉要素D. 8．图片的挑选原则包括（） A. 使用能够有效传达信息的图片
VB程序设计(2015大作业)
《VB程序设计》大作业 一、大作业的内容 本次大作业要求学生根据所学知识以及个人爱好，设计开发一个VB应用小程序。要能体现出： 1．《VB程序设计》各种语句的综合使用能力； 2．《VB程序设计》各种相关控件的使用能力； 3．根据具体的设计题目，设计清晰、美观界面的能力； 4．一定的综合设计能力。 二、大作业的要求 本次大作业应满足以下要求： 实用性：应用程序要有明确的应用主题，有一定的实用价值。 结构性：应用程序具有良好的程序结构。 可读性：应用程序具有较好的可读性。 全面性：应用程序应包含比较全面的功能。 友好性：合理使用VB提供的各种控件，设计友好、美观的使用界面。 三、大作业的步骤 1．根据个人兴趣、爱好，以及提交时间的要求，自己确定设计题目（可参考附件1）； 2．查找与设计题目相关的资料； 3．进行应用程序总体结构、使用功能的设计； 4．进行应用程序的界面设计和源程序代码的编写； 5．上机编辑、调试程序； 6．保存应用程序, 并生成可执行文件； 7．撰写设计报告。 四、设计报告的基本格式 设计报告的基本内容至少包括封面、正文、总结三部分。 (1）．封面(包括：题目、班级、姓名、指导教师、完成日期等信息) (2)．正文 1、课题的选材过程（设计思路）； 2、设计的将要达到的目标； 3、总体设计结构与功能； （1）总体设计结构介绍（绘制：结构流程图） （2）各功能模块运行界面的功能、算法和操作步骤； 4、设计结果分析；（运行结果展示、正确性分析） (3)．总结（感想、收获、启发、存在的问题） 五、课程大作业提交 （1）形式设计报告+ 源程序文件(含可执行文件) 其中：<1>设计报告的封面统一（附件2）； <2>源程序文件（含*.vbp；*.frm；*.exe）打包压缩成一个文件， 以学号+姓名（例如：12020741姓名）为文件名。 （2）时间2015年6月1日之前； （3）方法纸质报告及压缩文件交各班学委，按顺序排好后由学委统一上交；
软件工程大作业.
软件工程大作业 题目:学生档案管理系统 小组成员:戚盈洁( 王大伟( 王磊( 霍成海( 目录 第一章. 系统调查 (3 1.1系统调查内容 (3 1.2系统调查方法 (3 第二章. 系统分析 (3 2.1 系统分析 (3 2.2 系统调结构图 (4 2.3 子系统功能描述 (4 第三章. 系统设计 (6 3.1 界面设计原则 (6 3.2 数据库设计 (6 3.3 代码设计 (10 第四章. 学生照片管理模块设计 (14
4.1 ImageFunc模块 (14 4.2 设计照片管理窗体 (16 4.3 在学生信息管理窗体中添加照片管理代码 (17 第五章. 系统测试 (18 5.1 系统测试项目 (18 5.2 系统评估 (20 第一章. 系统调查 1.1系统调查内容 学校各院系基本概况:院系名称,专业设置,课程设置,课时安排,学生人数,学生班级数等。 学校资源条件调查,包括计算机配备,网络支持条件等。 各院系专业设置概况:现有开设专业及规划中开设专业设置,专业开设课程,各课程授课教师与成绩处理。 学校各部门(学生处、教务处、档案管理室、各院系对学生基本情况的需求与掌握,对学生基本信息的处理方式与业务流程。 学校各部门、单位、教师、学生对系统的其他要求和希望。 1.2系统调查方法 通过对部分高校学生档案管理人员的访问,了解到目前大部分高校的档案管理工作存在工作效率低,成本高,保密性差,查询困难等问题。大部分工作人员都提出需要一个具有检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本
低等优点的现代化信息管理系统。为解决此问题我们决定开发一个既方便又操作简单,功能较为齐全的学生档案管理系统。 第二章. 系统分析 2.1 系统分析 1 系统开发的总体任务是学生档案管理的系统化和规范化。 2 系统开发的目标是使档案管理工作科学化和规范化,提高安全系数。 3 系统功能树本系统主要功能是实现学生基本情况的管理。 图3.1学生档案管理系统功能模块 2.2 系统调结构图
用户界面设计实例
用户界面设计实例 ● 设计的系统名称：个人日常事务管理系统 ● 针对用户群是：广大电脑用户（有一定的电脑操作基础），officer 和广大学 生。 一、系统需求分析（The system requirement ） 针对officer 和学生们的需求分析，从我自身分析：对于我日常的安排我平 时会用专门的记事本记录和更改，对于日常各种事务可能会冲突或不变携带，现在针对这些需求，设计出符合此人群适合的一款系统来帮助人们更好的安排日程和完成工作。此系统是要面向个人的，同企业系统相比，此软件要力求操作简单，效率要高效，由于针对的人群是officer 和大学生，这些人都是年轻的一代人，对计算机和系统都比较了解，而且倾向于华丽的界面，但是该系统同时要解决高效，较少的操作较快地达到用户的需求。由于工作原因或计算机系统崩溃等用户在本机保存的日程安排等数据可能丢失的情况，同时，有些情况下可能无法连接网络，此系统应支持 1.、本机数据保存。2、可以上传到服务器数据库，用户注册可获得免费的空间，用户注册后，只要登录就能在随时随地获得自己的日程安排等信息。 二、系统功能定义（The function definitions ） 个人日程管理系统主要是提供个人时间日程安排系统软件，它具有相当方便的操作接口，让用户能够对所安排的行程一目了然，除去主要功能还附带了更多功能和小工具，安排的行程可以生成通行路线，并会根据天气预报提醒当天安排是否影响。而且用户可以注册，注册后用户有更多的服务，安排的日程数据可以保存到本地同时可以更新到服务器，这样用户就算到外地也可以随时查看自己的日程安排，同时其他功能有：时钟提醒、通讯录、效率评估等。 实现功能（主界面导航）： 个人日常事 务管理系统
用户界面设计教学大纲
《用户界面设计》课程教学大纲 一、课程编号： 3152100291 二、课程名称：用户界面设计32学时 Design of User Interface 三、课程教学目的 本课程是一门软件专业选修课程。课程目标是使学生了解人机交互的概念、不同时期的用户界面特点、理解用户界面设计的基本原则和方法；根据软件技术发展的趋势，以基于Web的软件应用系统为例，结合当前主流界面实现技术，如QT4、wxWidgets、Adobe Flex 等，让学生熟练掌握软件系统用户界面设计的主要过程和可用性评价方法；最后，展望用户界面技术，让学生简单了解用户界面的新技术理论。 四、课程教学基本要求 1.了解用户界面的基本概念和历史发展 2.掌握用户界面设计方法学的广泛内涵、用户界面设计的基本方法和基本原则 3.掌握交互设计与用户界面设计的关系 4.掌握图像用户界面的特点和主要实现方法 5.基于主流技术，掌握基于Web的软件应用系统的用户界面设计实现过程 6.理解典型的三阶段事件处理机制和MVC的设计模式，能够使用主流技术进行软件 应用系统设计与开发，包括前台界面、中间业务逻辑和后台数据。 7.掌握可用性的概念和基本准则，能够对用户界面进行可用性测试和评估 8.了解用户界面新技术 五、教学内容及学时分配 1．绪论2学时软件应用系统的用户界面 用户界面与系统逻辑结构 用户界面设计与软件设计 2．人机界面概述2学时人机界面的概念、历史和特点 人机界面中的人机交互 交互设计与用户界面设计
3．用户界面设计的方法和原则2学时用户界面设计的内涵 用户界面设计的主要技术和方法 用户界面设计的基本原则 4．GUI界面设计2学时图形用户界面技术简介 Windows应用软件界面 MFC界面设计基础 5．Web界面设计2学时Web技术与基于Web的应用系统 Web界面的基本结构和常见组件 基于Ajax的Web界面设计 6．RIA界面设计2学时RIA简介 ActionScript语法及编程 基于Flex的RIA界面设计 7．MVC设计模式及实现框架技术2学时多层应用架构 MVC设计模式 MVC的典型实现框架 8．用户界面的国际化2学时国际化/本地化的概念 用户界面实现国际化的方法 9．可用性评估2学时可用性评估的概念和准则 可用性测试方法 10．用户界面新技术介绍 2 学时多通道用户界面 CSCW用户界面
网页开发与设计课后习题答案.(DOC)
习题1 1．HTML指的是（ A ）。 A超文本标记语言（Hyper Text Markup Language） B家庭工具标记语言（Home Tool Markup Language） C超链接和文本标记语言（Hyperlinks and Text Markup Language） 2．web标准的制定者是（ B ）。 A 微软B万维网联盟（W3C）C网景公司（Netscape） 3．用HTML标记语言编写一个简单的网页，网页最基本的结构是（ D ）。 A
… … B