Axure教程 axure元件使用思路的补充(7)

Nairo
3 评论 130194 浏览 160 收藏 5 分钟

我们曾经对axure线框图基本元件进行过说明,现结合这我对这些元件的使用习惯,对部分元件的使用,再做一些补充。

1、 图片:可以编辑悬停、按下时候显示不同的图片,做图片的一些特殊效果。

2、 文本(lable):这个元件到处都能用得到,这个元件是可以通过事件触发改变元件文字的,可以通过全局变量,实现如登陆前后不同的文字提示效果。对我来说这个元件还有一个用处就是除错,因为axure没有调试器,所以当因为变量值出现问题导致交互效果无法出现的时候,我通常会在调用变量时顺便加上一个动作,拖进去一个文本,让文本文字等于变量值,这样就能一目了然的看到是不是因为变量值不正确出的错。

3、 矩形:这个也是最常用的axure元件之一,常见的使用方式我就不说了,我对矩形的使用,我通常是把矩形拖进编辑区然后根据需要调整好大小,再转换成动态面板,这样做比拖入动态面板-调整大小-双击状态-拖入矩形-调整大小,要省很多的事。可能很多人都这么用,但是我觉得还是有必要讲出来,让新手少走些弯路。

4、 占位符:除了懒得找广告图片,用它来表示广告位之外基本很少用,不过我倒是经常把它缩小做关闭按钮使用。

5、 圆角矩形:不知道为什么axure单独有个这个,我已经把它在我做的小楼axure元件库1.0中淘汰了,因为我把矩形改成了默认能够直接编辑圆角的。

6、 动态面板:教程里各种各样的用法太多,就不说了。不过有一个我没有讲过,就是函数里的DragTime,这个函数能获取拖动面板的时长,精确到毫秒,这个功能在移动端原型里应该有很大作用,因为我很少接触,所以没有怎么用。不过我用这个函数的特点,做了一个随机骰子,实现了猜大小的游戏,有兴趣的话去小楼元件里下载参考一下。

7、 图片热区:基本上不用,用的时候基本功能也可以用透明矩形来代替。之前没有提到是的,图片热区能够作为锚记,通过对其他元件设定滚动事件返回到锚记,比如一些网站页面较长,一般在右侧下部有一个点一下就回到页面开始部位的功能,这个博客就有这个功能。

8、 文本框(单行):真心希望axure能加上文本框验证的设置,这样就省很多事。感觉对密码框的支持还不够,不能通过事件触发的让输入的字符变成隐式的。

9、 复选框:这个难度大一些的用法,就是像全选、反选、勾选计数,这些效果,基本上是苦力活。

10、 内部框架:web端使用最多的是后台设计或者选项卡的实现(会有刷新,不如动态面板的好),但是在移动端,这个axure元件的作用就很大了,把它在主页拖动到手机外壳图片上并设置好大小覆盖整个屏幕,再双击指定一个页面作为框架内的主页,就能像设计网站一样,方便的实现手机屏幕上的多种效果。

本文作者:@小楼;转载自:Axure原创教程网

新手入门基础教程目录

Axure教程 axure新手入门基础(1)

Axure教程 axure新手入门基础(2

Axure教程 axure新手入门基础(3)

Axure教程 axure新手入门基础(4)

Axure教程 axure新手入门基础(5)

Axure教程 关于Axure rp触发事件中IF和ELSE IF的使用说明(6)

Axure教程 axure元件使用思路的补充(7)

Axure教程 动态面板的用途(8)

Axure教程 带遮罩层的弹出框(9)

Axure教程 动态面板滑动效果(10)

更多Axure学习技巧:Axure专栏

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 🙄

    来自广东 回复
  2. 我说,文章作者的名字能不能放到文章牵头?总是最后关头来一个……

    来自新疆 回复
专题
14122人已学习13篇文章
产品体验报告,是体验者在深入了解某个产品的商业模式、使用场景、产品功能等方面后,所作出的先有深度再到广度的图文分析报告。本专题的文章分享了不同产品的体验报告。
专题
11453人已学习12篇文章
保险是一种保障机制,能够在遭遇意外时起到缓冲保底作用的财务工具。本专题的文章分享了互联网保险产品设计指南。
专题
14084人已学习13篇文章
用户体验是用户在使用产品过程中建立起来的一种纯主观感受。本专题的文章分享了如何撰写用户体验报告。
专题
12751人已学习12篇文章
现如今,越来越多的企业开始重视私域,很多的企业都对私域的发展进行了布局。本专题的文章分享了如何搭建私域模型。
专题
11870人已学习12篇文章
金融产品的流程与常见策略规则类型是从事相关行业人员需要了解的重要内容。本专题的文章分享了消费金融APP流程详解。
专题
13625人已学习12篇文章
一款产品,若想做到极致满足用户的需求,产品功能会变得越发臃肿。但在产品设计中,也可以做做减法,去除一些不必要或不重要的功能和元素。本专题的文章分享了如何给产品做减法。