最常用的6种原型文件格式对比
2019独角兽企业重金招聘Python工程师标准>>>
做互联网产品的小伙伴一定不会对“原型”这个词感到陌生。它就像“用户体验”一样经常被各类人挂在嘴边。原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言,原型是一种沟通工具。在这里为大家介绍最常用的6种原型图文件格式以及各自的优缺点。
一、Mockplus的原型图格式(.mp)
Mockplus是一款快速原型设计工具。一拖一拽之间,便可完成原型交互设置,且交互完全可视化,极为简单直观。大量封装的组件及图标资源,也是一大特色。
优点:
- 制作效率很高,适合用“傻瓜式”方式来制作原型的设计师和产品经理,几乎不用学习;
- 最全面、便捷的原型演示支持,包括:直接演示、导出图片演示、导出可以独立运行的演示包(Win/Mac)、在线和离线的HTML演示。在手机端,可以通过手机浏览器演示和手机App直接演示;
- 独特的弹出面板和内容面板组件,可灵活编辑,轻易完成常用交互;
- 团队项目的编辑方式,易懂好用。在线审阅对于协作很有帮助。
缺点:
- 需要Mockplus的软件支持,才能编辑和演示;
- 一些复杂的交互效果,暂时不支持;
- 对PRD(产品需求文档)的支持,还不足。
实用度:★★★★
二、Sketch格式的原型图(.sketch)
Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页、图标以及界面设计的常用方式。
优点:
- 人性化的、创新的设计方式和编辑操作,使用很顺手;
- 支持导出多种(PDF,JPG,TIFF,SVG等)格式的原型设计图,可一键导出自定义的各种尺寸;
- 丰富的三方插件,强化了整体功能。
缺点:
- 需要自己制作每个细节,不适合希望快速表达思想的原型设计者;
- 目前只有Mac版本;
- 需要Sketch的软件支持。当然目前不少其它软件也可以支持导入和导出;
- 不支持PSD,AI格式的文件导出;
- 如果不借助三方插件,无法在手机端直接演示Sketch原型图。
实用度:★★★
三、HTML网页格式的原型图(.html)
HTML格式的原型图,也是特别常见和实用度原型文件格式。目前,主流的原型图设计工具都支持.html格式的原型图导出,这里以Mockplus为例:
优点:
- 可以在任何电脑或手机端,用浏览器打开直接演示HTML原型图;
- 支持在浏览器左侧显示网页的目录;
- 在电脑浏览器中,可以通过手机扫描二维码,立即在手机上演示;
- 支持完整的页面跳转和交互;
- 支持多人在原型页面上添加评论;
- 支持多人在原型页面上添加批注,发表详细的审阅意见。
缺点:
- 不支持HTML网页原型图的再次编辑。
实用度:★★★★
四、图片格式的原型图(.png 或 .jpg)
各大主流的原型图工具均支持,导出为png或jpg图片。一般是导出单张页面。据悉,Mockplus在不久之后的版本中,可以直接导出多个页面(包括页面的注释和连接线)组成的UIFlow图片。
优点:
- 可以在任何设备上查看和编辑;
- 当用于交付时,具有很高的视觉保真度;
- 使用UIFlow,可以直观地展示多个页面,并了解原型项目的流程和逻辑关系。
缺点:
- 无法演示交互;
- 无法持续编辑;
- 由于这两种格式都非矢量,因此如果经过缩放,原型图清晰度容易受到影响。
实用度:★★★
五、PDF格式的原型图(.pdf)
优点:
- pdf格式比较通用;
- 支持矢量缩放。
缺点:
- 需要在电脑或手机中,先安装pdf查看器;
- 无法实现完整的交互演示,利用pdf中的链接插入,仅仅支持一些简单页面交互跳转;
- pdf的页面尺寸和比例,比较难以和手机自动匹配;
- 很难持续编辑。如果需要重新编辑pdf里面的某一页,那么就要提取多页pdf文件中的某一页,待修改好之后,再合并到多页PDF文件里。
实用度:★
六、幻灯片格式的原型图(.ppt 或 .key)
可以利用Windows的Powerpoint,或者Mac的Keynote软件来制作原型。
优点:
- 制作非常简单,任何人都可以直接上手,学习成本为零;
- 由于内置了大量的动效,在某些时候,实现交互动效很容易,效果也不错;
- 适合书写大量的备注,形成说明文档。
缺点:
- 很难完整表达交互;
- 如果做真机演示,页面很难自适应,操作不便;
- 更适合做报告和演讲。
实用度:★
更多设计类干货(教程及经验分享),尽在:博客 | 精选最佳产品设计和UX/UI设计资源
转载于:https://my.oschina.net/u/3519468/blog/1186735
最常用的6种原型文件格式对比相关推荐
- 产品经理常用的几种原型软件
1. GUI Design Studio 说明:适合传统windows客户端原型设计,动态仿真,界面元素丰富 2. Axure RP 说明:适合web原型设计,动态仿真效果好,或者非传统windows ...
- ETL常用的三种工具介绍及对比 Datastage,Informatica 和 Kettle
大家好,我是梦想家 Alex ~ ETL是数据仓库中的非常重要的一环,是承前启后的必要的一步.ETL负责将分布的.异构数据源中的数据如关系数据.平面数据文件等抽取到临时中间层后进行清洗.转换.集成,最 ...
- ETL常用的三种工具介绍及对比Datastage,Informatica
ETL是数据仓库中的非常重要的一环,是承前启后的必要的一步.ETL负责将分布的.异构数据源中的数据如关系数据.平面数据文件等抽取到临时中间层后进行清洗.转换.集成,最后加载到数据仓库或数据集市中,成为 ...
- sql优化常用的几种方法_Hive常用性能优化方法实践全面总结
Apache Hive作为处理大数据量的大数据领域数据建设核心工具,数据量往往不是影响Hive执行效率的核心因素,数据倾斜.job数分配的不合理.磁盘或网络I/O过高.MapReduce配置的不合理等 ...
- 常用的几种设计模式详解
设计模式的概述 设计模式分类 创建型模式 特点是将对象的创建与使用分离(解耦),有 单例.原型.工厂方法.抽象工厂.建造者等5种. 结构型模式 用于描述如何将类或对象按某种布局组成更大的结构,代理.适 ...
- java常用的几种线程池
1. 为什么使用线程池 诸如 Web 服务器.数据库服务器.文件服务器或邮件服务器之类的许多服务器应用程序都面向处理来自某些远程来源的大量短小的任务.请求以某种方式到达服务器,这种方式可能是通过网络协 ...
- 【REACT NATIVE 系列教程之十三】利用LISTVIEW与TEXTINPUT制作聊天/对话框获取组件实例常用的两种方式...
本站文章均为 李华明Himi 原创,转载务必在明显处注明: 转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/react-native/2346.html ...
- 最常用的两种C++序列化方案的使用心得(protobuf和boost serialization)
From: http://www.cnblogs.com/lanxuezaipiao/p/3703988.html 导读 1. 什么是序列化? 2. 为什么要序列化?好处在哪里? 3. C++对象序列 ...
- pytorch梯度下降函数_Pytorch中常用的四种优化器SGD、Momentum、RMSProp、Adam
来源:AINLPer微信公众号 编辑: ShuYini 校稿: ShuYini 时间: 2019-8-16 引言 很多人在使用pytorch的时候都会遇到优化器选择的问题,今天就给大家介绍对比 ...
最新文章
- 同学报了计算机专业,大学各专业另类“炫富”,医学专业毫不意外,计算机专业没人羡慕...
- AIDL中callback的实现
- 客户端svn出现authorization failed异常
- 每日一皮:一个难以复现的 bug ...
- innerHTML与innerText
- C#关键字详解第二节
- 【转载保存】接口压力测试安装与使用
- ASP.NET MVC 视图(四)
- oracle菜鸟学习之 复杂的更新语句使用
- SAP License:SAP Query操作手册
- 辽宁2009对口计算机试题文档之家,中职对口升学计算机网络检测试题一
- Vijos P1816 统计数字【序列处理】
- 阿里云服务器如何更换系统镜像
- Js实现滚动抽奖(作弊版)
- 使用@Conditional条件注解
- java ir_基本功 | Java即时编译器原理解析及实践
- ISO27001认证适用领域及认证流程
- Sliverlight中xap文件详解
- 烽火通信FSU数据采集设备通过中国铁塔测试
- web渗透--4--web渗透测试清单