新手产品在产品设计上,经常会遇到做各种控件的交互,下面介绍一二级菜单的抽屉性操作方法,有兴趣的学习下:
工具/原料
- Axurerp8电脑一台
方法/步骤
1先拉几个矩形调整好大小,对应的输入文字“一级菜单”和“二级菜单”,并作树状格式,然后用钢笔绘制个下拉三角,并填充色,这里我填个灰色
2设置二级菜单的交互,
选定3个二级菜单框,并右击转化为动态面板,命名为“二级菜单”后,点击state1进行动态面板的设置
3设置二级菜单,在鼠标悬停时的变化状态:字体颜色为白色,矩形颜色为这种蓝色,色号也可以直接输入“199ED8”,同理把下面两个矩形框做相同设置
4现在设置一级菜单的交互,当点击一级菜单时,二级菜单抽屉式收缩的效果,同时下拉三角倒置处理的设计。先把一级菜单框跟下拉三角组合,再作交互
5完成设置,查看效果