|
在axure新手教程小楼axure 图文教程(十)新手入门基础(2)中我们曾经对axure线框图基本元件进行过说明,在axure6.5教程即将结束,axure 7.0教程即将开始之际,我结合这我对这些元件的使用习惯,对部分元件的使用,再做一些补充。
1、 图片:可以编辑悬停、按下时候显示不同的图片,做图片的一些特殊效果。
2、 文本(lable):这个元件到处都能用得到,这个元件是可以通过事件触发改变元件文字的,可以通过全局变量,实现如登陆前后不同的文字提示效果。对我来说这个元件还有一个用处就是除错,因为axure没有调试器,所以当因为变量值出现问题导致交互效果无法出现的时候,我通常会在调用变量时顺便加上一个动作,拖进去一个文本,让文本文字等于变量值,这样就能一目了然的看到是不是因为变量值不正确出的错。
3、 矩形:这个也是最常用的axure元件之一,常见的使用方式我就不说了,我对矩形的使用,我通常是把矩形拖进编辑区然后根据需要调整好大小,再转换成动态面板,这样做比拖入动态面板-调整大小-双击状态-拖入矩形-调整大小,要省很多的事。可能很多人都这么用,但是我觉得还是有必要讲出来,让新手少走些弯路。
4、 占位符:除了懒得找广告图片,用它来表示广告位之外基本很少用,不过我倒是经常把它缩小做关闭按钮使用。
5、 圆角矩形:不知道为什么axure单独有个这个,我已经把它在我做的小楼axure元件库1.0中淘汰了,因为我把矩形改成了默认能够直接编辑圆角的。
6、 动态面板:教程里各种各样的用法太多,就不说了。不过有一个我没有讲过,就是函数里的DragTime,这个函数能获取拖动面板的时长,精确到毫秒,这个功能在移动端原型里应该有很大作用,因为我很少接触,所以没有怎么用。不过我用这个函数的特点,做了一个随机骰子,实现了猜大小的游戏,有兴趣的话去小楼元件里下载参考一下。
7、 图片热区:基本上不用,用的时候基本功能也可以用透明矩形来代替。
8、 文本框(单行):真心希望axure能加上文本框验证的设置,这样就省很多事。感觉对密码框的支持还不够,不能通过事件触发的让输入的字符变成隐式的。
9、 复选框:这个难度大一些的用法,就是像全选、反选、勾选计数,这些效果,基本上是苦力活。
10、 内部框架:web端使用最多的是后台设计或者选项卡的实现(会有刷新,不如动态面板的好),但是在移动端,这个axure元件的作用就很大了,把它在主页拖动到手机外壳图片上并设置好大小覆盖整个屏幕,再双击指定一个页面作为框架内的主页,就能像设计网站一样,方便的实现手机屏幕上的多种效果。
就补充这么多,这段日子以来,每天下了班,吃完饭就开始写axure教程、做元件,每天都弄到11点多,真的是很累了。不过,看到博客被越来越多的人发现、阅读,心里很高兴。本来,做这个博客是想记录自己作为产品经理的经历,没想到一不留神写上教程了,不过也好,这样帮助了很多新人,也做了还算实用的元件库,为很多人节省了重复制作的时间,也是非常值得了。有很多人不理解我干嘛做这么复杂的元件或原型,今天先不说了,改天跟你们算账!
本文出自 诉客 ▪ 产品经理的心声,转载时请注明出处及相应链接。
本文永久链接: http://www.soger.net/231.html |
|