• 东京放送(TBS)更换新 LOGO,使用 26 年的小人儿不见了

  • 睿智幽默,用色独特!Emiliano Ponzi 插画作品欣赏

  • ALT——使用了航空航天包装的“可扩展性”液体大麻

  • FutureBrand 為 mindfront 曼朗医疗打造全新品牌形象

  • 味全酸奶换新装,LOGO 也有全新变化

  • 抖音更新品牌 LOGO,新字体顺眼多了!

  • 程鹏——带着爱去创作的时尚插画师

  • 2022 年杭州亚运会吉祥物揭晓,「江南忆」组合强势亮相!

  • coen car——nendo 最新作品

  • 为了让你的数据信息安全,设计师们开发了 Winston 盒子!

  • Early Bird™是由 Cambridge Consultants 设计的出血监测系统

  • Google Mate 智能社交工具

  • 疫情宅家太无聊? 教你把卧室变相机

  • 壮观!土豪花巨资在沙漠建造 2020 年世界博 LOGO

  • Emoji 新增 117 个表情,其中这三个有可能成为今年最受欢迎表情

  • 微软正式发布 Surface Hub 2 是协同工作的未来吗?

  • 餐厅与产品的用户引导设计

  • 三星 Bixby 正式发布,全新 LOGO 设计体现“真爱真 Ai”

商业

UI 与下拉列表的和谐设计

贡献者: wxn123 来源:LukeW 时间:4年前 热度:

这篇文可能会有些硬科技,并不是专门的美文,这是一位设计师的随想之作,就是如此,想到哪写到哪。 先说说吧,所有移动的窗体使用下拉列表菜单都会更好看,这里有几个下拉列表的备选方案,我们大概能从其中得到一点启发。

这篇文可能会有些硬科技,并不是专门的美文,这是一位设计师的随想之作,就是如此,想到哪写到哪。

先说说吧,所有移动的窗体使用下拉列表菜单都会更好看,这里有几个下拉列表的备选方案,我们大概能从其中得到一点启发。

预期影响转换

没有人会喜欢填写式的窗体。形式似乎会变得更冗长而复杂,我们也无法顺利的把信息导入其中。尤其是那些较小的屏幕,输入会显得很不精确。

1.png

当有两个额外的字段时,我们要表现出主要的差异问题。下拉菜单中几乎每个问题都需要考虑到,包括最适当的输入与相应的控件问题。

2.png

下拉列表的菜单中移动和桌面交互是一个多步骤的过程,通常情况下会需要更大的努力。所以,首先要进行控制,然后滚动,找到你要选择的目标,最后继续下一步的工作。

大小的调整

前进大小的调整是要进行反复测试的,所以会经常做一些非常规化的调整。而在测试时,我们选用了移动航班的预定表单,对此,我发现,人们首选分档会选择乘客的数目。这些所需要的,都是因为下拉菜单的设计和选择。

单选组

单选组是针对某种特定问题产生的,尤其是选项互相排斥的时候,会更适合单选组。

5.png

附加的控件

附加的控件不是唯一的控件,这个可以代替下拉菜单并且支持简单的交换机模式。这是两个选择,允许考虑范围和形式,并且细化到每个问题以及其中的空间是否合适。

6.png

按钮输入暴露了选项,否则这些都会被隐藏在一个下拉列表

7.png

在某些情况下,多个下拉菜单可以浓缩成一个输入的控件,航班预定标记需要收集旅行的日期。

作为最后的手段,所有这些下拉列表应该可以这么说,你可能永远不会使用他们作为用户界面设计。精心设计的形式会让他们为每个问题的最适当输入控件的使用要求作出调整。因为某些时候层次结构是很难去掌握和理解的。在如今的软件设计中,下拉列表很有可能是你要设计 UI 控件时的第一个组件,所以,这至关重要。

via:lukew

转载请注明来自 Arting365

Arting365 新版官网:http://arting365.com/

 

wxn123

没有个性签名

评论 条回复
扫进你口袋
微信搜索Arting365design 或 扫描二维码

推荐阅读

© 2017 Arting365 Corporation, All right reserved / 沪ICP备05004653