web端交互设计细节手册(二)
上篇文章给大家总结了loding加载页面问题和文字按钮下划线问题“
web端交互设计细节手册(一)
”,下面就来聊聊下拉按钮和下拉复合按钮的使用。
三、下拉按钮和下拉复合按钮的使用
如上图左侧为下拉按钮,右侧为下拉复合按钮,左侧下拉按钮点击展开下拉框,框中每个操作都是平级关系,而右侧下拉复合按钮其实是由一个主按钮和一个下拉按钮组成。
主按钮一般是主要操作,而下拉框内的为次要操作,但主要操作和次要操作有着密切关系。例如下图Facebook主页网页端的查看活动日志按钮,次级操作就是时间线设置。
四、下拉导航中的一级导航是否可点击问题
在正常操作过程中,带有下拉次级导航的上一级导航是不能被点击的,这里不能被点击的意思是使用点击操作不会触发任何效果,如上图显示下拉次级导航是hover效果并不是点击效果,这也与很多展开操作道理相同(如下图)。
下篇文章继续给大家讲讲固定数量图标展示的两种方式,感兴趣的小伙伴可以去看看。
以上就是“web端交互设计细节手册(二)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
三、下拉按钮和下拉复合按钮的使用

主按钮一般是主要操作,而下拉框内的为次要操作,但主要操作和次要操作有着密切关系。例如下图Facebook主页网页端的查看活动日志按钮,次级操作就是时间线设置。
四、下拉导航中的一级导航是否可点击问题


以上就是“web端交互设计细节手册(二)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。