“下拉菜单”和“选择器”两者在形式上的相似度较高，在实际应用中经常会被混淆。本文作者结合部分大厂及一些基础框架应用知识，对“下拉菜单”和“选择器”进行了总结分析，一起来看一下吧。

关于下拉菜单和选择器的区分问题，本来在今年5月份就记在我的语雀待解决问题库中，中间因为项目出差就搁置，延迟了两个月现在来把这个坑填上。
因为“下拉菜单”和“选择器”二者在形式上的相似度较高，在实际应用中就经常会被混淆。而我在查阅网上相关文章时，对其使用的区分也大都模棱两可，甚至于有的作者在文章也搞错了这两…

编辑导语：下拉菜单的模式在设计中最为常见了，那你有没有依赖下拉菜单呢？本文作者从四个角度进行了全面的梳理与分析，帮助你详细了解下拉菜单的设计，做设计的同学感兴趣就来看看吧。

下拉菜单是在界面设计中很常用的组件，它以下拉的方式同时展示多个标签并帮助用户缩小选择范围，快速满足用户的选择需求，尤其是一些导航，设计师会很依赖下拉菜单的使用。
在UI设计中，虽然经常会使用到下拉菜单，但很多设计师对它并不是很了解，如果过度使用或滥用，也会对用户体验产生负面影响，所以，如何正确的使用下拉菜单就…

编辑导读：下拉菜单是一个常用的功能，用户可以在框中选择自己想要的选项，也可进行全选。本文作者分享了如何用Axure制作下拉菜单+复选框全选效果，希望对你有帮助。

在设计过程中会常常用到下拉菜单，本次课程我们学习下拉菜单+复选框全选效果。

预览及下载地址：https://2fi9h8.axshare.com
一、制作原型
1.制作下拉菜单的选择框
拖入两个【矩形】元件，【文本标签】制作成下拉菜，菜单部分组合一起

2.制作下拉菜单中的菜单部分
（1）全选
拖入【动态面板】设置成两个…

编辑导读：下拉菜单是产品的一个基础功能，能够给用户提供多种选项。本文作者介绍了如何设计构建一个下拉菜单的动作，希望对你有帮助。

一、效果预览

原型预览地址：http://www.atomstudio.cn/demos/elementui_dropdownmenu/
二、准备工作
已安装xstar组件库2021.12.24版（或更高版本）。
三、详细教程
1. 功能说明

鼠标经过按钮时，显示下拉菜单
下拉选项中包含图标
点击选项，跳转页面

2. 操作说明
放置“下拉菜单”元件
从组件列表中选择…

导读：下拉菜单相关应用在平常的交互设计当中是少不了的一环，也是被用户饱受批评的重灾区。设计得不好会适得其反，让它变成繁琐与LOW的代名词。这篇文章我们也跟上一篇radio button一样，从根本上来分析下拉菜单的构造、应用场景、注意点。

一、下拉菜单的构造图解
下拉菜单的设计结构和文本输入框很接近，只是内容多一些，主要有十个部分构成。

栏目内容
容器
下拉箭头
占位符或提示文本
滚动条
下拉菜单
菜单项
分割线
选中项
提示

二、下拉菜单的类型
1. 标准形态
标准下拉菜单是针对我们所理解…

编辑导语：在UI组件中，下拉菜单是我们经常能看到的组件类别之一。下拉菜单的使用可以让用户看到更多界面选择，在设计合理得当的情况下有助于为用户提供优质体验。本文作者便介绍了下拉菜单的设计要点，读完之后，也许会对你有所帮助。

网站导航栏中经常能看到下拉菜单的使用。它是大多数用户熟悉的UI组件之一，很多设计师在导航设计中也会依赖这类组件。
但是怎样区分下拉菜单的设计是否合理呢？在这篇文章中，我们将从什么是下拉菜单开始，一步步来分析下拉菜单的设计构成。
一、什么是下拉菜单？
下拉菜单是经典的UI组件，服务…

编辑导语：在很多产品中都有下拉菜单的功能，但一些下拉菜单的功能比较笨重，不够灵活；本文作者分享了一个高级教程，用中继器做下拉菜单，我们一起来学习一下。

今天和大家分享一个中继器的高级教程——用中继器来做下拉菜单。
一、为什么要用中继器做下拉菜单
开始教学之前，我们先来探讨一下为什么要用中继器来做下拉菜单。
首先，市面上的下拉菜单的教程都是用动态面板来做的，通过隐藏的拉动和显示的推动来实现菜单效果的；这样做看是没有问题，但是用起来非常不方便。
为什么呢？

动态面板做的相当于写死了，你有10个菜单，…

本文将依据下拉菜单的属性，通过举例来讨论下拉菜单的使用场景，希望在设计上对大家有所帮助。 正确地设计下拉菜单， […]