做互联网产品的小伙伴一定不会对“原型”这个词感到陌生。原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言，原型是一种沟通工具。在这里为大家介绍最常用的6种原型图文件格式以及各自的优缺点。一拖一拽之间，便可完成原型交互设置，且交互完全可视化，极为简单直观。据悉，Mockplus在不久之后的版本中，可以直接导出多个页面组成的UIFlow图片。
做互联网产品的小伙伴一定不会对“原型”这个词感到陌生。它就像“用户体验”一样经常被各类人挂在嘴边。原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言，原型是一种沟通工具。在这里为大家介绍最常用的6种原型图文件格式以及各自的优缺点。
一、Mockplus的原型图格式（.mp）
Mockplus是一款快速原型设计工具。一拖一拽之间，便可完成原型交互设置，且交互完全可视化，极为简单直观。大量封装的组件及图标资源，也是一大特色。
优点：
缺点：
实用度：★★★★
二、Sketch格式的原型图（.sketch）
Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页、图标以及界面设计的常用方式。
优点：
缺点：
实用度：★★★
三、HTML网页格式的原型图（.html）
HTML格式的原型图，也是特别常见和实用度原型文件格式。目前，主流的原型图设计工具都支持.html格式的原型图导出，这里以Mockplus为例：
优点：
缺点：
实用度：★★★★
四、图片格式的原型图（.png 或 .jpg）
各大主流的原型图工具均支持，导出为png或jpg图片。一般是导出单张页面。据悉，Mockplus在不久之后的版本中，可以直接导出多个页面（包括页面的注释和连接线）组成的UIFlow图片。
优点：
缺点：
实用度：★★★
五、PDF格式的原型图(.pdf)
优点：
缺点：
实用度：★
六、幻灯片格式的原型图(.ppt 或 .key)
可以利用Windows的Powerpoint，或者Mac的Keynote软件来制作原型。
优点：
缺点：
实用度：★
