基本信息

---

下载

文档摘要

---

第六章原型设计

原型设计是什么？为了让用户能够更直观的评估产品设计，避免将错误带到最终的产品中去，从而根据构思设计产品的大概草案版本，称为原型设计。

初级原型用户通过该种原型，对之前的需求结果有一个表面上的呈现，能够更直观的了解产品特征。初级原型也为设计者的思路落到实处提供途径。根据内容的详细程度分为线框原型和低保真原型。

4线框原型图产品线框图原型简单快捷的构建产品框架原型，用于快速实验想法和快速修改迭代，最终成型的线框图原型将用于全员讨论及视觉稿设计的基础。实际工作中，交互设计师大多是在画原型图下面带大家学习一下优秀的线框原型图

5

6原型图绘制方法1－黑白灰＋色块重要元素用80%黑次要元素用40%黑一般元素用60%黑其它区域用白色

7原型图绘制方法2－黑白灰+高保真图形重要元素用80%黑图形／文字均采用高保真形态（去色）其它区域用白色／米色次要元素用60%黑

8原型图绘制方法3－黑白灰＋突出色＋高保真图形重要元素用突出色彩表达次要元素用40%黑全部图形采用高保真模拟黑色衬底突出原型

9

10此图来自网络，鸣谢

高保真原型高保真原型与最终的产品更为接近，同时有利于去表现模块或操作之间的交互关系。

13动态交互原型设计为了更好的将产品的动态展示给Boss或者其它相关团队成员，可以用最简单的方式进行动画演示，让成员可以更快更好的理解产品的使用。

表示包含关系点击弹出按钮

吸引用户注意文字闪烁效果

原型设计工具墨刀

AXURE

Mockplus

原型设计

原型设计

原型设计

原型设计

原型设计