我们已经准备好了,你呢?

我们与您携手共赢,为您的企业形象保驾护航!

下拉神器是一款专业的下拉词平台,为用户提供各种下拉功能:百度下拉丶360搜索下拉丶必应搜索下拉丶哔哩哔哩下拉丶抖音下拉等等,里面还有批量做词教程技术,可以一次性做10-50个词,省心高效!不用一个一个做了,而且批量做词,批量出词,可以实现霸屏效果

有的客户想删除下拉,但是百度不受理,就可以使用批量做词,霸屏技术,实现把那些负面信息顶下去,顶掉的效果=删除效果!欢迎您前来使用!新手不懂使用,请多看2遍视频教程哦!下拉神器100%有效果的!

给大家看一个下拉神器介绍的视频,看完后,点击下面的按钮进入”下拉神器“





下一篇文章内容预览:



由于公众号文章推送规则改为不按发布时间排序,所以为了让大家能准时收到我们的文章推送,请大家记得点击右下角的“阅读”,点击“..”给72PX设为星星~这样就不会错过任何精彩的推送

下拉菜单是UI设计和网页设计中的一个基础控件,也是设计中常用的一个组件,所以对它有一个全面深入的了解是很有必要的。本文非常全面地介绍了下拉菜单的设计规则,看完本文你会对下拉菜单设计有一个全新的认识,一起来学习吧。

下拉菜单在 UI 设计界经常被诟病,但这并非毫无道理。如果设计不好,下拉菜单就会成为繁琐和低级的代名词。但这不是本文要讨论的内容。我们要讨论的是搜索下拉框软件,如何在必要时正确使用它们。

同时需要说明的是下拉菜单主要分为两种类型:一种是导航菜单,一种是表单下拉菜单,本文我们只讲表单中下拉菜单的设计。

本文将讨论以下内容:

综合平面设计

下拉菜单的类型和变化

下拉菜单样式

下拉菜单状态

提示语句

何时使用下拉菜单

原生下拉菜单

可用性检查

结论

1. 设计全面的插图

下拉菜单的设计图和文本输入框很相似,但是内容更多。(1.列内容 2.容器 3.下拉箭头 4.占位符或提示文本 5.滚动条 6.下拉菜单 7.菜单项 8.分割线 9.选中项 10.提示)

下拉菜单设计图

2.下拉菜单的类型和变化

人们通常熟悉标准下拉菜单,但在使用时仍需要注意一些特殊类型和变体。此处包含的下拉菜单适用于表单情况,而不是导航栏中使用的下拉菜单。

标准下拉菜单

标准下拉菜单就是我们理解的动词“下拉”。在活动状态下,当您单击看起来像文本输入字段的内容时,它会打开一个菜单。

标准下拉菜单

带有自动提示的下拉菜单

我喜欢这个功能。我最早注意到 搜索栏上的自动建议功能,但我不记得哪个网站最先实现了它。当您需要输入特定选项(例如国家/地区名称)时,此功能特别有用。

带有自动提示的下拉菜单

具有自动完成和自动建议功能的下拉菜单

自动建议和自动完成被归为一类并不奇怪。自动建议是指在输入字段中显示选项供用户选择。自动完成是指提前显示完整的单词或短语。

具有自动完成和自动建议功能的下拉菜单

如果您没有在文本输入字段中开始输入内容,自动完成区域通常会被隐藏。

具有多项选择的下拉菜单

多数情况下,下拉菜单是单选按钮的扩展,这里多选下拉菜单则是复选框的扩展:用户可以在同一个输入区域选中多个列表选项。有朋友问我设计B面背景时能不能这样设计,其实可以。)

具有多项选择的下拉菜单

如果可以的话,请避免使用这种类型。我曾经不得不在一个很长的类别列表中使用它。说真的,具有自动完成和自动建议功能的下拉菜单是最好的组合。

带分组的下拉菜单

当长下拉菜单的设计不理想时,您可以将列表组织成组,以便于搜索。

带有类别的下拉菜单

固定滑动菜单

虽然严格意义上来说不算下拉菜单,但也可以考虑在选择范围中融入多选菜单,与下拉菜单不同的是,固定滑动菜单在展开时会有一个小的滑动窗口。

固定滑动菜单

它们在桌面页面上有效,但在移动屏幕上看起来有点尴尬。它将变成“滑动栏内的滑动菜单”

就我个人而言,我只使用过一次,并且很少看到这种类型被广泛使用。

日期选择器

日期选择器最好只用于安排会议和活动。当人们需要安排用餐时间时,一个能让他们看到星期几的日历是个好主意。我更喜欢一种允许你输入数字以及选择日期的设计——最好确保输入字段中的年、月、日之间有斜线,否则很烦人。纠结。

日期选择

我吸引仇恨的秘诀是:

当要求用户填写信用卡或护照的有效期时,使用下拉菜单。他们会特别注意星期几。当询问用户的生日时,使用下拉菜单。为了让你更“讨厌”,确保他们只能通过调整日期来更改“讨厌”程度:这种设计在填写养老院申请表时最有效。(译者注:在这段话中,我希望每个人都能体会到作者对这些设计的深刻讽刺)

3.下拉菜单样式

与下拉菜单 ( ) 的类型不同,下拉菜单 ( ) 的样式与其实际外观有关,而不是其工作方式。我在下面列出了几种常见的样式。

标准样式(附)

之所以称之为“标准”,是因为它是最常见的。

标准样式(附)

标准款式(非附属品)

我越来越多地看到这种样式的分割菜单。这很容易理解——这样菜单可以根据屏幕尺寸位于输入字段的上方或下方。

标准款式(非附属品)

圆形边框

圆形边框比较适合游戏类型的页面设置。

圆形边框

匹配图标

在输入字段的开头放一个图标会让它看起来更“有设计感”。当有人抱怨表格看起来很无聊时(好吧,老板……这个表格有 20 个输入字段,你能对他们说什么?)我只是添加了一个图标。老板,就是这样。

匹配图标

懒人小贴士:如果有人抱怨长桌看起来很无趣,那就添加一个图标。这个久经考验的方法不需要费力,你的老板或客户肯定会觉得他们找到了宝石。

匹配的图片

我通常避免在下拉菜单中使用图像 - 因为它们以后更新和维护起来很麻烦。特别是如果列表经常更改,后果将难以承受。但是,当您需要显示列表之间的差异时,这种样式非常有用。非常实用。

匹配的图片

而且我觉得在有限的下拉列表空间里很难看清图片(见上图),所以这种设计有点吃力不讨好。除非你把图片设计得非常大。

填充下拉菜单

我必须承认我是 的 语言的粉丝,包括他们的下拉菜单。

的 语言中不再使用“仅行”,但您仍然可以看到它潜伏在网络上。

线性下拉菜单(线)

“单行区域”被填充下拉菜单 ( ) 取代,据说是因为用户测试后感觉更好。它看起来不如以前好看,但使用起来肯定更方便 - 伙计们,这是最重要的!

填充下拉菜单 ( )

描边下拉菜单

就像它们的轮廓文本输入字段一样, 的轮廓下拉菜单 ( ) 也非常酷。它们的菜单栏与下方的实际选择栏分开,这解决了许多可用性问题。

激活后,标签文本会变小并移至顶部。我还想指出(这一点经常被我忽略):您是否注意到下拉菜单的靠前行是空白的?这种设计允许用户重置下拉菜单,比如说他们想稍后返回此项或空白列表。

描边下拉菜单

4.下拉菜单状态

无论用户使用哪种输入法,输入框都应该给予及时的反馈。这里我们来看看不同反馈状态下的下拉菜单。

默认状态

默认状态是用户操作下拉菜单之前的状态。

禁用状态

处于禁用状态的区域对用户可见,但无法使用。

悬停状态

如果用户将鼠标悬停在下拉菜单上,则下拉菜单应该指示它是可点击的。

注意:触摸屏幕时不能有悬停状态。如果你是为手机或平板设计软件,可以跳过此步。

重点状态

强调状态是当用户使用“tab键”(这里指的是用户使用键盘“tab/tab键”操作页面然后按“/键”输入信息)后,指定下拉菜单之后,但在选择特定的列表选项之前,我们一般会看到选中区域周围出现“蓝色光晕”。

但是有些网站会把重点状态和焦点状态结合在一起,这样即使用户不按 键,下拉列表也会直接打开。我有点困惑哪种方法更好。理论上,结合状态是有意义的,但是当我没有明确的指示时,我对这种情况下下拉列表自动打开的事实感到困惑。你觉得呢?

焦点状态

焦点状态是指项目的交互状态。当您点击下拉菜单时,会打开一个列表并显示选项。

我见过的许多下拉菜单的箭头都指向同一个方向,无论是活动状态还是聚焦状态。我更喜欢翻转箭头。我把它们看作手风琴面板()。您还可以使用动画图像来显示箭头转换的方向。

当用户的鼠标位于打开的下拉列表选项上时,最好显示每个特定的悬停选项。

完成输入

如果用户做出了选择,输入字段应该弹回其活动状态并显示选择。

免责声明:本站内容(文字信息+图片素材)来源于互联网公开数据整理或转载,仅用于学习参考,如有侵权问题,请及时联系本站删除,我们将在5个工作日内处理。联系邮箱:chuangshanghai#qq.com(把#换成@)

我们已经准备好了,你呢?

我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

132-7207-3477

上班时间

周一到周五

二维码
线