工具推荐

工具推荐概览

原型类工具大致可以分为三类：

第一类：简单快速

代表：Chainco、InVision、Flinto Lite

难度：低

特点：可以把UI设计师做好的图片直接导入当做界面，适合做交互演示，操作简单

Chainco

第二类：灵活轻快

代表：Mockplus、Proto.io 6、UXPin、Flinto for Mac

难度：中

特点：工具高度可视化， 是进行交互设计的好帮手，操作轻便快捷。 以Mockplus为例，有直接提供高度封装组件，可随时导出演示包、HTML的离线包，不受网络的限制

Mockplus

第三类：功能全面

代表：Axure RP、Justinmind、Framer JS、墨刀

难度：高

特点：这一类工具功能相对全面，但有一定学习成本，尤其是Framer JS，功能强大到需要有一定编程基础。其中，Axure应该是大家更为熟悉的一个， 网路上各种直(po)装(jie)版本。而个人目前在用的是墨刀，支持多人在线协作的原型设计工具，相当于是一款Axure+Sketch+在线的工具，页面更加精美，功能更加突出，目前需要付费的。

Axure RP

墨刀

每个人对工具的理解不同，对各类知识的掌握程度也不一样，还是希望大家能够根据自身的具体情况，团队协助的情况，挑选出一款最适合，最高效的工具来完成原型设计工作！如果你选择Axure RP，平时务必需要积累自己的组件库，当然在各大axure相关的网站上有很多成熟的组件可供免费下载，相关的教程也是非常丰富。如果你选择墨刀，官网就已经提供了很多行业模板，非常值得参考，官网还提供了详细的教程可供新手学习。

原型关联网站推荐：

1. Axure原创教程(Axure原创教程网专业 • 认真 • 原创 • 分享) 小楼教你用Axure画原型图

2. Axure下载(Prototypes, Specifications, and Diagrams in One Tool) 最强大的原型图设计软件

3. 墨刀教程(墨刀 - Tutorials) 墨刀官方教程

4. 墨刀(墨刀 - 强大易用的原型设计与协同工具) 国产原型设计工具

5. Sketch中文教程(Sketch中文用户手册) Sketch官方中文教程

6. Sketch(The digital design toolkit) 简单、高效的UI设计软件

7. Mockplus教程(摹客，让设计更快更简单) Mockplus官方教程

8. Mockplus(摹客（Mockplus），让设计更快更简单) 优秀的快速原型设计工具和平台提供者

设计关联网站推荐：

1. 苹果设计规范(设计 - Apple Developer) IOS应用的设计规范

2. 谷歌设计规范(Introduction) 适用于网页设计跟APP设计

3. 蚂蚁设计规范(A UI Design Language) 阿里巴巴蚂蚁金服的设计规范

4. 饿了么设计规范（element）一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

5. 优设网(优秀设计联盟) 设计师交流学习平台

6. UI中国(UI中国-专业用户体验设计平台) 人气最高的图形界面交互设计平台

7. 安卓设计规范(developer.android) 安卓官方设计指南

8. 微软设计指南(Microsoft Design) 微软官方设计指南

9. 屏幕尺寸对照表(material.io) 谷歌出品的各种设备屏幕对照表