下拉菜单可以说是网页设计中令人又爱又恨的元素之一了。下拉菜单有许多优点:不占地方,不需要做输入验证,所有平台都支持,技术门槛低,用户都很熟悉其使用方法。然而与之同时,下拉菜单又是最容易被错误使用的表单组件。这篇文章就来告诉大家下拉菜单的适用场景、设计技巧以及一些漂亮的实例。
什么时候适合用下拉菜单:
陈列子页面
下拉菜单通常适用于陈列所有需要展示的子页面,相当于一个子导航菜单,如下图:
博客内容分类
许多博客都会选择用下拉菜单来进行分类和罗列标签。这是因为博客里面通常会有大量的内容,所以博客排版应以简洁、清晰为好,而下拉菜单能将布局元素外的链接集合起来。
电商网站商品陈列
许多电商网站也会使用下拉菜单来展示产品或者产品类别。以Best Buy网站为例:
什么时候不适合用下拉菜单:
二元选择题(是/否)
建议使用复选框或开关。
五个以内选项
建议使用单选框或分段选择器ÿ