常用中后台交互设计控件使用场景与规范总结,下拉菜单、翻页控件、时间拾取器定义和示例等
树图思维导图提供 常用中后台交互设计控件使用场景与规范总结 在线思维导图免费制作,点击“编辑”按钮,可对 常用中后台交互设计控件使用场景与规范总结 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:ad9872aa73ad2449ff317916deb9d2b5
常用中后台交互设计控件使用场景与规范总结思维导图模板大纲
定义
当页面上元素或操作较多时,用以收纳这些元素或操作的控件
示例
下拉菜单—下拉框
下拉菜单—下拉浮层
下拉框状态
下拉框使用场景及注意事项
当页面上的元素或操作较多时,用此控件收纳元素或操作。点击或移入触点,会出现一个下拉菜单。可在列表中进行选择,并执行相应的命令
当下拉选项中包含鼓励用户的可选项或大部分用户常用选项时,则可考虑提供默认项
当下拉选项非常多时,需在下拉框中加入搜索功能,方便用户选择
当下拉框中标签字符超过最大宽度时,多余的字符用“…”显示,鼠标移入此选项时,用气泡提示全部显示
下拉浮层状态
下拉浮层使用场景及注意事项
当页面上的元素或操作较多时且视觉层次弱于下拉框时,用此控件收纳元素或操作。通常鼠标移入触点,会出现一个下拉浮层。可在列表中进行选择,并执行相应的命令
在浮层展开时,三角形图标顺时针翻转且同时变成红色;浮层收起时,三角形图标逆时针翻转且同时由红色变为默认颜色
定义
一组提供翻页功能的按钮
示例
比较完整的版本(具体形式需根据业务需求而定)
简化版
翻页控件状态(以例1做说明)
翻页控件使用场景及注意事项
当加载或者渲染所有数据将花费很多时间时,建议使用翻页将数据分为几部分加载
定义
示例(其他形式根据自身需求而定)
选择时间
选择日期
时间拾取器使用场景及注意事项
当用户需要输入一个时间,可以点击标准输入框,弹出时间面板进行选择
树图思维导图提供 904名中国成年人第三磨牙相关知识、态度、行为和病史的横断面调查 在线思维导图免费制作,点击“编辑”按钮,可对 904名中国成年人第三磨牙相关知识、态度、行为和病史的横断面调查 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:10b9a8a2dd2fb4593f8130ef16c320fc
树图思维导图提供 9.战斗的基督教 在线思维导图免费制作,点击“编辑”按钮,可对 9.战斗的基督教 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:33d168acd0cd9f767f809c7a5df86e3a