#重新设计#用户体验#视觉设计#沉浸感

全新 Reverie:从软件到沉浸式体验

Reverie Team
Reverie Team

有件事一直困扰着我们。

Reverie 有很棒的角色,有意义深刻的对话,有用户真心喜爱的功能。但每次我们看着界面,看到的却是……软件。按钮、卡片、列表、导航栏。那种你在生产力工具或 SaaS 后台里常见的、干净、功能性的设计。

但这不是 Reverie 应该有的样子。

Reverie 是一个让想象力活过来的地方。在这里,你遇见感觉真实的角色,踏入会回应你的故事,探索只为你而存在的世界。产品是有魔力的,但界面却很平庸。

所以,我们重新设计了一切。

"够用就好"的问题

我们之前的设计并不差。它专业、一致、易于导航,遵循最佳实践。用户能找到他们需要的东西。

但"够用就好"是"令人难忘"的敌人。

当你使用大多数应用时,你会意识到自己在使用一个应用。在你和体验之间有一层心理隔阂——界面不断提醒你,你是一个在操作软件的用户。点击这个按钮,跳转到那个页面,完成这个流程。

我们希望这层隔阂消失。

最好的娱乐体验不会让人觉得是在使用产品。当你沉浸在一部精彩的电影中时,你会忘记自己在看屏幕。当你迷失在一本小说中时,书页会消失。我们希望 Reverie 也能如此——一个你走进去的地方,而不是一个你使用的工具。

改变了什么

每个主要页面都围绕一个原则重新设计:角色和故事优先,界面退居其次

首页:可能性画廊

旧首页是功能性的。精选角色用网格展示,有分类可以浏览,有清晰的行动引导。

新首页是一种体验。四列角色图片铺满屏幕,构成一幅可能性的马赛克。渐变叠加和微妙的径向光效将你的目光引向中心,那里有搜索框和快捷标签邀请你探索。下方,精选故事以电影感的 21:9 比例卡片横向滚动——悬停时它们会随着视频活过来。

当你打开 Reverie 的那一刻,你看到的不是一个网站,而是等待被探索的世界。

登录页:角色欢迎你

我们扔掉了白色背景上的空白表单。现在当你登录时,迎接你的是角色本身。

在桌面端,屏幕一分为二:左侧是全出血的角色展示——图像和视频每五秒轮换一次,角色的名字和简介出现在底部。登录表单在右侧,但你的注意力会被左边邀请你进入的角色所吸引。

在移动端,角色以柔和的背景形式融入居中表单的后面,依然存在,依然欢迎,但绝不抢夺焦点。

这是一个改变一切的小细节。登录不再感觉像是在进行身份验证,而是像回到家一样。

角色页面:肖像,而非档案

角色详情页过去看起来像个人资料——信息按区块组织,数据显示在方框里,描述文字一段一段。

现在它们是沉浸式肖像。角色的图像或视频填满整个屏幕。在桌面端悬停时,图像变得更清晰,略微放大,仿佛角色正向前迈步与你相遇。在移动端,图像默认就很清晰——无需悬停。

操作按钮(评分、收藏、分享)收在右上角,存在但不打扰。角色的名字、简介和统计数据出现在底部,以精心设计的字体叠加在图像上。CTA 按钮悬浮在中央,带着微妙的径向光效,邀请你开始对话。

你不是在查看角色的数据,你是在与他们相遇。

故事页面:电影海报

故事现在以电影海报的形式呈现。封面图像占据整个视口,拥有与角色页面相同的悬停显示清晰效果。评分和分享按钮安静地待在角落。

底部,故事的标题、描述、统计数据和标签有目的地排列。播放按钮直接整合在 hero 区域——没有单独的区块,没有视觉断裂。一切都指向一个邀请:踏入这个世界。

下方的标签页用背景模糊和微妙的边框精心打磨,让从 hero 到内容的过渡感觉流畅而非突兀。

发现 Feed:策展式体验

旧的 Dashboard 是一个你滚动浏览的列表。新的发现 feed 是一个你探索的策展式体验。

精选故事以水平轮播的形式出现,同样是电影感的 21:9 比例。悬停时视频播放。快捷操作——继续聊天、继续故事、创建角色、写故事——以紧凑的药丸形式排列,始终可及但绝不喧宾夺主。

整个体验鼓励发现而非搜索,漫游而非狩猎。

Campaign 页面:让活动有仪式感

Campaign 页面现在以沉浸式 hero 区域开场,让每个活动都感觉像一个场合。倒计时计时器整合在内容中——不再有侧边栏小部件打破视觉流。

创作者主页也得到了同样的待遇。当你访问创作者的页面时,沉浸式头部会先展示他们的作品,然后再进入细节。

背后的设计理念

我们从那些懂得沉浸感的地方汲取灵感:

流媒体平台知道内容应该用视觉来推销自己。你先用眼睛浏览,然后才读介绍。

视觉小说明白角色需要背景。围绕他们的世界与他们本身一样重要。

游戏启动器认识到进入一个体验应该像跨过一道门槛。界面在一切开始之前就设定好了氛围。

电影院变暗是为了让屏幕发光。环境放大了体验。

我们把这些理念应用到了每个地方。更多的视觉空间给图像和视频。更暗、更有氛围感的背景。创造深度而不遮挡内容的渐变叠加。让静态图像活起来的悬停效果。增强而非抢戏的字体设计。

我们保留了什么

重新设计不意味着从头开始。有些东西运作得很好:

  • 导航清晰度:你仍然可以轻松找到一切。我们没有为了美观而牺牲可用性。
  • 移动优先:每一个改变在手机上都表现出色。移动端默认获得更清晰的图像、优化的交互、响应式布局。
  • 创作者工具:创作者需要的所有功能都还在,只是呈现得更优雅了。
  • 性能:新设计实际上更快了。图像更大,但加载更智能。视频只在需要时播放。

那些重要的细节

有些变化你可能不会有意识地注意到,但你会感受到:

  • 角色图像在某些地方延伸到容器之外,打破网格,让它们更有生命力
  • 悬停时渐变叠加会变化,显露出更多下方的图像
  • 悬停时视频自动播放,无需点击就能增添动感
  • 缩放效果让元素感觉在响应你的注意力
  • UI 元素上的背景模糊在保持氛围的同时确保可读性
  • 径向光效将你的目光引向关键操作
  • 故事统一使用 21:9 的电影级比例,在整个平台保持一致

这对你意味着什么

如果你是用户,Reverie 现在应该让你感觉更有吸引力。更像一个你想待着的地方,而不是一个你在操作的应用。你喜爱的角色和故事,以它们应得的方式呈现——不是数据库中的条目,而是等待发生的体验。

如果你是创作者,你的作品有了更好的舞台。你的角色以全屏的荣耀呈现。你的故事获得电影级的展示。你需要的工具仍然触手可及,只是不再与你的内容争夺注意力。

这只是开始

这次重新设计建立了一个新的基础。一种把想象力放在首位的视觉语言。一种优先考虑沉浸感而非信息架构的界面哲学。

我们会继续在此基础上构建。更多页面需要打磨,更多时刻需要完善,更多方式让 Reverie 感觉不像软件,而更像它应该成为的那个庇护所。

因为归根结底,你来 Reverie 不是为了使用一个产品。你来这里是为了逃离、连接、想象、感受。

界面应该让开路,让这一切发生。


探索全新的 Reverie,我们很想听听你的想法——在 Discord 上分享你的感受吧。

准备体验动态AI对话了吗?

加入成千上万的用户,一起探索无限个性和引人入胜的互动体验。

全新 Reverie:从软件到沉浸式体验 | Reverie