

首页  思维导图  详情



界面原型设计笔记

2017-11-17 14:46:22   0  举报





仅支持查看

AI智能生成

作业

软件测试

模版推荐

作者其他创作

大纲/内容

何为界面

界面

Interface，接口

接口种类

硬件接口：VGA、USB、RJ-45等

软件接口：API、ABI

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

界面种类及发展历史

Batch Interface:1945~1968

TUI:Text-based User Interface

CLIS:1969~今,Command-line user Interface

GUI:1968~今,Graphic User Interface

WUI:Web-based User Interface

TUI:Touch User Interface

界面设计方法

三个步骤

交互设计：UCD、persona、activity-oriented design、Scenario-based design、resiliency design

接口设计：use case、Constrain enforcement

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

GUI小部件

部件分类

命令选择

button

radio button

check box

split button

cycle button

menu bar

context menu

pie menu

toolbar

集合数据显示

list box

drop-down list

combo box

tree view

grid view

容器

window

collapsible panel

dilalog box

frame

canvas

palette window

accordion

导航

link

tab

scrollbar

文本输入

text box

combo box

输出

Label

Tooltip

Balloon help

Status bar

Progress bar

Infobar

分类

输入

操作

输出

部件学习参考资料

https://en.wikipedia.org/wiki/Widget(GUI)

https://msdn.microsoft.com/library/windows/desktop/dn742399.aspx

界面原型设计工具

分类

客户端

Axure RP

在线工具

ProcessOn：https://www.processon.com/

墨刀：https://modao.cc/

界面设计准则

清晰

文字

布局

响应

有输入，就有输出

不论结果正确与否

简洁

友好

一致

文字内容

文字的字体、颜色、字号

背景颜色

高效

阅读习惯：自左而右，自上而下

左上角显示最重要的内容

容错

对错误操作有友好的提示

 Collect

Get Started

原型

 Collect

Get Started

界面

 Collect

Get Started

关系抽取界面简洁设计

 Collect

Get Started

APP界面原型设计工具分享





0 条评论

下一页