界面原型设计内容摘要

一、界面（Interface,接口）

（1）接口种类：1、硬件接口：VGA,   USB,   RJ-45等

                               2、软件接口：API,   ABI

                               3、人机接口：键盘、鼠标、显示器、音箱等

（2）界面种类及发展历史：1、Batch  Interface:  1945~1968

                                                   2、TUI:  Text-based  User   Interface

                                                   3、CLIs: 1969~今，Command-line User  Interface

                                                   4、GUI:1968~今,Graphic  User Interface

                                                   5、WUI:  Web-based  User Interface

                                                   6、TUI:Touch   User   Interface

二、界面设计方法

（1）两个方法：界面原型法、仿真法

（2）三个步骤：1、交互设计：UCD,persona,   activity-orionted  design,   sconario-based design,   resillioncy  design

                              2、接口设计：use  case ,   Constrain enforcement

                              3、原型设计：基于交互设计，使用控件库；原型（prototype、样机、蓝本）

三、GUI小部件

       （部件分类）

1、命令选择 ：button,  radio button ,  check box,  split  button,cycle  button,  menu(menu bar,   context  menu,  pie menu) ,  tool bar

2、集合数据显示: list  box,  drop-down list,   combo,   tree view,  grid  view

3、容器：window, collapsible pand, dilalog box,  frame,  canvas, palette window,   accordion

4、导航：link, tab,  scrollbar

5、文本输入：text box,  combo  box

6、输出：Label,  Tooltip, Balloon help,  Status bar,  Progress  bar ,  Infobar

7、分类：输入、操作、输入

四、界面原型设计工具

分类：1、客户端：Axure  RP

            2、在线工具：①ProcessOn        https://www.processon.com

                                      ②墨刀    https://modao.cc/

五、界面设计准则

①清晰：文字、布局

②响应：有输入就有输出、不论结果正确与否

③简洁

④友好

⑤一致：文字的内容；文字的字体、颜色、字号；背景颜色

⑥高效：阅读习惯，自左而右，自上而下；左上角显示最重要的内容

⑦容错：对错误操作有有好的提示