一、原型图的定义

网站原型图设计是【需求可视化】的一个过程，是让网站的初步构思有一个可视化的展示。

原型设计是为了让用户更直观的评估产品设计，避免将错误带到最终的产品中去。

归纳可分为三种：分别为原型草图（需求版）、低保真原型（标注版）、高保真原型（交互版）。

二、原型图的作用

1. 探索与实验

2. 理解与验证

3. 交付与对接

三、规范

视觉层：清晰

在整个系统中，文字清晰可读，图标表意明确，装饰精巧，减少用户学习成本，避免过度设计

设计要点：颜色

保证色彩在任何情况下都可以辨识。如果文字是白色，那就要保证文字在背景上清晰可见，设计要点就是背景的明度要稍微暗一点。

交互层：遵从

让用户知道从哪来，到哪去。让用户始终知道自己当前所处位置。遵守现在的使用习惯。

功能上做加法，设计上做减法。

四、设计流程

• 明确原型目的：原型的目的是确定方向，找到方案，还是验证问题？

• 了解用户或听众：绘制的原型面向用户和团队内部沟通对象是谁？

• 选择原型类型：采用低保真、中保真，还是高保真原型？

• 制作原型：采用什么工具、软件或者直接编码制作产品原型？

• 呈现/验证：原型的展示和交付，验证原型的目的

• 反馈和改进：根据用户或听众反馈，持续的优化和改进原型

不管是低保真还是高保真，最核心的都是需求和逻辑，需求正确、逻辑正确都能为后续工作提供有力支持。通过对原型不断的验证和反馈，满足用户需求。