养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Axure下拉菜单交互怎么设置

时间:2024-11-14 02:26:07

新手产品在产品设计上,经常会遇到做各种控件的交互,下面介绍一二级菜单的抽屉性操作方法,有兴趣的学习下:

工具/原料

Axurerp8

电脑一台

方法/步骤

1、先拉几个矩形调整好大小,对应的输入文字“一级菜单”和“二级菜单”,并作树状格式,然后用钢笔绘制个下拉三角,并填充色,这里我填个灰色

Axure下拉菜单交互怎么设置

2、设置二级菜单的交互,选定3个二级菜单框,并右击转化为动态面板,命名为“二级菜单”后,点击state1进行动态面板的设置

Axure下拉菜单交互怎么设置

Axure下拉菜单交互怎么设置

3、设置二级菜单,在鼠标悬停时的筐毙险裆变化状态:字体颜色为白色,矩形颜色为这种蓝色,色号也可以直接输入“199ED8”,同理把下面两个矩形框做相同设置

Axure下拉菜单交互怎么设置

4、现螅岔出礤在设置一级菜单的交互,当点击一级菜单时,二级菜单抽屉式收缩的效果,同时下拉三角倒置处理的设计。先把一级菜单框跟下拉三角组合,再作交互

Axure下拉菜单交互怎么设置

Axure下拉菜单交互怎么设置

5、完成设置,查看效果

Axure下拉菜单交互怎么设置

Axure下拉菜单交互怎么设置

© 一点知识