前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >交互工具哪个好用?来看看静电的具体分析~

交互工具哪个好用?来看看静电的具体分析~

作者头像
用户5009027
发布2019-05-31 16:56:02
1.2K0
发布2019-05-31 16:56:02
举报
文章被收录于专栏:静Design静Design

最近一段时间。很多小伙伴问静电这样一个问题,交互工具要用什么好呢?emmm,这个问题还真的不好回答。因为交互这个词,本身就是一个面儿及其广的词。因此,咱们得分清楚情况,搞清楚自己的需求,这样才能做好交互设计。

接下来,咱们分几种情况来说:

纯粹的低保真线框图

对于这种情况来说,比较常规的工具有,Axure,线上的有墨刀,都可以满足大家的需求,因为低保真原型图考虑的重点不是“有多好看”,而是做低保真原型图的便捷和直观性,而拥有更多控件的墨刀, Axure是这个阶段最合适的选择,另外,这些工具都可以做连连看,可以把原型图串联起来,用起来很方便,也便于工作流程后期与设计和开发交流和协作。另外说一下墨刀,墨刀也有类似于flinto一样的交互效果的制作功能,但是受限于网页端,过场效果无法达到应用内置效果那么流畅。但是对于要求不高的演示来说,墨刀也是一个不错的选择。

因此,这一阶段,Axure和墨刀胜出。

应用某一部分的动效展示

其实,这部分的需求并不是具体意义上的“交互”了,比如做某个页面转场的动画效果,或者一个loading页面的加载效果。这个时候,Adobe Effect或者Principle则是你最佳的选择。

请注意,这两个工具都擅长于某一个具体动画的展示,而不是把应用串联起来,形成一套完整的页面。

制作某一个应用的高保真展示

也就是说,你可以在手机上从打开这个应用开始,然后点击某一处操作,滑动轮播图,甚至搜索,输入文字,或者播放视频等等操作。目前可以选择的有Protopie,Flinto。

Protopie上手难度稍高,界面直观程度不够强,但是优势在于加入了函数和一部分的代码表现能力,因此可以制作不少不用编码的工具无法完成的效果。

Flinto则是静电比较推荐的工具,简单直观,它的优点就是兼顾连连看效果与一些特效的设计。可以说是一个比较全面的工具,如果你希望用来完成一个比较完整的应用演示设计,并且可以用手指交互,那么Flinto可以说是一个很不错的选择。Flinto可以轻松完成轮播图,滚动效果,高保真的过场动画,同时内置的行为编辑器更是让这款应用几乎可以模拟百分之80%以上的操作效果。

下图是静电制作的完整的youtube应用演示。从开头的iOS操作界面到打开应用,均为Flinto制作。

更高要求的展示效果

其实,如果你的要求越高,那么对代码的要求就会越高,也就是说,终极的模式就是写代码咯~这才是正道啊。比如Figma,Framer,Origami以及终极工具Xcode,这已经不是普通的UI设计师可以玩的了。 当然 如果你有觉悟成为全栈UI设计师,这些工具掌握后,你就超神了。

https://prototypr.io/prototyping/网站给出了这些工具的各种维度的对比,大家可以综合参考一下。

那么,对于想完整呈现自己设计应用高保真效果的需求来说,Flinto目前来说是一个很好的选择。现在,静电的Flinto设计教室登录腾讯课堂,用29集的丰富案例,深入为你解析这款工具的使用。对于想制作高保真演示效果的小伙伴,不要错过腾讯课堂的视频课程哦。

复制下面的地址

https://ke.qq.com/course/402996?tuin=5a7162

或者点击“阅读原文

马上来跟静电一起学习这款好用的原型设计工具吧!

往期精彩回顾

写给刚入门的你:UI设计师的9大灵感来源

2019即将过半,UI设计师在激烈的从业环境如何提升

简单=极简?UI界面设计中的极简原则了解一下

视觉误差对UI设计的影响和解决方案

平面设计师如何快速转行UI设计行业?

阿里巴巴发布新款免费商用字体,快点用起来!

QQ新版界面大改动,无分隔线设计会成为未来主流?

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-05-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 静Design 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档