第7章用户界面设计工具_设计工具的目的是-CSDN博客

本文链接：https://blog.csdn.net/qq_38085704/article/details/120406850

（一）学习内容

一、用户界面设计概述

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）色彩与内容；