怎样选择一款好的APP原型设计工具-设计师的十大难题之一

现在的移动开发越来越趋于小规模团队协作,似乎只要懂得一些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,毕竟一开始就学习难的工具也是得不偿失。​​​​

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,033评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,725评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,473评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,846评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,848评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,691评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,053评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,700评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,856评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,676评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,787评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,430评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,034评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,990评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,218评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,174评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,526评论 2 343

推荐阅读更多精彩内容