深色设计:LumenLingo 为什么选择夜空

坦诚介绍 LumenLingo 的深色宇宙设计:它想实现什么、深色界面的局限在哪里,以及为什么无障碍始终优先。

Lumenshore
阅读约 4 分钟

LumenLingo 的夜空界面始于一个简单的比喻:每一种语言都打开一个世界。深色画布让这个世界通过色彩、字体、真实创作的壁纸艺术,以及六种由 Metal 渲染的星云预设浮现出来。

这是一项带有实际影响的审美选择,不是“深色模式能让人学得更快”的主张。暗色界面在弱光环境中可能更舒适,也能让彩色内容有意识地前进或后退;但对部分人、在某些条件下,它也可能更难阅读。好的设计必须承认两面。

黑暗不是健康承诺

把任何深色界面宣传成缓解眼疲劳或保护睡眠的方案,很有诱惑力。但证据不足以支持如此宽泛的承诺。屏幕是否舒适,受亮度、环境光、字号、对比度、观看距离、视力和个人偏好共同影响,并非只由背景颜色决定。

文字与背景极性的研究提供了有用的反面提醒。Buchner 和 Baumgartner 在受控校对实验中发现,浅色背景上的深色文字,比深色背景上的浅色文字表现更好。这项研究不能回答移动设计的每一个问题,但至少说明:深色并不自动等于更易读

因此,LumenLingo 的宇宙风格必须依靠细致的实现来证明价值,而不是借用医学上的确定语气。

给语言搭一个舞台

深色画布让学习内容建立清晰的视觉层级。一个词、一条提示或一个操作,可以成为视线重点,而不必被许多同时争夺注意力的鲜艳元素包围。半透明层次可以表达空间感,同时保留明确的操作路径。

六种星云预设不是通用视频循环,而是由 Metal 实时绘制、作为环境而非信息设计的动态画面。壁纸集合也采用真实创作的艺术作品。目标是让这款 iPhone 应用拥有“场所感”,同时始终把实用词汇和引导式练习放在中心。

声音氛围同样是可选的。LumenLingo 包含分为四类的十二种专注音景。学习者可以选择一个、关闭它,或完全安静地练习。我们不会把这些音景称为记忆增强工具;它们的作用只是塑造体验。

动效也要知道何时安静

细微的运动可以表达深度,让数字空间显得有生命力;它也可能分散注意力或引发不适。Apple 的 Human Interface Guidelines 建议,动效应该有明确目的、可以选择,并适当响应“减弱动态效果”等无障碍偏好。

对宇宙主题而言,这尤其重要。星云不应与词汇提示争夺视线。用户需要时,装饰性运动应当安静下来;任何关键信息都不能只靠动画传达。

对比度不只是黑底白字

深色背景不能为过暗的文字、难以辨认的控件,或只用颜色表达的状态开脱。更有用的是提出具体问题:

  • 正文在支持的字号下是否舒适可读?
  • 每一张壁纸上,控件是否仍能分辨?
  • 没有颜色信息时,含义是否依旧成立?
  • 是否尊重大字号和无障碍设置?
  • 减少运动后,界面是否仍然容易理解?

WCAG 2.2 是网页标准,不是 iOS 认证,但它提供了可测试的参考:普通文字最低 4.5:1,大号文字最低 3:1,并规定了例外。Apple 也建议在每种外观和无障碍设置下检查对比度。达到一个比值只是底线,并不能证明每个人都会觉得舒适。

提供个性化,不表演“最优解”

最好的背景,是不会挡路的背景。有人喜欢紫色星云,有人更喜欢安静的艺术画面;有人在火车上使用音景,有人关闭所有声音。LumenLingo 提供鲜明的视觉身份,也保留选择空间,但不会把某个预设包装成认知上的最佳方案。

所谓精品体验,不是在每个细节旁贴一条科学结论。它是让闪卡、引导式练习、连续记录、壁纸和控件成为一个连贯整体;保护注意力;并诚实区分哪些是艺术、哪些是无障碍工作、哪些才是研究真正能够回答的问题。

夜空不是用来证明一个神经科学故事的。它存在,是因为学习一门语言有时像走进更广阔的世界;而一件认真制作的工具,可以让人愿意每天再次走进来。

资料来源

  • Buchner, A., & Baumgartner, N. (2007). “Text–background polarity affects performance irrespective of ambient illumination and colour contrast.” Ergonomics, 50(7), 1036–1063. https://doi.org/10.1080/00140130701306413
  • World Wide Web Consortium. “Web Content Accessibility Guidelines (WCAG) 2.2”,尤其是成功标准 1.4.3。 https://www.w3.org/TR/WCAG22/
  • Apple. “Human Interface Guidelines: Accessibility” 与 “Motion”。 Accessibility · Motion

了解 LumenLingo 的设计

继续阅读

应用动态

我们为何打造 LumenLingo

来自 Lumenshore 的工作室札记:我们希望在 iPhone 上,以更美好、更专注的方式帮助学习者积累实用词汇,并理解含义与语境。

Lumenshore阅读约 3 分钟
阅读故事