web端交互设计细节手册(二)

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  
上篇文章给大家总结了loding加载页面问题和文字按钮下划线问题“ web端交互设计细节手册(一) ”,下面就来聊聊下拉按钮和下拉复合按钮的使用。

三、下拉按钮和下拉复合按钮的使用
web端交互设计细节手册(二) 如上图左侧为下拉按钮,右侧为下拉复合按钮,左侧下拉按钮点击展开下拉框,框中每个操作都是平级关系,而右侧下拉复合按钮其实是由一个主按钮和一个下拉按钮组成。

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

四、下拉导航中的一级导航是否可点击问题
web端交互设计细节手册(二) 在正常操作过程中,带有下拉次级导航的上一级导航是不能被点击的,这里不能被点击的意思是使用点击操作不会触发任何效果,如上图显示下拉次级导航是hover效果并不是点击效果,这也与很多展开操作道理相同(如下图)。
web端交互设计细节手册(二) 下篇文章继续给大家讲讲固定数量图标展示的两种方式,感兴趣的小伙伴可以去看看。

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

随意打赏

提交建议
微信扫一扫,分享给好友吧。