如何提升UI界面中的下拉菜单细节设计?来看这篇超全面分析

访客4年前黑客资讯670

导读:下拉菜单是UI设计,网页设计中的基本控件,也是平时各人做设计时会用到的常用组件,所以有须要对它举办全面深入的相识。本文很是全面的先容了下拉菜单的设计法例,相信读完会对下拉菜单设计有一个全新的认识,一起来进修吧。

如何晋升UI界面中的下拉菜单细节设计?来看这篇超全面阐明

下拉菜单在UI设计规模常常饱受品评,但这也不是没有来由的。设计得欠好,它们酿成了繁琐和Low的代名词。不外这不是这篇文章要接头的,我们将要接头的是,在须要时应该如何正确的利用它们。

同时我需要申明的是,下拉菜单有两种主要范例:一种用于导航菜单,另一种用于表单。在这篇文章中,我们只聊表单中的下拉菜单设计。

文章将会聊到如下内容:

设计全面图解

下拉菜单的范例及变革

下拉菜单气势气魄

下拉菜单状态

提示语句

何时利用下拉菜单

原生下拉菜单

可用性查抄

结语

01 设计全面图解

下拉菜单的设计图解和文本输入框很靠近,只是内容多一些。(1.栏目内容 2.容器 3.下拉箭头 4.占位符或提示文本 5.转动条 6.下拉菜单 7.菜单项 8.支解线 9.选中项 10.提示)

如何晋升UI界面中的下拉菜单细节设计?来看这篇超全面阐明

下拉菜单设计图解

02 下拉菜单的范例及变革

人们对尺度下拉菜单已经有了普遍的相识,但你仍需要在事情中寄望几个出格的范例和变革。这里包括的下拉菜单是针对表单的环境,并不是导航栏里利用的下拉菜单。

尺度下拉菜单

尺度下拉菜单是针对我们所领略的“下拉”这个动词。在激活状态,当你点击貌似文本输入栏的处所时,它会打开一个菜单。

如何晋升UI界面中的下拉菜单细节设计?来看这篇超全面阐明

尺度下拉菜单

下拉菜单配自动提示

我超喜欢这个成果。当我之一次留意到自动提示是在谷歌的搜索栏上,可我不记得之一个实现这个成果的是什么网站了。当你在一长串列表中选择需要的选项时(好比国度名),这个成果变得分外实用。

如何晋升UI界面中的下拉菜单细节设计?来看这篇超全面阐明

下拉菜单配自动提示

下拉菜单配自动完成和自动提示成果

自动提示和自动完乐成能被放在一起并不惊奇。自动提示是在输入栏里显示选项让用户从中选择。自动完成是提前显示一个完整的单词或短语。

如何晋升UI界面中的下拉菜单细节设计?来看这篇超全面阐明

下拉菜单配自动完成和自动提示成果

假如你没有在文本输入栏开始打字的话,自动完成区域凡是被埋没起来。

下拉菜单配多选

大大都环境下,下拉菜单是单选按钮的延伸。这里的下拉菜单配多选则是复选框的延伸:用户可以在同一个输入区域选择多个列表选项。(彩云注:前段时间正好有伴侣问我,在设计B端靠山时,是否可以这样设计,其实是可以的。)

如何晋升UI界面中的下拉菜单细节设计?来看这篇超全面阐明

下拉菜单配多选

假如可以的话,只管避开这种范例。我曾在一个无比冗长的种别列表上不得已利用了它。讲真,下拉菜单配自动完成和自动提示的组合才是最抱负的。

下拉菜单配分组

当长型下拉菜单的设计不是出格抱负时,你可以把列表分组,这样搜索起来越发简朴。

如何晋升UI界面中的下拉菜单细节设计?来看这篇超全面阐明

下拉菜单配分门别类

牢靠滑动菜单

固然不是严格意义上的下拉菜单,可是也可以思量把多选菜单纳入选择范畴中。和下拉菜单差异的是,牢靠滑动菜单展开后会有一个可以滑动的小窗口。

如何晋升UI界面中的下拉菜单细节设计?来看这篇超全面阐明

牢靠滑动菜单

它们在电脑页面上尚可利用,但在手机屏幕上就有点别扭了。到时候会成为一个“在滑动栏里的滑动菜单”

小我私家来说,我只利用过一次,也很少看到这个范例被遍及利用过。

日期选择器

日期选择器的范例更好只用在布置 *** 会议和勾当日程上。当人们需要布置吃休息餐的时候,能一眼看出礼拜几的日历是更好不外的了。可同样的设计被用在填写护照截至日期时就会相当烦人。我较量方向于那种既能输入数字又能选择日期的设计 – 更好确认一下输入栏里的年代日之间加上了斜线,否则会让人很纠结。

如何晋升UI界面中的下拉菜单细节设计?来看这篇超全面阐明

日期选择

我的“拉恼恨法门”:

相关文章

黑客识别功能(黑客人脸识别)

黑客识别功能(黑客人脸识别)

本文导读目录: 1、当遇到黑客进行操作系统进行识别时,如何进行防护?能否完全屏蔽黑客对服务器的 2、黑客是怎样通过网络入侵电脑的啊? 3、黑客隐藏身份如何检测出来 4、黑客的行为特征。...

怎么查开宾馆记录网站_怎么查我老婆开过房

中国北京时间11月14日,《足球报》发文强调,賽季的中超赛程称得上史上最牛贵,由于总的花销做到了两亿rmb,自打年中超赛程创立至今,它是中国足球协会花销数最多的一个賽季,此外,中超联赛裁判员的稽查...

如何彻底卸载win10易升

自win10公布至今就深受大家的青睐,可是,实际上就会有许多 客户是讨厌win10易升的。由于在我们不要想它的情况下,愣是如何删都无法删除。可是呢,我今日便是来告知大家如何彻底删除win10易升的。...

微博会员有什么用途(微博会员功能有哪些)

微博会员有什么用途(微博会员功能有哪些)

微博账号@来去之间在12月3日发布一条微博橱窗信息,可花1元钱购买“终身微博会员抽奖资格。12月20日,网友@痞子男老师 成为微博历史上第二位“终身会员”,这已经不是@来去之间第一次玩送终身会员的...

圣艺预约什么意思

晚霞渐浓,红妆素色。子瑜拾一叶,藏于缥缃,归去。圣艺模特预约什么意思,一年四季的循环往复;白天和黑夜的循环往复;生死轮回的循环往复,造成了地久天长的循环系统。 女学妹怡宁简单自我介绍 先生们,我...

什么是网络兼职,什么是正规网络兼职!

什么是网络兼职,什么是正规网络兼职!

网络兼职 现在网络兼职在互联网上非常热门,有些人不知道该怎么去找适合自己的,而且网络兼职五花八门,好多骗人的,下面我说一下我经过自己经验知道的能赚钱的正规的网络兼职都有哪些 1、写作类:如果你文笔...