网站原型设计工具有哪些？

原型设计是整个产品项目中一个至关重要的一步，也是整体流程下来的“领头”角色，一个完整的，还原度高，信息架构清晰的原型设计，能给到后续的UI设计，开发来说是极为重要的。也是能让用户更容易理解产品方案，并提出针对性的建议问题。

因此，一个完整的，逻辑清晰的原型是有效进行项目方案验证的“地基”。

同时还有一个痛点就是原型设计工具都要下载软件吗？下载工具保存的都只能在本地，换电脑很是头疼，有没有在线就可设计的原型设计工具呢？答案是有的，好用的那是有很多；

那么，在线网站原型设计的工具有哪一些呢？目前市面上不断的涌现出各种各样的在线网站原型设计工具，可谓是真的无从下手，哪一款好用都不知道怎么选择。那么在这里，我就大致的来介绍一下部分普及率高的，好用的几个在线网站原型设计工具。

1. 摹客原型设计

Mockplus 是优秀的在线原型设计工具之一。

做原型，更快更简单，是它的主要产品特点。

免费方式：永久免费

简单简洁的整体界面，上手快，设计原型也是十分方便。

但是整体的工具应有尽有，

• 交互效果的预设组件
• 海量图标
• 钢笔工具、铅笔工具、布尔运算、响应式布局等特色功能
• 多人同时在线编辑

1. Figma

说道Figma想必圈内的都知道，最早一批的原型（UI）设计的国外在线原型设计网站。目前 Figma 官方没有简体中文，Figma 中文版是由 Figma.Cool 第三方制作的。

• 价格：免费用户可创建 3 个项目
• 功能：线框图、原型、UI 设计、用户测试和协作
• 可在 macOS、Windows、iOS、Android 和浏览器上使用

不过整体感觉来说在线的是英文版，在国内可能需要下载汉化版的安装软件了，虽然功能都应有尽有，也受很多人的热衷使用，不过安装下载起来会有些人觉得比较麻烦。看个人使用情况而定。

1. Axure

Axure RP是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。

Axure在控件功能就比Sketch强大，但灵活性一般。可以做成动态组件，例如有焦点状态的输入框、悬停按下状态的按钮等。

使用组件时能够切换状态，但是被封装成控件后，里面的文字图片等内容就不能轻易修改。

控件的尺寸随着内容自动变化，但使用时不可以拉伸。

除去以上3款在线原型设计工具，还有很多工具都存在，不过在这里我个人还是比较推荐摹客的原型在线设计软件，使用上手轻松简单。不过具体到底哪一款产品是最适合自己的，还是要自己去摸索摸索，毕竟适合自己的才是最好的。

总结：原型设计整个项目以及用户体验的核心开头，贯穿 UI 视觉设计和开发；不过原型设计工具都只是工具而已，选择合适自己上手操作工具就好，相对来说更重要还是在做原型设计时的一套完整的流畅思路。