基于最近使用了一段时间的flinto,确实是方便够用的交互工具,有些操作是无需看文档,直接尝试就能够学会的操作,其它的小tips还是要从官方的帮助文档中获得。
阅读官方帮助文档及后的一些要点记录如下:(传图好糟心.....英文原文都是用截图的,这里只写中文笔记了)
1.做iPhone或者iPad的原型时,需要留40px的位置(非retina屏的话20px)给flinto自带的status bar,最好是用transparent的
并保持你的图片小于5个mega pixels,移动端的浏览器,对于大图片的处理非常有问题,所以flinto会自动改变大图片的尺寸,这个可能会有模糊的问题。
2.设计图export之前,去掉status bar
3.支持动态的GIF文件播放
4.支持关联你的dropbox,dropbox中的文件内容更新了,flinto中的模型就会实时同步更新
5.如果没有给flinto自带的status bar预留高度,可以在flinto中工具栏中调整高度
6.可以同时选中多个slicers,来控制多个屏幕中的固定头部、底部点的所在位置
7.一个页面有多个入口时,在返回按钮上做back link,这样可以走历史记录,来返回各个页面
8.没太看懂,大概的意思是说可以在做一些相似的页面状态时,使用这个链接
9.在一个页面上做好几个链接时,可以将他们一起拖动到其它页面上,这样他们就成为了一组,删除一个时,其它页面上也会发生同样的操作,改变大小、链接也都是同步的
(这有一张配图,是界面为底部tab bar的应用界面,做好一个页面的底部tab跳转关系之后,可以直接复制到其它界面上,是非常好的使用例子)
10.通过timer来做一些简单的页面变化小动画,flinto官方给的例子里面是做了一个发短信的中间态小动画,这样看起来实际上是再一个页面操作的,但是确实是换了三张图,让这个效果看起来比较自然
(这有一张配图,是通过timer做了一个短信发送的小动画)
11.能够看到有多少人访问了你的链接
帮助文档链接