解读ui菜单设计的攻略如何设计ui菜单 _下拉

下拉菜单的基本剖析

标签：告知用户所要选择的内容字段图标（可选）：用来说明相应的字段特征的图标搜索栏目（可选）：用来帮助用户轻松找到所需选项，前提条件上下拉菜单中字段超过20个复选框（可选）：让用户可用同时选中多个选项下拉菜单的类型根据所需输入的内容的性质，下拉菜单的外观可能会有所变动，方便处理不同类型的信息。设计下拉菜单的时候，需要保持足够的灵活性，提高可用性，兼顾不同的输入类型，这一点很重要。
下拉菜单的状态基于不同的交互状态，下拉菜单的 UI 界面有多个不同的状态。每个状态在视觉上都比较相似，但是在设计的时候，要让用户能够清晰地区分开来。下拉菜单通常有默认、激活、悬停、禁用、聚焦和出错这几种状态。
【解读ui菜单设计的攻略如何设计ui菜单】下面是设计下拉菜单的时候，一些重要的设计准则和最佳实践。
1、避免下拉菜单有太多选项下拉菜单选项多，是下拉菜单的一大特点，但是如果选项太多，可能会对体验产生负面的影响，比如选项超过15个的时候，用户极有可能会觉得不知所措。
此外，选项过多还会出现滚动浏览的问题。用户只有将光标置于下拉框当中才能正常浏览，而如果不小心光标挪到下拉框之外，则可能让整个页面滚动，这是一件非常令人讨厌的事情。
但是避免不了要怎么办呢？超长的下拉框是最常见的一种情况，当你需要填写/选择自己所在的国家和地区的时候，超长的列表简直让人崩溃。
这个时候有2种解决方案：
使用自动填写来帮助用户补完信息将搜索功能集成在输入框当中2、选项太少时就别采用下拉菜单如果选项太少，但是依然使用下拉框就有点浪费了。你可以使用普通的按钮或者选择器控件来搞定这个功能，这可能比下拉菜单来的更加直观和易用，因为相比之下，下拉框还会隐藏信息。
所以，没有太多选项的时候，就尽量不要使用下拉菜单。
3、让不可用选项以灰色显示首先要说的是，某个选项存在但是不可选（被禁用）和不提供这一选项，是两个截然不同的情况。如果直接不显示，就意味着逻辑和界面一致性失衡了。所以，最好让不可用的、被禁用的选项保留，但是以灰色显示，且不可选。
4、按照逻辑来排列选项列举出的选项应该符合一定的规律，方便用户定位和筛选。最常见的情况，是按照字母顺序或者数字顺序来排列，这样用户有清晰的预期和搜索定位的依据。
5、如果输入更快就不要用下拉菜单在有的情形下，输入可能是比在下拉菜单中选择来的更快的。一种比较典型的情况，是输入信用卡的有效期，输入「月份/年」这样的信息，比在两个下拉菜单中挨个选择，来的快。

解读ui菜单设计的攻略 如何设计ui菜单

猜你喜欢

解读ui菜单设计的攻略如何设计ui菜单