如今,基于云端的软件渐渐成为主流,而网站原型设计工具当然也不例外。在线原型工具相比于桌面版有得天独厚的优势,它不需要安装、不限制地点、不限制操作系统,无论你使用的Linux,Solaris, Mac 还是Windows,你都可以使用这些工具。下面是一些比较热门的原型设计工具和它们的优缺点。

  (1)、Axure

        优点:这是一款发展较早的原型设计软件,名声较大。它拥有无限画布,适合做低保到中保真度的原型。功能很强大。

         缺点:由于功能十分强大,会使得学习起来有点难度,对于初学者不是特别友好。这是一个本地型软件,可以下载html文档预览,但在手机上预览不是很方便。

  (2)、墨刀

          优点:是一款国产的原型设计协作工具,比起Axure更容易上手一些。内置组件很多,创建页面跳转也比Axure简单很多。这是一款在线工具,可以云端保存工作,这点十分便捷。通过分享链接就可以分享原型给别人看。支持sketch文稿导入和自动标注。性价比很高。

  (3)、Invision

           优点:这是一款目前在国外发展最大的在线原型设计工具,主打“交互原型”和“协作”,支持sketch和ps设计稿导入做交互。近来出的Invision studio对标sketch,想满足更惊喜的设计需要。

            缺点:对于国内用户来说会有服务器速度的问题,而且价格不菲。

  (4)、Marvel

             优点:这也是海外知名度较高的一款原型设计协作工具,支持PS和sketch设计稿导入做交互原型,本身也支持中度保真程度的设计。也有自动标注功能。图片库对接unsplash,这样来自unsplash的很多精美的免费图片可以直接用。

              缺点:价格不菲。

  (5)、Proto.io

               优点:也是国外的一款手机原型开发平台。支持在大多数的浏览器运行,共享和协作操作方便,可以直接在真实的移动设备上对原型进行测试。拥有较为丰富的UI组件,支持自定义。另外它有不错的用户测试功能,支持视频录制。并且在移动组件时,能够实现在画布看到组件之间的距离。

                缺点:由于服务器问题,国内用户速度较慢,收费较高。

  (6)、UXPin

                优点:这是一款在线可点击原型设计工具。该软件拥有大量用户界面元素(包括web、IOS、Android等),可以共享预览,注解和实时的协同编辑。该软件还提供了版本控制和迭代功能。

                 缺点:服务器速度慢和价格偏高。

  重点介绍:

   Balsamiq mockup:

       主要是做界面原型设计,是一款免费的带有手绘涂鸦风格的原型设计软件,这也是他独特的地方——可以手绘,当然也有丰富的各种控件元素,可以帮助你设计桌面应用软件,Web 2.0站点,RIA富网络应用程序,Web站点和Web应用软件。

      操作方面,拖拽,控件分组,甚至元素之间的对齐都做的十分贴心;预制了很多界面元素,从简单的输入框,下拉框,浏览器主要元素,到经常用到的导航条,日历,表格,到复杂的地图,WYSWYG的格式工具栏等。

       下面是它的一些特性介绍:

  • 易操作:从 Balsamiq Mockups 自带的元素里可以很方便地拖拽,效果图轻易形成;元素对齐很贴心;
  • 可偷懒:根据 Balsamiq Mockups 提供的 Wiki 风格的代码规则,画图时可以「偷懒」,输入文本符号则能生成图标。因此相比其它繁琐的软件操作,Balsamiq Mockups 也能更快地完成画图任务。
  • 控件足:Balsamiq Mockups 软件包括 50 多个控件, 70 多个图标。基本自带了所有常用的小控件,并在导航处进行分类;图标设计赏心悦目。要是 Balsamiq Mockups 允许用户导入自定义的控件就更好了,当然现有的也足够了 -:)
  • 新风格:让人眼前一亮的涂鸦风格,很能还原手绘效果;
  • 可中文:在菜单栏 View 里将 Use System Fonts 勾上,就能完美支持中文输入(注:非 Balsamiq Mockups 中文版);
  • 其它点:Balsamiq Mockups 使用 xml 记录,方便移植、二次利用;可导出为 png 格式图片。

另外还有跨平台与多版本两个优点:

  • 跨平台:Balsamiq Mockups 基于 Air ,因此能同时在 Windows、Mac OS 及 Linux 下使用;
  • 多版本:包括桌面版本,以及集成于 Confluence、JIRA、XWiki、FogBugz 中的版本;

      案例:

      

      原型设计工具各有各自的优缺点,找到适合自己设计的原型设计工具很重要!

版权声明:本文为Iskia-原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/Iskia-/p/14759581.html