cvmachine.com - 申博开户网

搜索: 您的位置主页 > 电脑频道 > 电脑教程 > 阅读资讯:使用Axure给网页设计左侧三级导航菜单的方法

使用Axure给网页设计左侧三级导航菜单的方法

2018-03-13 21:48:26 来源:www.cvmachine.com 【

使用Axure给网页设计左侧三级导航菜单的方法

Axure中想要设计一款三级导航菜单,该怎么设计呢?下面我们就来看看详细的教程。

1、创建一、二、三级导航,矩形框表示每个选项。三级导航3附图片分别对应第二步中三级导航动态面板的 A、B、C 三种面板状态,便于切换显示。同时,每个选项(小矩形框)都有选中后的颜色样式交互:见第三幅图片。

使用Axure给网页设计左侧三级导航菜单的方法

使用Axure给网页设计左侧三级导航菜单的方法

使用Axure给网页设计左侧三级导航菜单的方法

2、将二级导航和三级导航都转换成动态面板,各自取名:二级导航,三级导航。同时对一级导航添加交互用例:“选中当前元件,显示二级导航,隐藏三级导航。”

使用Axure给网页设计左侧三级导航菜单的方法

3、添加二级导航菜单中三个选项的交互用例,如图操作,第二张和第三张与第一张的逻辑是一样的,COPY设计就可以了。

使用Axure给网页设计左侧三级导航菜单的方法

使用Axure给网页设计左侧三级导航菜单的方法

使用Axure给网页设计左侧三级导航菜单的方法

4、添加三级导航菜单的交互用例,他们虽然有 A、B、C 这三张状态,但他们的逻辑都是相同的。第二张图就是以 A 状态设计的交互,只要控制一下鼠标停留时的 UI 样式就可以了,剩下两个状态直接 COPY.

使用Axure给网页设计左侧三级导航菜单的方法

使用Axure给网页设计左侧三级导航菜单的方法

5、最后,隐藏二级导航动态面板,隐藏三级导航动态面板,将整体界面上的所有元素包裹成一个总的面板,在总面板上添加交互用例,目的是为了鼠标离开的时候自动隐藏2、3级导航。

使用Axure给网页设计左侧三级导航菜单的方法

使用Axure给网页设计左侧三级导航菜单的方法

使用Axure给网页设计左侧三级导航菜单的方法

以上就是axure设计三级导航菜单的教程,希望大家喜欢,请继续关注申博开户。


本文地址:http://www.cvmachine.com/dnjc/97776.html
Tags: Axure 三级 左侧
编辑:申博开户网
  • 上一篇:在ppt中设计大手图标的步骤
  • 下一篇:没有了
  • m88 188bet uedbet 威廉希尔 明升 bwin 明升88 bodog bwin 明升m88.com 18luck 188bet unibet unibet Ladbrokes Ladbrokes 真钱的棋牌游戏 casino m88明升 明升 明升 m88.com 188bet m88 明陞 uedbet赫塔菲官网 365bet官网 nba英文官网 嘉年华官网 皇冠备用 火箭队官网 中国人论坛 bet 单双公式 博彩资讯网 w88优德 港京印刷图库 澳门足球盘 球盘 娱乐场 联众网站 沙龙365 7080棋牌游戏 真钱 澳门回归日期 大众娱乐网 卡宾官方旗舰店 mg电子 全亚洲首选288x nba即时比分 本港 中国足彩竞猜网 斗地主规则 七星彩论坛图规 网上赌博 单双规律 沈泳 华夏娱乐网 明升备用网址 梦网书城 盈禾国际 明升体育 博狗沃鑫 卡宾官方旗舰 信誉赌场 球探比分网 竞彩论坛空间 三亚娱乐 soutec 北京福利彩票 澳门彩票公司 北京pk10 凤凰 纸牌小游戏 皇冠现金代理 银河国际亚洲首选288x 三六八高手论坛 空中城市 赌球心得 188比分 让球规则 三星娱乐城 诺贝尔娱乐城 今天有nba直播吗 5060全讯网 新世纪 久乐娱乐场 世界杯盘口 易胜博 麻将单机版 华人娱乐总站 财神爷心水论坛 巴特 澳门百利宫 明升 红姐统一主图库 九龙老牌图库 打牌 娱乐王子 娱乐真人 亚豪平台 真人娱乐 飞禽走兽老虎机 188bet下载 博发娱乐城 北单 陈怀生 比分188 百万图库 老挝赌博 pc蛋蛋注册 天上人间娱乐 红姐统一图库 产业新闻网 葡京
    推广内容
    推荐阅读
    热门推荐
    关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部