如果你在过去几天打开过聊天页面,可能已经注意到:有些地方变得不太一样了。
聊天界面安静了一些。消息更容易阅读,控件更轻,面板和弹窗也不再与对话本身争夺那么多注意力。熟悉的功能并没有被搬到陌生的位置,但角色周围的空间开始显得更平静。
我们选择从聊天页面开始,是因为这里是许多人在 Reverie 停留最久的地方。它也最适合验证这次重构背后的问题:当一个界面需要陪伴用户完成一整段对话,而不只是留下漂亮的第一印象时,它应该是什么感觉?
你看到的并不是一次孤立的页面改版,而是一套新设计系统最先露出的部分。现在,我们已经把这套系统扩展到了整个产品——从发现内容、角色页面,到创作工具、故事、支付、奖励、设置,以及散落在它们之间的各种小功能页面。
Reverie 一直是一个很有表达力的产品。
这种个性曾经体现在每一个地方:醒目的边框、清晰可见的阴影、层层叠加的卡片、丰富的控件颜色,以及像实体物件一样存在于屏幕上的各种界面元素。它让产品显得温暖,也让人一眼就能认出 Reverie。
但一种视觉语言可以很适合产品的某个阶段,也可能在产品继续成长后显得太重。
随着 Reverie 的功能越来越丰富,界面需要承载的已经不只是发现角色。人们会长时间停留在对话里,管理角色、创作故事、比较方案、调整高级设置,并在越来越复杂的流程之间来回切换。同样的装饰细节,用在展示页面上可以带来个性,但重复出现在每一个弹窗、卡片、菜单和按钮上时,就可能变成视觉噪音。
所以,这次重构不是为了让 Reverie 失去特点,而是希望产品真正的特点更多来自体验本身。
更轻,但不是更冷
“轻量化”很容易变成纯白背景、纤细的灰色文字,以及存在感弱到近乎没有完成的组件。但这从来不是我们的目标。
新的设计系统更安静,却依然温暖。
我们没有使用刺眼的纯白画布,而是选择了带有轻微色调的中性背景。需要长时间阅读的文字更深,也更有分量。边框变得克制,阴影变得轻柔,颜色只在真正需要表达含义时出现。这样既降低了视觉重量,也保留了 Reverie 作为故事与关系发生之地的氛围。
这种平衡对角色扮演产品尤其重要。一次对话不是一个设置后台。人们会阅读很长的消息,感受语气里的细微变化,并在同一个页面停留很久。字体和背景不能只在截图里显得干净,还要在连续阅读二十分钟后依然舒服。
为长时间阅读重新整理字体
这次最重要的变化之一,也可能是最不显眼的变化:我们加强了字体层级。
大标题依然保留表达力,但正文现在拥有更稳定的视觉分量。重要标签、导航和操作使用了更容易快速识别的字重。辅助文字仍然会退居次要位置,但不会再浅到需要费力辨认。
原则其实很简单:
- 长篇文字应该平静、扎实,适合持续阅读。
- 操作按钮应该在逐字阅读之前就能被识别。
- 辅助信息可以弱化,但不能消失。
- 页面需要在不同屏幕、主题和环境光线下都保持清晰。
好的字体不会向你索取注意力,而是让你更容易维持注意力。
让整个产品说同一种组件语言
这次工作不是逐页更换皮肤。我们重新整理了产品底层的共享组件语言。
按钮、卡片、弹窗、菜单、标签页、表单控件、表格、提示框、通知、抽屉、浮层和导航元素,现在共同遵循同一套规则:

