html查看器打开空白_html查看器可以删除吗

浅谈原型图工具选择

【摘要】

原型图作为设计稿的前身，决定着整个项目的雏形和大方向。趁手的原型图绘制工具，可以让我们事半功倍，面对市面上琳琅满目的原型图工具，应该如何选择呢？这篇文章将与大家聊一聊两款常见的原型图工具。

【作者】白金

原型图工具分类

原型图工具按照其呈现形式，可以大致分为客户端版本及网页端版本。这两种呈现形式也间接说明其本质属性有所不同：即离线可使用版本和在线使用版本。其中，作为离线客户端原型工具的AxureRP，在原型图领域有着悠久的历史，因为其功能强大，且可以离线使用的特点，在相当长一段时间内是很多从业人员的必备首选工具。而随着技术的发张，订阅制软件逐渐替代了买断制软件后，市面上也出现了一些原型图领域的后起之秀：例如国内颇有人气的墨刀产品设计协作平台，其易用上手和无需客户端下载的特点也逐渐受到许多用户的支持与厚爱。总结上述，我们可以简要罗列一下两种不同形式工具软件的优缺点：

【离线可使用版本——以AxureRP为例】

优点：

①支持离线使用，不受网络约束。

②功能强大，可拓展性强。

③学习版许可比较容易找到。

缺点：

①需要下载客户端，免费用户仅能适用30天，之后需购买授权许可。

②产品上手难度相对较大，需要一些系统的学习。

③国内暂时没有靠谱的客户支持，遇到问题只能自行百度。

【在线使用版本——以墨刀为例】

优点：

①无需下载客户端，浏览器输入网址登录即可使用。

②界面友好组件丰富，上手门槛低，可选择模版种类多。

③有客服一对一帮助与支持

缺点：

①免费用户仅可在项目中创建10张页面，更多服务需要购买订阅许可。

②依托互联网，对网络环境有一定要求，断网后不可使用。

原型图工具素材支持

【Axure RP】

作为一款老牌的原型图绘制工具，Axure在发展中积累了许多元件库。虽然有一些第三方网站对元件库进行了整合，但大部分都需要单独付费购买。在这里例举出几个可以免费下载元件库的网站：

1.Axureux

提供免费、付费元件库下载，免费方案中也提供移动端及PC端的元件库下载，某些模版还支持动态演示。下载站点分为两个模块：【系列作品】和【交互实例】。【系列作品】中都是一套套完整的主题相关的组件库，方便用户挑选使用。【交互实例】中则是已经做好交互效果的某一通用组件。此外，用户还可以再网站上在线预览效果。需要注意的是，该网站的元件库都是基于Axure RP8进行整理，使用高版本导入时若出现失败的情况，则需要先用高版本打开rplib文件后保存一次，再重新尝试导入。

以上提到的两大模块免费下载无需登录，点击后系统自动跳转至百度网盘。

访问地址：https://www.axureux.com/home/freeworks.html

2.XMSUMI

提供免费的元件库下载，其中这些元件库涵盖了市面上大部分设计规范，包括：

·有赞Vant weapp Axure

·Material Design Ax

·Arco Design官方组件库

·Axhub Charts组件库

·Apple Design Refs

·Element_Components

这些元件库部分使用Axure RP 9版本，部分支持在线预览，元件库内涵盖了导航栏、图标、控件、弹窗、表单等众多常用组件，灵活使用这些组件可以用很快的时间还原出不俗的界面效果。本站唯一的缺点就是下载元件库需要注册账号。

访问地址：http://www.xmsumi.com/

3.Ant Design Library

由蚂蚁集团打磨出的用于服务企业级产品的设计语言——Ant Design，主要面向B端桌面级管理系统，而这款元件库同时包含了Web版本和Mobile版本，方便Axure用户直接下载使用。

这款元件库有以下特点：

·界面所有元素以 8pt 为基数的栅格设置间距，提供常用的对齐栅格8px/16px/24px/32px/48px。

·高频复用模块提取。每个模块内部也合理分组，编辑时方便删减或替换元素。

·所有元素都基于页面模板尺寸设置合理大小，以及字体和行高，使用时无需费心调整规格。

官方号称使用该元件库可以让你的交互稿精美得像是视觉稿一样，而官方也同时提供了基于最新3.0 Ant设计规范和2.X设计规范的版本，方便按需选择下载使用。如果你正在制作面向B端的后台管理系统交互稿，那不放试试它。

访问地址：https://library.ant.design/

【墨刀】

作为订阅制的一款原型工具软件，墨刀在可用素材的丰富程度上，个人感觉是要比Axure RP强大的。如果说Axure RP提供的元件库是乐高的单块积木，那么墨刀素材广场就是一个个用积木搭建好的成品模板。由于墨刀本身是一家中国本地的企业，因此其在素材本地化方面的适配性也比Axure RP要强大得多。无论是官网模板，CRM管理系统后台原型模板，医疗行业原型模板，物联网平台，电商领域，还是其他用户上传的优秀作品，你都可以在素材广场找到合适自己的部分。

优点：提供直接可用，多角度分类的模板，画风更加接地气，一键就可以运用到自己的原型图工程中，并加以修改调整。

缺点：部分模板仅面向VIP用户开放，使用期间需保持全程联网。

访问地址：https://modao.cc/community?page=1

导出预览的方便程度对比

【Axure RP】

由Axure制作的原型文件使用的是特定的源文件格式，若预览端电脑没有安装Axure RP是无法打开查看的。那么如何向其他人方便的演示原型图交互呢？Axure提供了以下几种方式：

导出为HTML格式文件

将原型文件生成为可供预览的HTML格式文件。这将允许软件将所有绘制好的原型图以HTML格式文件包的形式打包下载至本地，想要预览时仅需点击文件包中的index.html文件，即可在浏览器中直接预览原型图了。该过程不需要网络连接要求，且得益于HTML文件可以相互跳转的特性，在预览原型图中，所有的跳转交互动作都能够得到很好的保留。

注：发布时可有多种自定义可选项，包括发布的页面，批注信息，交互信息，侧载字体等。

导出为图片格式文件

将原型文件生成为可供直接预览的图片格式文件，仅需图片查看器即可预览。导出时支持部分页面导出和所有页面导出，并且支持PNG，JPG，GIF，BMP四种不同的图片格式。该过程不需要网络连接要求，但由于导出的页面为相对零散的图片，因此并不会保留页面之间的交互和跳转动作。这种方式仅适合需要临时查看原型图样式时使用。

发布到Axure云平台

将原型文件发布到Axure在线云平台供他人预览，这项服务是Axure为付费用户提供的增值服务。你可以使用发布指令将本地的原型项目发布至云端，仅需简单设定需要发布的页面和共享链接的密码，即可生成一串独有的链接。他人使用浏览器打开此链接即可在线预览原型成果。链接生成后，本地有修改调整时，需要重新执行发布操作。同时，发布者还可以选择是否开启评论功能，以决定预览者是否可以进行批注。该过程需要网络连接要求，但对预览者来说极其友好，推荐在具备网络环境的条件下使用此方式分享预览。

【墨刀】

基于浏览器操作的墨刀在线原型制作平台，为用户提供了四种不同的离线查看方式和一种在线查看方式，可以根据实际使用情况进行选择。

导出为PNG图片格式文件

将原型文件生成为可供直接预览的图片格式文件，仅需图片查看器即可预览。导出时支持部分页面导出和所有页面导出，但仅支持PNG格式。导出时可以选择不同的图片倍数（墨刀默认为1倍图环境进行绘制），同时也支持导出界面外的元素，添加的批注信息，以及页面尺寸对应的设备外壳。导出过程需要全程联网，导出的图片之间会丢失跳转和交互，仅适合临时查看原型图样式时使用。值得注意的是，免费版用户仅允许导出带有墨刀水印的PNG格式文件，且由于免费版账户对当个项目的页面数量有限制，同一个账户在同一个项目下最多仅可以创建20张页面，一共仅支持创建三个项目，这也导致了导出的页面仅最多支持20张。

导出为PDF格式文件

将原型生成为PDF格式文件，此方式仅支持单个页面导出为PDF，其他可选项与PNG导出时保持一致。导出过程需要全程联网，此方式我们一般很少使用，而PDF格式大多适用于较为正式的场合。如果需要对原型图文档以PDF格式进行备份，则需要逐一导出后再集中打包使用，请根据需要自主选择。同样，如果是免费账户，PDF格式文件导出时依旧会包含墨刀水印，而去掉水印也是付费账户才能够解锁的功能。

导出为HTML离线演示包/安卓APK预览包

将原型生成为HTML离线演示包，用法与Axure RP导出HTML格式文件相似，可用于离线环境下演示项目，查看标注。并且还会储存项目的页面信息，是一种比较方便使用的预览模式。而导出为安卓APK预览包，可以让你的交互原型在安卓设备上实时预览，模拟真实产品在安卓手机上的运行效果。可惜这两项功能都作为了付费用户的专属功能，如果你是免费用户，此功能则不予开放。

墨刀平台的源文件限制

基于在线平台操作的墨刀，在源文件转移上有着诸多的限制。以传统的Axure RP来说，由于是基于本地操作，那么一定会在本地生成一份交互源文件。这个文件可以被自由收发，可操作性极强。然而墨刀由于其账号订阅制付费模式的限制，想要加账号内的一个项目完全移动到另一个账号时，则需要一些繁琐的步骤。根据帮助中心的文档描述，帐号间项目转移基于协作功能，因此要把帐号A的项目转移到帐号B上，需要保证两个账号位于一个企业空间中。也就是说，用户必须要使用墨刀推出的企业免费版、团队版及企业版任一版本（2人或2人以上席位），才能够实现不同账号间的项目转移。

根据帮助中心提供的信息，只要项目原所有者将项目转移至企业空间，另一方将该项目再转移至个人空间即可。然而由于免费账户仅存在20张页面的限制，转移的项目一旦超过了20张页面，是否会在转移过程中出现页面缺失，限制编辑的情况，也都是一些潜在风险。若客户需要交互源文件留底备份，让其去开通一个付费账号也不太现实。因此，在源文件收发易用性方面，显然是Axure RP更胜一筹。

结语

至此，本篇文章的内容将告一段落。我通过工具属性，素材支持，导出便捷程度，特殊限制四个方面，解读了两种不同属性的原型图工具的优劣。当然，工具无好坏，只有是否适合自己，希望这篇文章中提到的点可以给大家一些参考。

欢迎技术团队的知乎账号我们凭团队实例运作以下专栏， 必须干货！

互联网创业专栏 (我们小伙伴的创业历程)

与您一起聊技术 (APP、、小程序、H5 技术总结)

互联网产品研发管理 (我们公司对产品结构的管理思路)

产品君的案例库（产品小伙伴深刻总结）