如何设计下拉菜单（技巧+实例）

下拉菜单可以说是网页设计中令人又爱又恨的元素之一了。下拉菜单有许多优点：不占地方，不需要做输入验证，所有平台都支持，技术门槛低，用户都很熟悉其使用方法。然而与之同时，下拉菜单又是最容易被错误使用的表单组件。这篇文章就来告诉大家下拉菜单的适用场景、设计技巧以及一些漂亮的实例。

什么时候适合用下拉菜单：

陈列子页面

下拉菜单通常适用于陈列所有需要展示的子页面，相当于一个子导航菜单，如下图：

博客内容分类

许多博客都会选择用下拉菜单来进行分类和罗列标签。这是因为博客里面通常会有大量的内容，所以博客排版应以简洁、清晰为好，而下拉菜单能将布局元素外的链接集合起来。

电商网站商品陈列

许多电商网站也会使用下拉菜单来展示产品或者产品类别。以Best Buy网站为例：

什么时候不适合用下拉菜单：

二元选择题（是/否）

建议使用复选框或开关。

五个以内选项

建议使用单选框或分段选择器ÿ