为认知找到合适的平衡点
下拉菜单可以让用户在不输入内容的情况下就可以做出选择。
一般情况下，输入信息(打字)需要用户付出大量的认知努力项目加盟，所以在很多表单设计中会采用下拉选项来提升操作效率。
▲一个输入生日的表单设计，月份填写采用下拉菜单的设计，因为一年只有12个月，方便用户快速选择；年份和日期没有采用下拉设计而是直接输入，因为年份和日期有很大的范围可以选择，使用下拉设计反而会增加使用负担。
不要滥用主导航中的下拉菜单
很多网站都在使用甚至滥用下拉菜单，因为这是一种很方便的设计形式，在网页中使用很少的屏幕空间就可以存储更多的路径和链接，同时可以确保用户能够回到原来的位置。
▲下拉菜单虽然占据很少的网页空间，但导航上的一些重要信息会被隐藏到更深的层级中，会导致用户难以发现菜单里面的内容。
▲如果网站包括很多层级的网页或分类，考虑使用大型菜单。显示方式与下拉菜单类似，但大型菜单更引人注目，这意味着用户不太可能忽视主导航。
3.移动端下拉菜单设计
移动端的屏幕尺寸很小，设计难度也会更大，因为下拉菜单在展开时往往会占用大量空间。把握这些设计技巧，移动端上也可以更好地使用下拉菜单。
iOS选择器
苹果很早就在考虑如何在手机屏幕上设计下拉菜单，苹果没有直接在手机中使用下拉菜单，而是专门定制了选择器组件。
▲选择器组件不像传统下拉列菜单那样在屏幕上展开，而是从屏幕底部升起，占据三分之一到一半的空间。同时仍然可以看到原来的界面，以便用户可以参考之前的内容。
另外苹果建议设计师尽量将选项保持在最低限度，因为滚动一长串选项对用户来说可能会很乏味。
Android
与iOS不同，Android没有定制专门的组件，而是为设计师提供了一些在Android应用程序上正确使用下拉菜单的建议。
▲下拉菜单可以放在屏幕上的任何地方，但必须与触发它们的图标很接近或有联系。另一个重要的细节是菜单状态的变化，下拉菜单的活动状态应该帮助用户了解他们在界面中的位置或操作。
4.下拉菜单案例分析
Puma
▲ Puma提供了一个带有多级导航功能的下拉菜单，展开的菜单不仅简洁明了地显示了商品的几个大分类，还展示了具体的商品细分。
虽然下拉菜单中包含了很多选项，但经过清晰地层级划分和排版，让这些信息很容易被用户理解，整体的设计简洁明了，干净而时尚。
Philip Lester
▲页面中的下拉菜单设计充分利用视觉效果，包含了很多细节：有趣的图标使用很少的空间提供了大量的信息；标题层次分明，文案的设计言简意赅；带有透明度的背景让下拉菜单看起来更自然。
Shiva
▲页面设计涉及到汉堡菜单和下拉菜单之间的联合使用。虽然最左边的设计只使用图标可能表达的信息不够深入，但至少为设计提供了更多可能性。最右边的设计更为合理，用户可以输入和搜索他们喜欢的食物，也能在下拉菜单中选择。
Airbnb
▲ Airbnb网站的设计非常关注细节下拉框如何增加选项，并提供了出色的体验。当用户预订住宿时，下拉菜单显示三种类型的来宾：成人、儿童和婴儿。对于每种类型的客户，用户都可以选择增加或减少，直到达到所需的数量。
最后
下拉菜单具有将许多不同的内容压缩到一个组件中的能力，从而一定程度上节省屏幕空间。在保持可用性的前提下，下拉菜单能够真正帮助用户下拉框如何增加选项，并减轻设计负担。
内容参考：justinmind.com/blog/drop-down-menu-design
可爱的你请把可爱的我设为“星标”。
