深空美学：Gu9 视觉语言如何让用户在打开 App 的瞬间感到安全
深空美学：Gu9 视觉语言如何让用户在打开 App 的瞬间感到安全
北京，2026年5月22日 — OWMap 设计团队今日公开 Gu9 视觉系统的设计哲学与核心规范。Gu9（代号 Good Night）是 OWMap 的 Android 助眠 App，其视觉系统从第一个像素开始，就只回答一个问题：这个界面会帮助用户入睡吗？
视觉的职责：消失，而不是吸引
传统 App 的视觉逻辑是「吸引注意力」。亮色、动效、角标、红点——一切都是为了让用户多停留一秒。
Gu9 的逻辑是反向的。
设计题记里有一句话：「设计的最高形态，是消失。Gu9 的界面应该在用户闭上眼睛之前，悄悄地退出画面。」
这意味着 Gu9 的视觉不追求「好看」，而追求「安全感」——用户在最困倦的时刻打开这个 App，界面应该是他看到的最后一个东西，然后让他自然地进入睡眠，而不是让他多看一秒。
三条视觉底线
设计团队制定了三条不可破坏的视觉底线，所有视觉决策必须以此为前提：
底线一：最长两步入睡路径
从 App 冷启动到故事开始播放，无论任何入口，最多两次点击。通知点击后直接进入播放，无需任何额外操作；再次打开时，上次播放位置直接高亮，一键继续。任何不满足这个标准的视觉流程设计，必须重新审查。
底线二：夜间无蓝光原则
所有界面在深色模式下不出现任何色温偏冷或亮度过高的颜色。纯白（#FFFFFF）禁止出现在任何可视元素中。最亮的文字色是 Moon White（#f4f1e8）——一种如羊皮纸或月光般的暖白，而非临床白。背景最大亮度为深宇宙蓝（#1a1f2e）。即使是错误提示，也使用暖琥珀色，而不是红色——红色会刺激神经，恰恰是睡眠最不需要的。
底线三：零焦虑界面原则
绝不显示未读消息数字、红点角标、今日剩余次数倒计时、任何形式的完成进度百分比。付费引导使用情感驱动，不用数字压迫。每日只推送一条通知。
色彩体系：三个主色，精确使用
Gu9 的色彩体系极度克制，只有三个主色，每一个都有明确的使用规则：
Night Canvas（#000508）——近纯黑，带有最轻微的蓝色底调
这是 Gu9 的背景色，占据约百分之九十五的屏幕空间。它不是纯黑——纯黑会让屏幕看起来像是关机状态。Night Canvas 的蓝色底调极轻，足以让人感知到「这是宇宙的颜色」而不是「这是空洞的黑」。
Moon White（#f4f1e8）——暖白，如旧羊皮纸
这是文字色，用于主标题和核心内容。它的暖意来自轻微的黄色偏移，让文字在深色背景上看起来像是被蜡烛照亮，而不是被荧光灯照亮。深夜阅读时，这个颜色比纯白对眼睛的刺激低约四十个百分点。
Story Gold（#f5c842）——琥珀金，如烛光打在黄铜上
这是最关键的颜色，也是使用最节制的颜色。Story Gold 永远不能作为填充色使用——它只出现在极小的、精确的位置：地球仪上的坐标标记、播放进度条的当前位置点、故事标题的引导光晕。
设计团队有一条内部原则：Story Gold 的作用，是黑暗房间里一根划燃的火柴。它的存在感来自稀缺，一旦滥用，就变成了普通的黄色。
两套视觉方案：「深空博物馆」与「极地营地」
Gu9 预备了两套完整的视觉方案，供用户根据偏好选择：
方案 A：深空博物馆
情感基调是宇宙的精密感与古老感的交融——像站在一个没有光污染的地方仰望星空，因渺小而获得的平静。设计参考系是旅行者号航天器的视觉语言，加上中世纪伊斯兰天文手稿的精细装饰感，以及一枚价值昂贵的瑞士手表的质感。
地球仪在这套方案里是一个珍贵的科学对象，不是玩具。它独自悬浮在黑暗中，被来自单一方向的光照亮，像一颗从宇宙中看见的行星。坐标标记不是可爱的图钉，而是精确的测量标注。播放器界面在故事播放时，将所有多余元素隐去，只留下一个发光的坐标点——像在黑暗中观察一颗孤星。
方案 B：极地私密营地
情感基调是遥远但亲密——像在极地旷野中独自搭起的一顶帐篷，帐篷外是无边的冰雪与星空，帐篷内是温暖的琥珀光和毛毡的触感。
这套方案增加了一种补充色：极地碧（#1a3d4f），一种接近深海的暗青色。地球仪带有手绘质感，坐标标记更柔和。整体感觉是私密的、手工的、有温度的。
两套方案共享同一套品牌底色和字体系统，差异在于情感腔调——一个是宏大宇宙中的精密凝视，一个是极寒旷野中的温暖篝火。
字体系统：两种声音，各司其职
Gu9 使用两款字体，分工明确：
Cormorant Garamond 用于所有叙事性内容——故事标题、引言、区域名称。这是一款带有博物馆图录质感的衬线字体，1920年代的风格，在大号字体下有独特的优雅感，非常适合在睡前场景中承载文学性文字。
Inter 用于所有功能性标签——时间显示、操作按钮文字、设置项文本。Inter 是工程师的字体，精准、中性、无情绪，它在界面中的作用是导航，而不是讲故事。
这两款字体不会出现在同一个文本块中，它们的分工就像一本书的正文与页码：一个是读的，一个是用的。
中文内容使用 Noto Sans SC，与 Inter 共用功能性文字场景。
触控标准：疲惫的手指需要更大的目标
Gu9 的最小触控目标是 56×56 像素（核心操作），远超 Android 官方推荐的 48 像素标准。
理由很简单：用户在使用 Gu9 时，往往已经非常困倦。疲惫的手指触控精度会下降。56 像素的触控目标，是对「手指误触率」的直接降低，而不只是一个设计规范数字。
所有按钮圆角均为 12 像素（矩形按钮）或完全圆形（圆形按钮），卡片容器圆角为 24 像素。禁止使用阴影——在深色界面上，阴影的视觉效果几乎为零，反而增加渲染复杂度。取而代之的是发光效果（glow）：用极轻的 Story Gold 光晕表达界面层次，如同地球边缘的大气散射光。
视觉成功的标准：用户睡着了，才算完成
Gu9 的视觉系统不接受「用户觉得好看」作为成功标准。
唯一的成功标准，沿用整个 Gu9 产品的核心指标——定时器自然结束率：用户设定了睡眠定时器，然后睡着，定时器自动停止，用户无需手动操作。
如果这个比率高，说明产品在正确地完成服务。视觉系统的贡献，是让用户在进入睡眠之前，感到平静、安全、不焦虑。
一个好的视觉系统不需要被解释。用户在第一眼看见它的时候，就已经知道今晚会睡得很好。
OWMap 设计团队 | 视觉哲学 · 2026年5月
Gu9 — Good Night · 深空之中的枕边叙事