网站设计原型图如何制作？

设计网站原型图是网站开发前必须要做的一件事，有了原型图才能对未来的网站有一个大致的了解，避免后期网站设计出来不是自己想要的样子。

网站原型图设计规范

视觉层：清晰

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

设计要点：颜色

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

交互层：遵从

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

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

网站原型图设计流程

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

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

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

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

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

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

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

 

原型设计，推荐使用码前-一站式免费在线设计工具，轻松完成编码前所有设计工作。