① AXURE RP 8怎么设置下拉菜单 AXURE下拉菜单的制作方法
axure中想要制作下拉菜单,该怎么制作呢?下面我们就来看看详细的教程。
先看效果
1、先把自定义的 下拉菜单 样式设计好, 注意组件结构
2、批量编辑子选项按钮的悬停,点击和选中的样式
1)批量选中所有按钮
2)点击右侧面板的 交互样式 中的 鼠标悬停
3)编辑自定义按钮样式
用同样的方法,设置下拉框的 交互样式
3、把选项和背景一起设为动态面板,并命名“ 下拉选项-01 ”,命名最好在后面带几个数字,因为这样在后面使用到该组件的时候方便搜索使用
4、设置点击下拉框时的 选中状态 ,并根据选中的状态来决 定下来菜单是否显示和箭头的上下状态 。
1)单击下拉框,切换其选中状态。
2)设置 选中时的样式和状态: 显示下拉选项面板+箭头向下(这里建议用绝对值),同样的方法,设置下拉菜单的 取消选中时的状态样式 。
5、设置点击选项时的效果
1)下拉选项面板收起,其实就是让下拉框处于 取消选择状态
2)把选中的下来选项回显在下拉框上。这里使用axure函数变量 [[This.text]] 来设置
6、设置好后,就可以复用了。 右键交互事件Case 1复制(Ctrl+c),然 后反击下面两个选项,一个一个粘贴(Ctrl+v).
7、到这里基本就差不多了,最后,把下拉选项动态面板隐藏。
8、再把这个组件设为动态面板,然后勾选“ 自动调整为内容尺寸 ”,这样的好处时隐藏掉的部分,不再占用空间,更有利于原型的排版。但是有一点,这样做的话,显示隐藏时的推拉组件功能会对动态面板外的组件失效。
以上就是AXURE下拉菜单的制作方法,希望大家喜欢,请继续关注我们。
Axure怎么制作页面滚动时菜单固定在顶部的页面?
② axure有哪些鲜为人知的使用技
1,把当前的xx转化为图片。这个功能可以解决你原型中文字的字体或者大小或者换行等在浏览器中预览的一系列问题。
2,你也可以用axure代替viso来做流程图。个人觉得更顺手。
3,用axure生成一个多触发的小游戏或者课件。然后发布成网页压缩包。发给别人玩或者浏览。
4,图片热区功能可以很好的解决使用者鼠标经过时光标变化体验的同时,范围性的点击也会让小按钮更好点。特别是当你做触屏手游的时候。
5,良好的习惯,可以使你用得上更多的发布功能,特别是规格说明书。
6,用axure可以找到志同道合的朋友,比如说你给的都是干货时候,(项目经理和产品经理应该是主要读者),给你点赞的人,绝对是个心胸开阔的尊敬他人的人,他身边的人对他评价应该也不错。在文中给予评论的则是尊敬技术的,并乐于分享自己经验看法的人,他们也是有匠心精神的人。
重复比较多的地方请尽量使用母板,最好是非固定位置的母板。
当功能不太好实现的时候(或者一时想不出来的时候),试试用动态面板,也许会有意想不到的方法。
Axure里面的语句执行是有先后顺序的。所以有时候如果你的语句设置都没有问题,但是怎么也出现不了应有的效果,请检查一下你的语句防止是否有问题。
用Axure可以对图片进行裁剪、拼接。
Axure可以对图片进行切图操作。
1.母版自定义触发事。
2.动态面板多层嵌套。
3.自定义格式刷和注释字段。
用透明矩形框来做页面级交互事件
具体步骤如下:
1.设计完全部原型(不可点击);
2.把需要跳转页面的点击区域,画一个矩形框,设定好交互事件;
3.把矩形框设为透明;
4.复用到其他区域;
好处:
1.全部设计原型后再细化交互细节,可以避免陷入[抠细节]状况,提高了设计效率;
2.用独立矩形框设定交互,可以很快的复用到不同页面,不同区域,简单方便直接;
1,使用Project。如果你是团队协作,Project无疑会使整个项目效率显着提高且减少出错;如果自己单独使用也是好过Save的,可以方便做版本回溯。
2,更多时候,请把精力聚焦到线框的逻辑与结构,而非交互效果上,尽可能用简洁的文字、分镜、示意图把交互效果描述清楚。很多人追求把交互效果做的跟flash或js编程似的,这完全本末倒置。
1.判断
在遇到几乎任何“什么什么时候”,想要“怎么怎么样”的情况,能且只能用UC用例的判断来实现。这几乎是高保真原型的灵魂。
2.智能手机上那种图片滑动效果
需要至少两重动态面板嵌套才能保证滑动(Axure里是Drag拖动)时,不超出范围显示,至于滑动到一定程度返回,则需要结合判断里面“元件范围”的接触另一个控件与否,然后用动作来实现。
能实现iPhone 在iOS 7那种解锁。
3.自适应屏幕
这里说的不是Axure 7自带的那个坑爹的自适应,在显示左侧站点地图或者像素有一点点差别就失效的效果怎么拿得出手呢?而这些其实是可以通过调用屏幕尺寸来强行使原型适应屏幕的。
比如一个banner,宽度=屏幕宽度;比如一个App原型,让iPhone 机身始终处于屏幕水平垂直居中位置;Gmail 进度条也是一样。
4.文本模糊搜索/分词搜索
这些都可以利用中继器实现,只是稍微麻烦点,要从另一列数据中包含搜索,并且那一列数据要写得比较全面在查找部分里可以找到。用sousuo那一列里的关键词都能搜出左边的东西。
5.图片文件上传
自从文本框可以设置为文件类型,支持用户选择电脑文件的时候,我就知道总有一天可以实现图片上传。上传的图片只要是图片,不管什么格式都能正常显示,不用在Axure里一个个后缀名单独设置。我的做法是文件类型文本框选择了一个文件之后,将文本框内的数据通过字符串函数进行一系列处理,在一个内部框架中打开。
6.图片旋转/翻转
把同一张图片放到不同尺寸/转向的“图片”控件里,所有控件以一个动态面板不同的状态的形式保存,然后用一个UC设置动态面板的状态“重复”显示“下一个状态”即可。
7.图片按比例放大缩小
需要把图片当作动态面板背景,并且在面板设置里设置好,才能用UC和变量控制它的比例缩放,此功能能衍生出非常多的效果。
③ 如何学习使用 Axure
以我自己为例,回答下这个问题,接触Axure到熟练制作原型大概也就半个月的时间:
第一阶段:熟悉Axure的基本用法
当时从网上下了一个 Axure实用实例合集的原型PR文件,忘了是不是官方出的,题主可以下载:axure实用实例.rp_免费高速下载,里面对Axure常用各个部件和常见交互实现都有说明,看懂里面的实现方式,基本就知道怎么用Axure了。
第二阶段:用Axure画原型表达自己的想法
知道工具的使用规则,如何合理的运用,其实每个人都可以有不同的方式。比如需要策划一个网站,拿主页来说,先提炼出这一页需要放哪些元素,比如:banner、导航、热点推荐、频道推荐、图片列表等,那就先用axure把这些元素表达出来,什么位置什么大小,然后考虑需要做交互的元素,把它变成动态面板什么的,可以尝试实现一些比较简单的交互,不会或实现不了的直接在页面上用文字说明就行,这就是所谓的⎡线框图原型⎦。
原型就是为了让RD快速了解你的需求嘛,达到目的就行~
第三阶段:用Axure制作高保真原型
⎡高保真原型⎦不是给UI或者RD看的,一般是为了让老板/客户能更好的理解你要做的产品,给他们一种更直观的感受,让他们能够快速决策是不是要做。
高保真原型需要你有一定的PS功底,不会PS的让设计师根据你的线框图帮忙画也行⎡机智的我一般直接拿竞品或类似产品的截图来改,超级省时间⎦,总之要好看,有色彩有交互。
基本上Axure可以实现大多数你见过的交互,这个题主可以多研究下⎡动态面板⎦和⎡变量⎦的使用,复杂的交互实现起来需要严谨的逻辑,一般要多考虑层级、变量条件和触发条件。遇到自己不知道如和下手的交互,就到网上找实例,看看别人怎么做的,看得多了就通了,其实原理就一个:通过触发条件响应事件,后面就没有什么交互能难倒题主了,当然有些交互用Axure实现成本比较高。
题主可以下载鄙人12年做的一个高保真原型:haiwai_new.rp_免费高速下载 摸懂了交互就不在话下了。
第四阶段:不局限于Axure工具
画原型的作用不仅仅是快速传递需求,表达想法。其实画原型也是产品经理验证自己想法的一种方式,你在实现原型的时候可能会发现自己没有考虑全或者想法有错误的地方,这样解决完以后就能避免在开发过程中遇到这些问题。
不过不一定非要用Axure,画图、excel、手绘等都能实现原型,就像杨过学习独孤前辈的剑法,从巨剑、铁剑、木剑到最后的无剑,掌握了思路和核心,功力到了,随手的都是工具。
④ 如何使用Axure高效完成高保真原型
1、前期工作
1.1页面逻辑梳理
利用思维导图,以功能点(完成目标)为导图的第一级子集,梳理页面,其实这件事情很困难,如果没有熟悉业务的同事帮助,会消耗相当长的时间,我这里也是很大方面借助了Chester之前的整理。由于整个的视觉文件都是英文的,所以还是花了不少时间去理解。
之后我根据页面布局,将布局类似的页面从新归类到一起,这是为了方便后期多层动态面板的设置及页面间的复制。
1.2得心应手的部件库
使用Axure,自然少不了给力的部件库,强大的部件库可以极大程度上提高我们的效率,增强演示效果。网上也可以搜索到一些还不错的部件库,比如小楼老师的axure7.0部件库。但是别人的部件库未必适合我们的产品风格及需要,所以最好还是要有自己的部件库。我是个懒人,所以我经常做一劳永逸的事情,由于我长期从事电商工作,所以我专门设计了一个电商专用部件库,再加上从其他人的部件库中汲取的复杂交互部件,现在我的部件库中已具备了90余个部件,基本可以应对常规设计的绝大部分情况。
另外,由于部件库是自己制作的,所以非常熟悉,用起来自然得心应手,事半功倍。
2、正式工作
2.1背景设置
这里说的背景设置一方面就是你们所理解的背景设置,另外一方面是指通过设置形状(无边框,填充颜色同背景色或透明)来设置背景。为什么要做这么一件多此一举的事情呢?这是考虑到一些可变部件,比如移动到绝对位置,固定在浏览器等等,另外一方面如果不制作这层背景,那么在制作动态面板时,搞不清楚外部情况,或者文字/图片放在最顶部,绝对是件很别扭的事。
2.2交互规则统一
由于我所设计Software Web application是由UI设计师完成的,所以在交互规则上欠统一,主要是以下几个方面:1、下拉效果2、tab滑动效果3、hover选中4、面板切换推拉方式。这时,我就与Chester商量统一的方式,他给予我极大的信任及自由,这让我不再畏手畏脚,从而放心大胆地选择或从新设计交互方式。
2.3设计风格统一
主要是字体,字号、颜色、形状、圆角等,在此不提。
2.4母版制作
母版,相信大家都经常用的,好处多多,诸如方便修改,复制简单等等。这里我要说说自己的母版制作规则:
1、只做频繁使用的地方
只是为了控制母版的数量,方便后期迭代时的梳理与查找。
2、先难后易
复杂交互往往是由多个简单交互组成,所以在完成了复杂交互后,许多简单交互只需要复制即可,而如果先做简单交互,则在组成复杂交互时可能会受到逻辑顺序和层级关系的影响,反而增加制作难度。
3、先全局后细节
在制作母版时,往往会遇到做完一个母版后,发现之前的母版可以跟这个母版合并,因此先做全局的母版更容易考虑到一些细节性的部件,进而减少操作难度。同时先做全局母版也更利于我对页面布局的把控,能够增加效率与成就感。
4、常用break away
这里即把母版作为一个部件用,因为在设计中不能及时制作相应的部件,所以将常用部件生成母版后,通过break away还原成部件是一个不错的选择。
5、命名很重要
命名真的很重要,如果名字起不好,就很有可能混淆,尤其是与其他人共同完成时,命名尤为重要。
2.5疯狂的中继器
中继器是Axure7.0推出的功能,许多axure的使用者看到中继器的高级函数就望而却步,加上动态面板足够强大,以至于明珠蒙尘。我在高保真的制作中使用了大量的中继器,一个页面中甚至使用超过4个,我甚至想到把绝大多是部件都转化成中继器。个人认为中继器有以下几个好处:1、灵活性强2、交互简单3、复制简单。当然中继器也有诸多不足,动态面板依然是Axure部件中的王者。
2.6多层动态面板
针对页面布局类似的页面,我采用了多层动态面板的做法,以至于最终那110页视觉图被我做成了9张网页,最多的一个页面的主动态面板有8层,演示下来也是相当流畅。在使用多层动态面板时,应注意如下几点:
1、注意面板层级及其他页面的逻辑
因为在制作页面或动态面板时,往往是做好了前面一个再做后面后面,或者复制前面一个为新的页面或模板,而之前页面或面板与之后的对象之间的联系,如链接,按键等的交互是在后期加上去的,这就会出现忘记增加交互的情况。
2、注意层级关系,善用面板隐藏
各个部件间的层级关系许多妥善处理,并且经常使用部件管理中的隐藏部件功能,才不会犯层级错误,显示不完全的低级错误。
3、命名很重要
同母版部分。
2.7其他
1、细节讨论。
问题是在执行时发现的,遇到疑惑或者赶紧不合理的地方,记录下来,与业务人员或者设计人员讨论,并提出自己的观点,确保大家都clear,才能保证设计的快速展开。
2、时间管理
拿到任务后,我对任务进行了评估,然后得出自己每天工作9个小时要完成35页左右的结论。但实际上有经验的axure使用者都知道,困难都在前期,后面速度会非常快。
我使用的是番茄计时器,3天里平均每天工作19个番茄时间(25min*19),加上休息时间,大概每天工作9~10个小时,第一天第一个母版我做了5个小时,全天完成22个页面,但在第三天的下午5点钟我就完成了110个页面的任务。
3、进度管理
为了明确知道自己的进度,我使用前期准备的页面逻辑导图,每隔一段时间就在导图上用黑色标注自己已经完成的页面,这样一方面让我对自己的进度有了较好的把控,另一方面也让Chester那边明确我的进度,能够知根知底。
总结:
交互设计应当是每个产品经理的基本功,虽然交互工具的使用并不代表交互水平,但善用交互工具无疑能够增强我们的交互功力,使我们的思维逻辑更加缜密,并能了解产品逻辑,甚至研发实现难度。
⑤ 如何使用Axure
基本概念就是 页面、控件、跳转、动态面板,条件判断,给页面、面板取名字。 页面里面可以放各种控件,点击控件可以实现页面之间的跳转。 动态面板就是一个局部的小页面,也叫面板,里面的内容分为a,b,c,d....各种状态,比如你点击一下某个按钮,这个小页面就从a状态 切换到b状态,这就是“动态”的意思。 条件判断就是,比如点击登陆按钮,要判断账号输入框里是否有文字,没有的话就要显示一条提示,提示放在一个动态面板中,默认为不显示的状态,点击按钮后触发动态面板切换到显示状态,但是中间要加上一条判断。 取名字很重要,跳转需要通过页面名字确定跳到哪个页面,条件判断需要通过名字确定被判断的对象是谁。取名字都是通过选中对象,然后在右边右上角有输入框。
⑥ Axure有哪些鲜为人知的使用技巧
1,把当前的xx转化为图片。这个功能可以解决你原型中文字的字体或者大小或者换行等在浏览器中预览的一系列问题。
2,你也可以用axure代替viso来做流程图。个人觉得更顺手。
3,用axure生成一个多触发的小游戏或者课件。然后发布成网页压缩包。发给别人玩或者浏览。
4,图片热区功能可以很好的解决使用者鼠标经过时光标变化体验的同时,范围性的点击也会让小按钮更好点。特别是当你做触屏手游的时候。
5,良好的习惯,可以使你用得上更多的发布功能,特别是规格说明书。
6,用axure可以找到志同道合的朋友,比如说你给的都是干货时候,(项目经理和产品经理应该是主要读者),给你点赞的人,绝对是个心胸开阔的尊敬他人的人,他身边的人对他评价应该也不错。在文中给予评论的则是尊敬技术的,并乐于分享自己经验看法的人,他们也是有匠心精神的人。
@孙一,互联网
重复比较多的地方请尽量使用母板,最好是非固定位置的母板。
当功能不太好实现的时候(或者一时想不出来的时候),试试用动态面板,也许会有意想不到的方法。
Axure里面的语句执行是有先后顺序的。所以有时候如果你的语句设置都没有问题,但是怎么也出现不了应有的效果,请检查一下你的语句防止是否有问题。
用Axure可以对图片进行裁剪、拼接。
Axure可以对图片进行切图操作。
@小楼,产品人
1.母版自定义触发事。
2.动态面板多层嵌套。
3.自定义格式刷和注释字段。
@Capricornushane,产品经理
用透明矩形框来做页面级交互事件
具体步骤如下:
1.设计完全部原型(不可点击);
2.把需要跳转页面的点击区域,画一个矩形框,设定好交互事件;
3.把矩形框设为透明;
4.复用到其他区域;
好处:
1.全部设计原型后再细化交互细节,可以避免陷入[抠细节]状况,提高了设计效率;
2.用独立矩形框设定交互,可以很快的复用到不同页面,不同区域,简单方便直接;
@冬源,交互设计
1,使用Project。如果你是团队协作,Project无疑会使整个项目效率显着提高且减少出错;如果自己单独使用也是好过Save的,可以方便做版本回溯。
2,更多时候,请把精力聚焦到线框的逻辑与结构,而非交互效果上,尽可能用简洁的文字、分镜、示意图把交互效果描述清楚。很多人追求把交互效果做的跟flash或js编程似的,这完全本末倒置。
@王俊杰,产品人
1.判断
在遇到几乎任何“什么什么时候”,想要“怎么怎么样”的情况,能且只能用UC用例的判断来实现。这几乎是高保真原型的灵魂。
2.智能手机上那种图片滑动效果
需要至少两重动态面板嵌套才能保证滑动(Axure里是Drag拖动)时,不超出范围显示,至于滑动到一定程度返回,则需要结合判断里面“元件范围”的接触另一个控件与否,然后用动作来实现。
能实现iPhone 在iOS 7那种解锁。
3.自适应屏幕
这里说的不是Axure 7自带的那个坑爹的自适应,在显示左侧站点地图或者像素有一点点差别就失效的效果怎么拿得出手呢?而这些其实是可以通过调用屏幕尺寸来强行使原型适应屏幕的。
比如一个banner,宽度=屏幕宽度;比如一个App原型,让iPhone 机身始终处于屏幕水平垂直居中位置;Gmail 进度条也是一样。
4.文本模糊搜索/分词搜索
这些都可以利用中继器实现,只是稍微麻烦点,要从另一列数据中包含搜索,并且那一列数据要写得比较全面在查找部分里可以找到。用sousuo那一列里的关键词都能搜出左边的东西。
5.图片文件上传
自从文本框可以设置为文件类型,支持用户选择电脑文件的时候,我就知道总有一天可以实现图片上传。上传的图片只要是图片,不管什么格式都能正常显示,不用在Axure里一个个后缀名单独设置。我的做法是文件类型文本框选择了一个文件之后,将文本框内的数据通过字符串函数进行一系列处理,在一个内部框架中打开。
6.图片旋转/翻转
把同一张图片放到不同尺寸/转向的“图片”控件里,所有控件以一个动态面板不同的状态的形式保存,然后用一个UC设置动态面板的状态“重复”显示“下一个状态”即可。
7.图片按比例放大缩小
需要把图片当作动态面板背景,并且在面板设置里设置好,才能用UC和变量控制它的比例缩放,此功能能衍生出非常多的效果。
@王文忠,产品经理
比如切图(抠图)啊,各种动作啊,各种函数和条件的结合运用。
⑦ 怎么使用Axure的
全名应该是这个“Axure RP”
Axure RP--是一个非常专业的快速原型设计的一个工具,客户提出需求,然后根据需求定义和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
Axure RP--作为专门的原型设计的工具,它比一般创建静态原型的工具如Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver、Visual Studio、FireWorks要快速、高效。
它同时支持多人协作设计和版本控制管理。
使用Axure可以带来一些工作方式的改变:
进行更加高效的设计;
体验到动态的原型;
清晰有效的交流想法。
希望对您有所帮助,希望采纳,谢谢!
⑧ axure是做什么用的
Axure RP是一款专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
工作环境
Axure的可视化工作环境可以让你轻松快捷的以鼠标的方式创建带有注释的线框图。不用进行编程,就可以在线框图上定义简单连接和高级交互。在线框图的基础上,可以自动生成HTML(标准通用标记语言下的一个应用)原型和Word格式的规格。