什么是网站原型？

网站原型通过添加交互和动画并让用户了解最终产品的外观和感觉，将其提升到一个全新的水平。但在我们深入了解如何为网站创建原型之前，让我们花点时间了解一下有关 UX 设计术语。

线框、模型和原型之间有什么区别？

网站线框是静态的黑白图像，显示元素在页面上的排列方式。模型在保持静态的同时引入了排版、颜色、字体、徽标等。

原型用例

你需要一个网站的雏形，如果你想将您的想法可视化，以更好地了解细节；与商业伙伴、同行和朋友分享您的网站设计理念；招聘设计师和软件开发团队时，请提供清楚的参考资料；执行用户测试并获得可操作的反馈。

如何制作网站原型？

1. 研究

网站设计原型设计从收集信息开始。查看您所在行业的其他网站（甚至在该行业之外，但在其他方面与您的业务相似或相关）。将此研究用作灵感来源以及“不该做什么”的警告标志，以创建最适合您业务的网站原型。

2. 草图

现在开始将您的想法变为现实。为此，您不需要任何特殊的艺术技能或工具，只需在一张纸上写下您未来网站页面的主要元素。

以下是绘制草图时要记住的主要事项：

1.勾勒出你脑海中的所有想法，即使是那些看起来很荒谬的想法，一旦你在纸上看到它，也可能会激发出一个好想法。

2.让它成为一个快速的练习，你想得越多，你就越有可能被细节所吸引。

3.注释，关于功能的未来页面交互，您想到的很多和所有内容。很有可能，如果你不马上把它写下来，你会在稍后阶段忘记它。

4.使用占位符副本，当您创建网站原型时，只需对所有页面和最大部分使用清晰的标签，对其他所有部分使用 Lorem Ipsum。

5.专注于更大的图景，菜单应该放在哪里？产品页面模板会是什么样子？在创建原型时不要深入细节。

 3. 定义范围

想一想您希望原型展示什么，并列出您需要的所有页面。

也许您只想专注于购买途径？那么您很可能需要以下页面：主页、搜索结果和/或类别页面、产品页面、购物车页面、结帐页面和购买确认页面。如果您想为整个网站构建原型，请继续并列出它将展示的所有页面。

制作原型软件

墨刀

墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅 ，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。

蓝湖

蓝湖是北京尽微至广信息技术有限公司旗下的产品设计协作平台，国内第一款为互联网团队打造的产品设计协作平台，致力于帮助团队降低沟通成本、提高工作效率、优化工作流程。

摹客

摹客（Mockplus）是成都摹客科技有限公司旗下设计协作品牌，专注于一站式的产品设计和协作平台，为产品开发团队提供全流程协作、高保真设计和设计规范管理支持。摹客可以自产出高保真设计，支持多款主流设计工具（Sketch/PS/XD/Axure等）的设计稿交付，团队成员在产品、设计到开发的各个工作环节，利用多种设计工具，都能使用摹客平台协同工作。

摹客助力企业数字化和在线化，可为企业提供私有部署和定制化服务，以“快和简单”的产品特性，帮助企业提升设计效能、降低成本。