效果:当鼠标移入或者单击“权限管理”时,“权限管理”填充色由蓝变为白,字体由白变成黑。同时,弹出两个子选项“账号管理”和“设备管理”,当鼠标移入子选项时,该子选项背景变为灰白色。当鼠标移出母选项和子选项时,弹框隐藏,同时母选项背景和字体颜色恢复原状。
原型设计:
(1)设置元件的选中状态
(2)设置鼠标移入或移出该组件的事件
为了更好设计逻辑,我们采用触发的方式,新增一个触发元件event_authority
(3)添加交互用例
至此,我们的导航栏就设计完成了。
效果:当鼠标移入或者单击“权限管理”时,“权限管理”填充色由蓝变为白,字体由白变成黑。同时,弹出两个子选项“账号管理”和“设备管理”,当鼠标移入子选项时,该子选项背景变为灰白色。当鼠标移出母选项和子选项时,弹框隐藏,同时母选项背景和字体颜色恢复原状。
原型设计:
(1)设置元件的选中状态
(2)设置鼠标移入或移出该组件的事件
为了更好设计逻辑,我们采用触发的方式,新增一个触发元件event_authority
(3)添加交互用例
至此,我们的导航栏就设计完成了。