（一）学习内容

一、用户界面设计概述

1. 接口设计的描述

软件构件与构件之间的接口设计；
软件内部与协作系统之间的接口设计；
软件与使用者之间的通信方式；

2. 用户界面设计的内容

结构设计：界面设计的骨架；
交互设计：
（1）目的：让用户能简单使用产品；
（2）原则：有清楚的错误提示、让用户控制界面、允许兼用鼠标和键盘、允许工作中断、使用用户的语言、提供快速反馈、方便退出、导航功能、让用户知道自动当前的位置，使其做出下一步行动的决定；
视觉设计：
（1）目的：让用户愉悦的使用；
（2）原则：界面清晰明了、减少短期记忆负担、依赖认知而非记忆、提供视觉线索、提供默认撤销恢复的功能、提供界面的快捷方式、尽量使用真实世界的比喻、完善视觉的清晰度、界面的协调一致、同样功能用同样的图形、色彩与内容；

3. 用户界面设计问题

1. 系统响应时间
2. 用户帮助
3. 出错信息
4. 命令交互

4. 用户界面设计的原则

1. 易用性原则
2. 规范性原则
3. 帮助设施原则
4. 合理性原则
5. 美观与协调性原则
6. 菜单位置原则
7. 独特性原则
8. 快捷方式的组合原则
9. 排错性考虑原则

5. 用户界面设计过程

分析与建模
设计
实现
评估

二、平面设计软件介绍

1. 平面设计软件的分类

第一类图像处理：PS；
第二类图形绘制：CorelDram 、FreeHand、Illustrator；
第三类排版软件：PageMaker、Indesign

2. 几种常用的平面设计软件

Photoshop：应用于图形处理、广告设计；
Illustrator：专业矢量绘图工具，是出版、多媒体和在线图像的工业标准矢量插画软件；
CorelDraw：应用于商标设计、标志制作、模型绘制、插图描画、排版及分色输出；
PageMaker：产生专业、高品质的出版刊物；

三、网页设计工具的选用

1. 入门软件

Microsoft FrontPage2000；
Netscape编辑器；
Adobe Pagemill 3.0；
Claris Home Page3.0；

2. 提高级软件

Dream Weaver：自制动态HTML动画的网页；
HotDog Professional 5：制作要加入多种复杂技术的网页；
HomeSite4.5：制作可完全控制页面进程的网页；
HotMetal Pro4.0：制作具有强大数据嵌入能力的网页；
Fireworks：彻底的Web设计软件；
Flash：动态的、可互动的Shockwave；

（二）练习

一、名称解释

1. 结构设计

答：也称概念设计，是界面设计的骨架，通过对用户研究和任务分析，制定出产品的整体架构；

二、简答

1. 交互设计有哪些原则？

答：
（1）有清楚的错误提示；
（2）让用户控制界面；
（3）允许兼用鼠标和键盘；
（4）允许工作中断；
（5）使用用户的语言，而非技术的语言；
（6）提供快速反馈；
（7）方便退出；
（8）导航功能；
（9）让用户知道自己当前的位置，使其做出下一步行动的决定；

2. 视觉设计要遵循哪些原则？

答：
（1）界面清晰明了；
（2）减少短期记忆的负担；
（3）依赖认知而非记忆；
（4）提供视觉线索；
（5）提供默认、撤销、恢复的功能；
（6）提供界面的快捷方式；
（7）尽量使用真实世界的比喻；
（8）完善视觉的清晰度，条理清晰，图片、文字的布局和隐喻不要让用户去猜；
（9）界面的协调一致；
（10）同样功能用同样的图形；
（11）色彩与内容；

3. 界面设计包括哪些内容？

答：系统响应时间、用户帮助、出错处理、命令交互；

4. 用户界面设计应遵循哪些原则？

答：
（1）易用性原则；
（2）规范性原则；
（3）帮助设施原则；
（4）合理性原则；
（5）美观与协调性原则；
（6）菜单位置原则；
（7）独特性原则；
（8）快捷方式的组合原则；
（9）排错性考虑原则；

第7章用户界面设计工具相关推荐

8.4 matlab用户界面设计工具
1.图形用户界面设计工具 (1)打开GUIDE 法1:在MATLAB命令行窗口输入guide命令. 法2:在MATLAB主窗口中选择"主页"选项卡,单击工具栏的"新建&q ...
android app 界面元素资源,免费的用户界面设计工具、工具包和资源
来源:免费的用户界面设计工具,工具包和资源发贴会员:图图网-sunqilong 都是一些UI界面与设计使用的元素,软件,网站等.内容很丰富,适合网页设计师,用户体验设计师,界面设计师,产品设计 ...
principle怎么导出html,Principle 6.9 for Mac 交互动画原型用户界面设计工具
Principle for Mac 是一款轻松创建动画和交互式用户界面设计工具,可以在很短时间内制作出一个具有完整交互动画的原型,并且可将交互动画生成视频或者 Gif 分享到 Dribbble.Twi ...
[MATLAB]用户界面设计工具(Callback函数实现)
本实验源于中南大学的<科学计算与MATLAB语言>,博文主要讲述图形用户界面设计工具,以及定义回调函数. 图形用户界面设计模板在命令行输入: guide 里面用四个选项 Blank GU ...
计算机软件设计工具,计算机基础第12章图形设计工具软件Visio 2016.pptx
计算机基础(第4版);计算机基础;12.1 图形文档操作;12.1.1 创建图形文档1．创建空白的图形文档 Visio 2016为15大热门的领域提供了直观和易于访问的预设模板.成百上千的智能形状.一 ...
第三章用户界面设计
3.1.2 在代码中控制ui界面 package com.example.administrator.a11;import android.content.DialogInterface; impor ...
用户界面草图设计工具-工具包和资源
UI界面与设计使用的元素,软件,网站等.内容很丰富,适合网页设计师,用户体验设计师,界面设计师,产品设计师,JS前段开发,手机产品设计,ipad产品设计等使用 Lumzy Lumzy是一个网站应用和原 ...
matlab设计菜单教程,MATLAB程序设计教程(11)——MATLAB图形用户界面设计
MATLAB程序设计教程(11)--MATLAB图形用户界面设计第11章 MATLAB图形用户界面设计 11.1 菜单设计 11.2 对话框设计 11.3 图形用户界面设计工具 11.1菜单 ...
MATLAB图形用户界面设计
一.基本概念图形用户界面(Graphical user interfaces,GUI)是由窗口.光标.按键.菜单.文字说明等组件构成的一种人与计算机通信的界面显示格式.在该系统中,允许用户使用鼠标等 ...

第7章用户界面设计工具