Human Interface Guidelines — Switches

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

Switches

Human Interface Guidelines链接:Switches

Switche 是在两个互斥的状态(开—关)之间的视觉切换。

左:默认样式    右:自定义样式

·考虑调整 switch 的外观以与app匹配

如果它在app中作用明显,请更改 switch 开关状态的颜色或使用自定义图像来表示 switch。

·仅在 table rows中使用 switches

Switch 设计用于表格中,例如在设置列表中可以打开和关闭的 switches。如果您需 toolbar 或 navigation bar 中使用的类似功能,请改用button,并提供两个不同的图标来传达状态。

·避免添加 labels 来描述 switch 的值

Switch要么打开要么关闭。提供描述这些状态的 label 是多余的,并且会使界面变得混乱。

·考虑使用 switches 来管理相关界面元素的可用性

Switches 通常会影响屏幕上的其他内容。例如,在“设置”中启用“飞行模式”开关,会禁用某些其他设置,例如蜂窝和个人热点。在设置> Wi-Fi中关闭Wi-Fi开关会导致可用的网络和其他选项消失。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏天天P图攻城狮

iOS基础开发实践:iMessage Extension浅析

2012
来自专栏逍遥剑客的游戏开发

XACT与X3DAudio整合的问题

1596
来自专栏程序你好

JavaScript调试和优化,深入研究谷歌Chrome浏览器开发工具(二)

您可以使用console.time(label)和console.timeEnd(label)来度量代码执行所需的时间。让我们在我们的简单示例中计算update...

1684
来自专栏极乐技术社区

小灯灯实战系列《二》微信小程序:仿今日头条(上)

写在前面 新的一年,祝大家新年快乐!当然对于程序员来说,新的一年,也要有新的改变。因此灯灯决定凑热闹编写微信小程序啦! 上一篇文章《记一次小程序开发过程》中,灯...

3138
来自专栏守候书阁

web调试优化-chrome开发者工具不完全指南

chrome,对于web开发者而言,都是很熟悉的一个浏览器,无论是从事的是前端,后端或者是测试!简单、快捷和功能强大使它受到了许多开发者的青睐!在浏览器排行上,...

711
来自专栏大史住在大前端

javascript基础修炼(5)—Event Loop

如果没有详细钻研过异步队列,答对的可能性很低。题目的考察点很明确,就是javascript中最核心的特点之一的【异步】,了解了原理以后,你就会明白javascr...

902
来自专栏V站

Emlog丨西顾Grace主题免费开源-一款超卡哇伊的ACG主题

由一梦发布,主题如其名,和WordPress版的Grace主题有十分多的共同之处。

5305
来自专栏李成熙heyli

性能优化三部曲之二——通用纯前端优化首屏时间

背景: 对构建的改造已经完成,目前构建的能力可以较为灵活地支撑进一步的优化 希望进一步减少首屏时间,将首屏时间控制在2秒以内 页面情况: 优化之前,并没有上报...

3179
来自专栏数据小魔方

think-cell chart系列20——使用建议及附加功能

今天是think-cell chart系列收尾篇——使用建议及附加功能。 由于think-cell chart图表插件是office平台的第三方插件,而且图表...

3754
来自专栏腾讯云Elasticsearch Service

Elasticsearch最佳实践之搭建日志分析平台

(本次课程是通过小程序对外推广的,所以PPT是竖版的。电脑端浏览体验可能不太好,望大家见谅)

4071

扫码关注云+社区