文档介绍：会计学
1
原型输出(shūchū)规范
第一页，共20页。
目录(mùlù)
1 原型的基本定义及要点
2 常见的原型种类
3 原型工具及其特点
4 高保真原型设计规范
2
第1页/共20页
第二页，共20页。
原型是对一个(yī ɡè)产品的可视化呈现，主要传达一个(yī ɡè)产品的信息架构、内容、功能和交互方式。
1原型的定义
2原型的种类
3原型的工具
4高保真原型
3
第2页/共20页
第三页，共20页。
4
1原型的定义
2原型的种类
3原型的工具
4高保真原型
保真度
低
保
真
原
型
高
保
真
原
型
介质种类
纸面原型
电子原型
原型的工具
Axure
Visio
Fireworks
……
第3页/共20页
第四页，共20页。
5
1原型的定义
2原型的种类
3原型的工具
4高保真原型
2: 低保真原型(yuánxíng)
低保真原型能够准确的传达(chuándá)界面的布局和交互方式，但是美观、效果欠佳。用于快速Demo以及项目内部人员沟通使用。
第4页/共20页
第五页，共20页。
6
1原型的定义
2原型的种类
3原型的工具
4高保真原型
3: 高保真原型(yuánxíng)
高保真原型通常指高保真灰度线框图或产品演示Demo。界面布局和交互效果与实际产品完全等效，体验上也与真实产品接近。而为了达到完整的效果，很大程度上就要求交互设计师有较好的视觉审美的能力，对界面比较敏感，有控件和组件(zǔ jiàn)的概念，注重界面的规范性和一致性。
第5页/共20页
第六页，共20页。
7
1原型的定义
2原型的种类
3原型的工具
4高保真原型
Axure（推荐使用）
快速上手
丰富的控件
丰富的脚本模式
自定义控件库
擅长Web界面
Visio
适用性广
控件库强大
便捷的模板套用
支持绝大多数格式
擅长桌面程序界面
Mockflow
在线软件
基于web的存储
适合虚拟团队
丰富的控件库
丰富的控件模式
Fireworks、Illustrator、PS、Pencil、UIDesigner、GUI Design Studio、ＷPF、Silverlight、Expression Design、Prototype Composer、Lucid Spec、Irise Professional Edition、AdobeReader......
第6页/共20页
第七页，共20页。
8
1原型的定义
2原型的种类
3原型的工具
4高保真原型
高保真原型制作(zhìzuò)步骤
建立控件库
建立组件库
绘制流程图
设计关键页
设计辅助页
故事版
原型注释
第7页/共20页
第八页，共20页。
9
1原型的定义
2原型的种类
3原型的工具
4高保真原型
高保真原型(yuánxíng)设计规范
灰度线框图：颜色会干扰视觉设计，效果会影响大家对易用性的判断。
清晰地展示流程：好的操作流程是易用性的最基本标准。
关键功能要有故事版：更好的、更快的理解产品。
要有注释：图只能展示界面(jièmiàn)元素，图文并茂才能准确全部传达设计思想。
有一致性：一致性会降低用户对界面(jièmiàn)的学****和识别成本。
有规范性：好的软件或者网站绝对是规范的。
把看原型的人想象成对产品一无所知(yī wú suǒ zhī)的人，怎么图文并茂的展示产品的逻辑和功能；怎么让她通过原型来理解这个产品，使用这个产品。
第8页/共20页
第九页，共20页。
10
1原型的定义
2原型的种类
3原型的工具
4高保真原型
STEP 1: 建立(jiànlì)控件库
示例
控件是指界面中所有的最小元件(yuánjiàn)。比如：按钮、文本框、下拉框、单选按钮、复选框、图片占位符等等。
第9页/共20页
第十页，共20页。