原型输出规范 ppt课件.ppt

文档介绍：原型输出规范
产品部
1
目录
1 原型的基本定义及要点
2 常见的原型种类
3 原型工具及其特点
4 高保真原型设计规范
2
精品资料
你怎么称呼老师？
如果老师最后没有总结一节课的重点的难点，你是否会认为老师的教学方法需要改进？
你所经历的课堂，是讲座式还是讨论式？
教师的教鞭
“不怕太阳晒，也不怕那风雨狂，只怕先生骂我笨，没有学问无颜见爹娘 ……”
“太阳当空照，花儿对我笑，小鸟说早早早……”
原型是对一个产品的可视化呈现，主要传达一个产品的信息架构、内容、功能和交互方式。
1原型的定义
2原型的种类
3原型的工具
4高保真原型
5
1原型的定义
2原型的种类
3原型的工具
4高保真原型
保真度
低
保
真
原
型
高
保
真
原
型
介质种类
纸面原型
电子原型
原型的工具
Axure
Visio
Fireworks
……
6
1原型的定义
2原型的种类
3原型的工具
4高保真原型
2: 低保真原型
低保真原型能够准确的传达界面的布局和交互方式，但是美观、效果欠佳。用于快速Demo以及项目内部人员沟通使用。
7
1原型的定义
2原型的种类
3原型的工具
4高保真原型
3: 高保真原型
高保真原型通常指高保真灰度线框图或产品演示Demo。界面布局和交互效果与实际产品完全等效，体验上也与真实产品接近。而为了达到完整的效果，很大程度上就要求交互设计师有较好的视觉审美的能力，对界面比较敏感，有控件和组件的概念，注重界面的规范性和一致性。
8
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......
9
1原型的定义
2原型的种类
3原型的工具
4高保真原型
高保真原型制作步骤
建立控件库
建立组件库
绘制流程图
设计关键页
设计辅助页
故事版
原型注释
10