Axure制作菜单栏效果

如何用Axure制作上面效果的菜单栏？直接上步骤：

新建1个母版（菜单栏模板）和5个页面（页面1——页面5），当点击菜单栏按键时，对应弹出页面效果
【母版制作】制作一个菜单框，拖一个矩形并输入“页面1”，再拖一个小图标和矩形做一个组合。
【母版制作】菜单框属性设置：矩形和小图标分别设置属性，属性为黑底白字，再设置鼠标悬停时为绿底白字，元件选中时黑底绿字。
【母版制作】菜单框交互设置1：矩形设置交互，如果当前组合的选中状态 == 真，则矩形设置为选中。小图标做相同交互设计。
【母版制作】将上面菜单框复制5个，并分别改名为：页面1、页面2、页面3、页面4、页面5
【母版制作】菜单框交互设置2：“页面1”组合设置交互，单击时打开链接，链接为页面1，这样的效果是单击菜单框“页面1”就会跳转到“页面1”页面。其余4个菜单框做相同设置
【母版制作】将母版添加到5个页面中
【页面交互】进入页面1，设置交互：页面载入时，菜单栏组合“页面1”设置为选中状态。其余4个页面做相同设置。

完成以上设置后，预览，就能看到最上面的交互效果！

Axure制作菜单栏效果相关推荐

Axure制作放大镜效果
1.准备工作左侧工具栏,拖拉出一个图片框设置成200*200大小,导入图片,命名小图. 再拖拉出一个动态面板,设置成200*200 双击state1,拖拉出一个图片框设置 500*500大小,导入 ...
[原型设计]Axure制作首页轮播图片切换效果
1.新建Axure PR文件,取名"Axure制作首页轮播图片切换效果" 2.获取素材,进入36Kr官网主页,获取轮播图片素材. 获取素材 3.拖拽动态面板控件Dynamic Pa ...
Axure制作手机UI原型之界面滑动滚动效果
用Axure制作手机界面原型的时候,往往会遇到像Android中listview那种页面,手指在界面上滑动,页面也就跟随滚动,拖拽到底部或者顶部的时候还有个回弹效果,如何在Axure之中模拟这种滚动呢 ...
使用Axure制作手风琴菜单
Axure在页面设计这一块起到了很大作用,它不仅可以将客观的文本改变为直观的演示模板,还可以对于页面的各个方面进行UI设计美化页面等等. 例如设计一个网站肯定少不了菜单栏.菜单栏的样式很多,有点击显示 ...
axure 动态面板自动适应浏览器宽度_Axure教程：用axure制作Web原型自适应电脑屏幕...
本篇文章作者主要讲的是关于用Axure制作Web原型自适应电脑屏幕,一起来看看~ 用axure制作原型,很多刚入门的小白(包括我),制作原型的时候首先从制作App原型开始的,因为有固定的原型尺寸供我们 ...
怎样使用PS制作木刻效果图片？添加木刻特效原来这么简单！
使用PS可以制作出各种各样效果的图片,今天小编教大家一种如何在PS上制作木刻特效图片,学会之后,我们又可以离PS大神进一步了. 第一步:先打开我们电脑上的PS,然后使用快捷方式[Ctrl+O]将我们需 ...
Axure制作微信APP原型（三）：消息+个人模块----聊天、浮窗、登录设备、个人主页、更多信息
Axure制作微信APP原型(三) APP原型设计是产品经理需要做的工作之一,大家有这个方向和兴趣的可以自己下载一个Axure软件试一下. 可以用已有的APP模型参考设计学习以下,学学人家的界面是怎么 ...
【Animate】Actionscript3.0脚本制作下雨效果
[Animate]Actionscript3.0脚本制作下雨效果 1.创建元件名称设为rain,同时在Actionscript里创建类rain. 形状编辑为长方形代表雨点 2.创建脚本然后回到场景 ...
【Axure RP9基础】Axure滑块开关效果详解
Axure滑块开关效果详解最终效果:点击切换开.关状态,默认为开的状态: 步骤1:拖动元件[矩形]至画布中,调整形状,填充颜色,去掉边框: 步骤2:拖动元件[圆形]至画布中,调整大小使之直径略小于步 ...

Axure制作菜单栏效果

Axure制作菜单栏效果相关推荐

最新文章

热门文章