现在的移动开发越来越趋于小规模团队协作,似乎只要懂得一些APP开发的人就自称了解了用户体验和用户界面的重要性,一个好的APP原型设计理念很容易被糟糕的界面和体验毁于一旦,如今市面那么多的原型工具帮助我们解决问题,我们又何乐而不为呢?但如何选择原型工具却成为设计师们最头疼的事情,一方面是由于不懂哪些工具适合自己,另一方面又没有多余的时间去挨个使用。别担心,今天就为大家解决这一大“难题”。

首先,要考虑到那些人将会使用你的原型,然后针对不同的用途选择最好的原型工具。


1. 个人或小型的设计团队:
主要要求的是设计理念和设计思路,追求的是高效率,此时手绘和白板是最好的工具,或者Balsamiq Mockups也是适用于这个阶段的好工具。

2. 公司高层,客户,投资人等:原型不要求一定要精美华丽,但至少要美观,在交互逻辑和元素布局上尽可能追求与真实产品接近。主要流程可以走通即可,需要可以在移动端做演示,使用像Mockplus等可以作出逼真的交互效果并且方便在移动端演示的工具。

3. 开发团队&视觉设计师:要求设计流程完备,最好有操作流程图。Fluid UI 这种可以完善设计出各交互元素,并输出流程图的工具是不错的选择。


其次,要了解好的移动端原型设计工具应该具备的以下几个特性(摘自知乎):


1. 组件库专门对移动端定制过
2. 方便输出到移动端查看效果
3. 支持移动端的手势操作
4. 支持移动端视图切换的转场动画
5. 可以快速生成全局流程图

还有一些其他加分的特点:

6. 低保真最好,不要带太多iOS高光渐变效果
7. 组件库丰富,有社区可以看其他设计师的作品
8. 自带网格系统
9. 在线协作&版本管理
10. 能做一些异常检查,比如某个按钮没设链接,某个list没有空置状态等。


最后,给大家介绍几款适用于移动APP的原型设计工具;


Fluid UI

Fluid UI是一款用于移动开发的原型设计工具,它能够帮助设计师快速高效地完成产品原型图的设计。

优点:Fluid UI 内置超过1700款的线框图和手机UI控件,并且还会经常进行更新,适合跨平台开发者。符合上面1,2,3,4,5,6,7,8。而且是html5版,全平台支持!

缺点:不够直观,免费版只能创建一个1个项目和10个页面

价格:付费版25美元/月,可以创建10个项目和无数个页面以及使用所有组件库。


Mockplus:


Mockplus是一款快速简单的原型设计工具,主要适用于新手产品经理和设计师。

优点:封装3000个图标和200个组件,操作简单快速,学习成本低。在最近发布的版本中支持团队协作功能,审阅和评论非常方便,听说在即将到来的3.2版本中,支持将Sketch的设计文档导出为Mockplus的mp项目文件。导出后,你可以在Mockplus中打开它。说了很久的页面流程图也终于要面世了。Mockplus的页面流程图可以做到:

– 即时生成;

– 你可以选择展示全部或任意多个页面的流程图;

– 智能生成流程链接线,同时也可以手动调整;

– 展示页面的批注信息;

– 一次导出页面流程图。


缺点:不支持手势操作,函数和动态面板。官网教程较少,例子模板没有具体的操作步骤。

价格:基础版永久免费,付费版118元/年,终身版:699元,无需另外付费更新版本。

Balsamiq Mockups


这个软件相信很多人都知道了,它是一款低保真的线框图工具,主要用于原型设计的初始阶段。

优点:内置了大量的模块,在需要的时候在搜索框里找,然后拖到画布里面进行排序组合,画图很快速,功能强大(比如在tab选择框里可以选择哪个tab是active,哪些是default的)。很快就能画出想要的app原型。如果你还觉得BM内置的模块点少?Mockups To Go 可以满足你需要的大部分需求!

缺点:Balsamiq Mockups里面画的只是草稿,没有配色,没有设计风格。它只是每个页面的布局,不能进行交互展示。

价格:个人版89美元,可以根据项目数量来购买。


Justinmind


Justmind是一款为移动而生的原型设计工具,虽然它没有像Axure那么火,但是对移动APP的原型设计支持似乎比axure更好。

优点:高保真,支持手势操作。Justinmind的新小部件库包括所有的苹果IOS图标,还添加了Android Nougat UI工具包。并且在版本7.6.0中与Microsoft Team Foundation Server集成,添加一些新的现成屏幕,如苹果音乐播放列表,库和播放器屏幕,和苹果通知屏幕。

缺点:学习成本高,定义为高保真,需要设计人员懂的美工,又要懂的产品。Justinmind导出的html文件限制很强,需要特定的浏览器,还需要安装插件。动态面板无状态交互。

价格:29美元/月,终身版:495美元,Justinmind终身版仅支持一年的大小版本更新。 如果你想在第一年后继续使用新版,则需每年花费额外的$ 99保持更新。


总结


总之,做原型还是要看设计人员自己的想法和理念,而原型工具是你在设计路上的“最佳拍档”,工具终究是工具,看你如何结合自己的设计思路来实现工具的最大价值。以上几款APP原型设计工具是个人比较喜欢的,如果你是新手上路,那么我还是推荐Mockplus,毕竟一开始就学习难的工具也是得不偿失。

设计师的十大难题之一 ——如何选择一款好的APP原型设计工具相关推荐

  1. 十大python开发软件-介绍6款实用的python编程开发工具

    现如今Python已经成为时下流行的编程语言,几乎每个接触编程的人,都会选择Python编程语言来学习,那么关于Python IDE又有什么好的选择呢?今天让我们一起来看看小编为您推荐的6款Pytho ...

  2. 面试十大难题的样板回答

    面试十大难题的样板回答   广州日报报道,在面试前先了解.练习对几个很难的问题进行回答会帮助你对其他问题的回答做准备.有的问题问得比较多,有的较少但却是回答其它问题的基础. 1.为什么不谈谈你自己? ...

  3. SAP系统实际应用中的十大难题

    SAP系统实际应用中的十大难题 难题1:采购料维修 如果有物料坏了,需要退回给供应商处维修,此时一般不做退货.因为,第一,供应商不一定会乐意:第二,往来单据也无谓地增多:第三,最重要的,它实际上不是一 ...

  4. 量化交易面临的十大难题,你遇到几个?

    关于量化交易,描写对冲基金行业的<富可敌国>一书中对世界上最成功的量化对冲基金公司--西蒙斯领导的文艺复兴科技公司有一段有趣的描述: "文艺复兴科技公司宴请了500投资者.一名科 ...

  5. 十大经典排序算法-选择排序算法详解

    十大经典排序算法 十大经典排序算法-冒泡排序算法详解 十大经典排序算法-选择排序算法详解 十大经典排序算法-插入排序算法详解 十大经典排序算法-希尔排序算法详解 十大经典排序算法-快速排序算法详解 十 ...

  6. ui原型设计工具_UI设计师的工具包,用于专业模型,原型和产品插图

    ui原型设计工具 This is a followup to my previous article 这是我上一篇文章的后续 visual tools for UX Designers视觉工具 Too ...

  7. 6种原型设计工具大比对! Axure,Invision, 墨刀……哪款适合你?

    每一年的毕业季都是找工作高峰时期,产品经理.UI设计师这些岗位都会接触到原型设计工具.适合自己的才是最好的! 下文将对目前超火的原型工具进行大对比,快来看看哪一款于你而言才是最好的~ Axure 老牌 ...

  8. 如何选择一款最好的硬盘对拷工具

    如何选择一款最好的硬盘对拷工具 之前我一个朋友进行硬盘对拷,新硬盘替代旧硬盘.对拷算是完成了,但是在这对拷的过程中也是给我抱怨了各种烦躁情绪.比如英文界面的工具操作起来难懂.担心一个设置错误,就得卷土 ...

  9. 如何选择一款靠谱的企业网盘工具来存放企业重要文件

    信息时代的到来,企业文件的安全存储越来越被企业管理者看重.常见的企业文件存储是借用第三方工具,如企业网盘,这种方法性价比高,而且也比较安全,被各大企业所喜爱. 市面上的企业网盘类工具不胜枚举,该如何选 ...

最新文章

  1. 主席树 + 后缀数组求LCP + 二分套二分 ---- P4094 [HEOI2016/TJOI2016]字符串
  2. ACCP学习旅程之-----硬件配置
  3. ubuntu下tftp的安装、配置、使用
  4. 从来不敷面膜的人_女人睡觉前,敷面膜洗还是不洗?很多人都做错了,难怪皮肤总不好...
  5. oracle data guard三种,Oracle Dataguard三种保护模式概述
  6. 小米便签开源项目本地环境搭建与分析
  7. MySQL数据库基本操作
  8. java excel多选_POI生成可多选下拉框excel
  9. Landsat 数据其中 Collection 1/2 、Level 1/2、Tier 1/2的区别
  10. rar压缩包解密在线,忘记rar压缩包密码怎么找回?
  11. javaweb 温习
  12. PS小知识(三)——画圆滑线及虚线
  13. matplotlib散点图自定义坐标轴(文字坐标轴)
  14. Linux文件管理器默认不显示隐藏文件
  15. 计算机网络(3)--应用层协议--HTTP与HTTPS
  16. Map之containsKey()
  17. oracle存储过程入门教程
  18. mac重新登陆前部分账户服务将不可用
  19. a5 1c语言实现,A5算法的C语言实现
  20. 电子白板与一体机的区别

热门文章

  1. KafkaStreams
  2. ARFoundation入门到精通 - 1.2 ARCore 支持机型
  3. 网御星云防火墙CPU使用率100%的解决方案
  4. java ee包含哪些技术_JavaEE基本了解
  5. 动力环境监控app是什么
  6. 关于Linux的root用户和普通用户以及环境变量
  7. 使用 Scikit-Learn 的人工数据集
  8. GUI(图形用户界面)之布局管理器
  9. matlab toolbox代码,GPS Toolbox matlab
  10. 如何验证手机三要素(手机号、姓名、身份证)