欢迎回来
登录你的知识库账户
忘记密码?
还没有账户?立即注册
创建账户
注册你的专属知识库
已有账户?去登录
找回密码
输入注册邮箱获取验证码
返回登录
请输入图片中的验证码以继续注册
加载中...
取消
新建收藏
手动添加你喜欢的内容
取消
编辑头像与昵称
上传新头像或修改你的显示昵称
支持 JPG/PNG,最大 2MB
取消

问题反馈

notebasewww.notebase.cn
控制台
内容库
动态
管理
账户
U
用户
--
在线
v0.8.7 · 知识库
笔记
KnowledgeBase
网络无边,知识有迹。
0笔记
0工具
30推荐

分类导航

按主题直达

编辑精选

站内用户贡献 · 真实笔记

最新收录

每日更新
继续浏览全部内容 →
>
笔记
0
加载中...
工具
0
此页用于记录用户反馈问题后的每一次改进
笔记用法

“写笔记”支持四种格式——Word 文档、Excel 表格、Markdown、纯文本,起稿或二次编辑时都能随时切换,同一篇笔记想用哪种形态来记,都由你说了算。

md、txt、csv、json 这类纯文本则原样载入,不做多余加工。拿一张现成的表倒进来、改几笔、再导出去,等于白用一台免费的格式转换器。

要带走就在右上角点“下载”,可导出 PDF、Word、Markdown、Excel、TXT 等格式;列表卡片“⋯”菜单里,也有同样的下载入口。

工具用法

在“工具”页点“+ 上传工具”即可发布:填好名称与链接,再用 Markdown 把使用方法写清楚——能解决什么问题、怎么装、怎么用,比堆介绍实在。

要分发安装包就一并上传压缩包(ZIP、RAR、7Z、TAR.GZ,最大 35MB),别人在详情页一键下载;只放链接不带附件也可以。

工具按大家的收藏热度排序,好用的自然会被顶上来。发布后可在详情页或卡片菜单里编辑、下架。

隐藏笔记

写笔记时勾上“隐藏”,这篇就只存在于你自己的账号里:不进列表、不进搜索、不上首页精选,也不会出现在任何公开的页面,链接发给别人同样打不开。

适合放密码、草稿、日记这类只给自己看的内容;想公开,去“发布”打开它,把“隐藏”的勾去掉再保存,之后编辑会默认保持原状态,不会悄悄变回公开。

数据安全

你的内容会同时保存在多个副本上,系统定期做备份与完整性校验,再配合异地容灾机制:就算某台机器出问题,数据也不会丢,可以长期放心存放;特别重要的资料,仍建议你另外再留一份备份。

技术

全站跑在容器化、模块化的现代架构上,更新、部署、回滚都很快,扩展性和稳定性都按长期运营的标准来设计(Built for reliability, designed to scale)。

理念

这个网站最早只是一个人的笔记仓库,后来慢慢长成现在的知识中枢。设计上很克制——没有广告、没有追踪、没有推荐算法,只是干干净净地存放一些东西;既然做好了,就公开出来,万一有人用得上呢。

原则

不做大而全,不做平台梦,保持简单、保持克制、保持好奇。所有内容都由用户贡献、由用户维护:不会突然冒出付费墙,不会在角落塞广告位,也不会把你的数据卖给第三方。

更多

产品会持续迭代,站内日志页记录着每一次改动,改了什么都有迹可循;想了解这个站是怎么一步步走到今天的,翻翻日志就能看到来龙去脉。

举报

如果在这里看到涉嫌违规的内容,点对应卡片右侧的“举报”按钮就能提交,我们会尽快核实处理;也谢谢你花一点时间,一起把这里维护干净。

趋势
// 点击导航加载发现
归档
// 归档为空
最近浏览
// 暂无浏览记录
发布
// 加载中...
用户发布
// 加载中...
用户管理
// 加载中...
访问统计
// 加载中...
内容审核
// 加载中...
个人信息
// 加载中...
返回首页

方形复选框之死:一个UI设计传统的终结

1970/1/1设计理念

本文回顾了方形复选框与圆形单选按钮的UI设计传统,并指出苹果visionOS首次打破这一持续40年的惯例,标志着2024年方形复选框的正式消亡。


引言:一个简单控件的身份危机

在图形用户界面(GUI)的世界里,有些视觉符号如此根深蒂固,以至于我们几乎不会意识到它们的存在——直到某一天,它们被悄然改变。复选框(checkbox)就是这样一个符号。它凭借一个简单的方形轮廓和内部的对勾(checkmark),承载了多选交互的核心语义。然而,当2024年苹果在visionOS中首次采用圆形复选框时,设计师们开始意识到:一个持续了四十年的视觉传统,正在被亲手打破。

方形复选框的黄金时代

如果追溯GUI的历史,你会发现一个令人惊讶的事实:复选框的形状并非随意设计,而是承载了清晰的语义区分。

从根本上说,复选框的核心特征是“多选”——你可以同时选中任意数量的项目。而与之相对的“单选框”(radio button)则恰恰相反:它代表“单选”,选中一个,其他选项自动取消。这种区分并非凭空而来,而是基于人机交互中的一项基本认知原则:形状是功能的视觉隐喻。方形的复选框暗示着“可累加、多状态”,而圆形的单选框则暗示着“互斥、唯一”。

这种惯例在不同操作系统的演化中得到了惊人的一致性体现:

  • macOS Sonoma (2023):方形,内带对勾
  • OS X Mavericks (2013):方形,带有浅灰色对勾
  • OS X Leopard (2007):方形,带有蓝色对勾
  • Mac OS 9 (1999):方形,黑色边框,内部空心
  • Mac OS 7.5 (1994):方形,边框略粗,内部为浅灰色填充
  • Windows 11 (2021):方形,圆角,蓝色填充+白色对勾
  • Windows 8 (2012):方形,直角,蓝色填充+白色对勾
  • Windows 7 (2009):方形,直角,绿色填充+白色对勾
  • Windows XP (2001):方形,圆角,蓝色填充+白色对勾
  • Windows 2000 (2000):方形,直角,白色底+黑色边框,选中时内部变蓝
  • Windows 95 (1995):方形,直角,立体效果,选中时内部出现星号
  • Windows for Workgroups 3.11 (1993):方形,白色底,选中时内部变为灰色

值得注意的是,在某些早期版本中,甚至没有对勾符号——例如Windows 95用星号表示选中,而Mac OS 7.5用内部填充来表示。但无论形式如何变化,方形这一根本特征从未缺席。

一个有趣的例外是:在1986年的Apple System 3中,复选框曾被绘制为圆角矩形(并非圆形),这引发了短暂的混乱,但很快就被纠正为方形。这从侧面说明,即使是在GUI标准尚未完全统一的年代,方形复选框也已经成为一种近乎本能的视觉共识。

为什么方形如此重要?

方形复选框的存在,不仅仅是一个审美偏好,它背后有着深刻的功能性逻辑:

  1. 可区分性:在同一个表单中,用户必须能快速分辨出哪些控件是多选、哪些是单选。形状是最直接的视觉线索——圆代表“唯一”、方代表“多个”。这种区分避免了用户困惑,例如误以为可以同时选择多个单选项。

  2. 历史延续性:从1987年的System 4到2023年的macOS Sonoma,从1993年的Windows for Workgroups到2021年的Windows 11,每一代操作系统都自觉或不自觉地遵循了这一传统。这种延续性降低了用户适应新界面的学习成本。

  3. 跨平台一致性:即使在不同操作系统之间,复选框的方形也几乎成为了一种“世界语”。用户在macOS上学会的交互范式,在Windows上依然适用。

这种惯例首先在桌面操作系统上建立,并深深影响了后来的开发工具。例如,在Turbo Pascal 7.0(1992)和Norton Commander 5(1993)中,我们都能看到熟悉的方形复选框和圆形单选框。有趣的是,Markdown语言中的[x]任务列表语法,也延续了“方框代表多选”的视觉隐喻——这算是一个意外但可爱的复兴。

混乱的源头:Web技术的去传统化

如果说桌面操作系统是传统的守护者,那么Web就是打破传统的先锋。当网页设计师开始使用CSS和JavaScript时,他们发现了一个事实:浏览器默认的控件样式丑陋且难以定制。于是,一场疯狂的“控件再发明”运动开始了。

人们不再遵循“方形=多选、圆形=单选”的规则,而是将形状与功能随意混合。以下是一些典型的例子:

  • Twitter(2024):将圆形单选框内加上对勾符号,用作多选操作?实际上,这在Twitter的投票某些场景中误用了这种搭配。
  • Yandex Maps(2024):采用了方形的单选框,打破了“圆形=单选”的规则。
  • Telegram for macOS(2024):原生应用中引入了圆形的复选框,直接违背了平台传统。

更严重的是,有时同一产品内的不同分组不再区分形状。在Yandex Maps的设置里,一组选项下方用方形(看起来像多选),实际上却是单选;而另一组用圆形(看似单选),却允许多选。Telegram Web的投票中,有些是单选(用圆形),有些是多选(也用圆形)——用户根本无从分辨。

这种混沌现象的根本原因在于:Web设计者将“视觉新颖性”置于“功能明确性”之上。他们错误地认为,重新设计控件是创新的表现,却忽视了形状-语义的匹配是人类工程学中的基本共识。

桌面系统的坚守与苹果的背离

尽管Web世界一片混乱,桌面操作系统供应商在很长一段时间内都保持了理性的克制。无论是Windows还是macOS,它们都在官方设计规范中明确规定了:复选框为方形,单选框为圆形。这可能是由于内部有成熟的设计师团队,或是经过了严格的用户测试——但更重要的是,它们明白“惯例的破坏需要充分的理由”。

然而,2024年,苹果打破了这一传统。在它们全新的visionOS(适用于Apple Vision Pro)中,复选框被设计为圆形。这个改变在苹果的设计资源库(Apple Design Resources)中被正式确认。这意味着,苹果官方不再遵守方形与圆形的区分惯例,甚至让圆形复选框首次出现在主流操作系统中。

这一行为引发了设计师圈子的震动。我们不禁要问:如果复选框不再是方形,我们应该如何称呼它?“Radio Check”(单选复选)?“Check Button”(检查按钮)?还是干脆统一叫“Switch”(开关)?

传统死亡,我们失去的是什么?

苹果的“背叛”无疑给这一持续四十年的传统画上了句号。在2024年,我们正式可以宣告:方形复选框作为一个明确而统一的视觉符号,已经死亡。

或许有人会说,这不过是小事。但深层次看,这反映了当代UI设计中一个令人担忧的趋势:为了新颖而新颖,却忽视了功能的清晰性。当我们失去形状-语义的映射,用户就必须依靠额外的文本标签或自己的记忆来判断控件的功能——这增加了认知负担,也增加了出错的可能性。

更大的代价是跨代际的沟通障碍。试想:一个使用了二十年Windows的老用户,在面对visionOS的圆形复选框时,是否会误认为它是单选框?答案是显而易见的。

结语与展望

方形复选框的死亡,不是偶然事件,而是设计领域日益泛滥的“平扁化”和“自定义化”的结果。当我们拥抱新范式时,也许应该回望那些看似过时的“条条框框”——它们之所以被广泛接受,并非因为设计师的懒惰,而是因为它们承载了人类认知中真实而有效的模式。

孩子们总会用更好的新控件来取代旧事物,但在这场更新换代中,我们是否应该更谨慎地对待那些经过时间考验的视觉语言?答案并不明确,但对话必须开始。


原文: In Loving Memory of Square Checkbox
译者注: 原文发表于2024年1月,作者是UI/UX专家Niki Tonsky。文中插图均来自不同操作系统的实际截图,以便读者直观对比。

分类: 设计理念

编写使用方法
Markdown 格式 · Ctrl+Enter 确定
新建笔记
预览
数据表格
点击单元格编辑 · Tab 移动
A1fx
Sheet1
BIH1H2≡🔗</>
隐私提醒

取消
编辑工具
取消