盐城ui设计中下拉菜单设计技巧

发布者: u-walker 发布时间: 2020-02-07 浏览 106
  盐城ui设计中下拉菜单设计技巧。下拉菜单在某种程度上可以缩小选择范围,方便用户使用和浏览。那么,零基础学ui的学员该如何设计下拉菜单呢?

盐城ui设计中下拉菜单设计技巧

  一、禁用时的灰色选项

  当某个选项被禁用或不可用时,应将其显示为灰色,而不是将其删除。如果删除了禁用项,则界面将失去空间一致性,并使用户更难学习,他们可能仅由于禁用项而无法找到某些选项。与其删除已禁用的选项,不如将它们变灰以指示其“已禁用”或“不可用”状态。您也可以考虑显示工具提示,以指示该选项被禁用的原因以及如何使其处于活动状态。推荐阅读>>>交互设计的基础元素及原则

  二、使用简洁明了的标签

  用户根据他们的标签选择菜单选项,因此准确和提供信息非常重要。通常,盐城ui设计师最好使用句子大小写并编写简洁的标签,以清楚表明选择的目的。对于动作菜单项,请使用动词来描述将要发生的动作;对于链接,请使用名词来标识用户将定向到的页面;排除菜单项中的文章;将菜单项保持在一行文本中等。

  三、避免长列表下拉

  在表单中使用下拉菜单似乎很容易。它们在界面上不会占用太多空间,所有浏览器都支持它们,并且用户对它们的了解也足够多。但是,当选项超过15种时,用户可能会不知所措,而他们也难以导航。看到20多个未分类的选项可能会令人迷惑并且令人生畏,使得用户很难找到他们想要的输入。还会出现滚动问题,用户必须将鼠标光标保持在下拉框中,否则,他们最终将向下滚动页面。长下拉列表最经典的示例是国家选择器,通常有100多个选项。尽管通常按字母顺序对其进行排序,但有时会将流行国家/地区放在顶部,这可能会使用户感到困惑。更好的选择是使用具有自动完成功能的文本字段,因为用户已经知道他们在寻找什么输入。

  盐城ui设计中下拉菜单设计技巧。当然,新手设计师们在设计下拉菜单时,也要考虑产品的实际情况,并不是所有的内容和场景都适合使用。

本页网址:https://www.u-walker.com/yancheng/1976.html

上一篇: 智能物联网技术主要的应用领域

下一篇: 扬州ui设计中如何保持界面的一致性

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部