3.找到正确的认知平衡点

下拉菜单允许用户进行选择，而无需输入任何内容。

一般来说，输入信息（打字）需要用户付出大量的认知努力，因此许多表单设计使用下拉选项来提高操作效率。

⇧ 一种表单设计，输入生日，月份填写有下拉菜单设计，因为一年只有12个月，方便用户快速选择;年份和日期不是设计为下拉式的，而是直接输入的，因为有大量的年份和日期可供选择，使用下拉式设计会增加使用负担。

4.不要滥用主导航中的下拉菜单

许多网站使用甚至滥用下拉菜单，因为它们是一种方便的设计形式关键下拉菜单，允许您在网页上以更少的屏幕空间存储更多的路径和链接，同时确保用户可以回到原来的位置。

⇧ 虽然下拉菜单在网页上占用的空间非常小，但导航上的一些重要信息会隐藏在更深的层次，使用户难以发现菜单中的内容。

⇧ 如果您的网站包含多个级别的页面或类别，请考虑使用。显示类似于下拉菜单，但巨型菜单更引人注目，这意味着用户不太可能忽略主导航。

移动下拉菜单设计

手机屏幕很小，设计起来更困难，因为下拉菜单在展开时往往会占用大量空间。有了这些设计技巧，下拉菜单也可以在移动设备上更好地使用。

1. iOS选择器

苹果一直在思考如何在手机屏幕上设计下拉菜单，而不是直接在手机中使用下拉菜单，苹果专门定制了选择器组件。

选择器组件不像传统的下拉菜单那样在屏幕上展开，而是从屏幕底部上升并占据三分之一到二分之一的空间。同时，还可以看到原始界面，以便用户可以参考之前的内容。

此外搜索下拉框软件★64xl.com顶级下拉平台，360搜索手机下拉， 建议设计师尽可能将选项保持在最低限度，因为滚动浏览一长串选项对用户来说可能会很乏味。

阿拉伯数字。

与 iOS 不同，它没有特定于自定义的组件，而是为设计人员提供了一些建议，以正确使用应用程序上的下拉菜单。

下拉菜单可以放置在屏幕上的任何位置，但它们必须靠近或连接到触发它们的图标。另一个重要的细节是菜单状态的变化，下拉菜单的活动状态应该帮助用户理解他们在界面中的位置或操作。

下拉菜单案例研究

1. 彪马

Puma 提供了一个带有多级导航的下拉菜单，该菜单不仅可以扩展以显示几大类产品，还可以显示特定的产品细分。

虽然下拉菜单中有很多选项，但它们有明确的层次结构和排版，以便用户易于理解信息，并且整体设计干净、干净、时尚。

阿拉伯数字。

页面中的下拉菜单设计充分利用了视觉效果，并包含了很多细节：有趣的图标以非常小的空间提供了大量信息;标题层次分明，文案设计简洁明了;具有透明度的背景使下拉菜单看起来更自然。

3.

页面设计涉及汉堡菜单和下拉菜单的共同使用。虽然最左边的设计还不够深入，无法仅使用图标关键下拉菜单，但它至少为设计开辟了更多的可能性。最右边的设计更有意义，允许用户输入和搜索他们最喜欢的食物，也可以从下拉菜单中选择。

4.

该网站的设计非常注重细节，并提供出色的体验。当用户预订住宿时，下拉菜单会显示三种类型的房客：成人、儿童和婴儿。对于每种类型的客户，用户可以选择增加或减少，直到达到所需的数量。

最后

下拉菜单能够将许多不同的内容压缩到一个组件中，从而节省一些屏幕空间。下拉菜单可以真正帮助用户，减轻设计负担，同时保持可用性。

导演级经验！ 下拉菜单的 7 个设计技巧

正确使用下拉菜单设计非常重要。

阅读文章 >