有件事一直讓我們很在意。
Reverie 有很棒的角色、有意義的對話,還有使用者真心喜愛的功能。但每次我們看著介面,看到的卻是……軟體。按鈕、卡片、列表、導覽列。那種你會在生產力工具或 SaaS 儀表板上看到的乾淨、實用的設計。
那不是 Reverie 應該有的樣子。
Reverie 是讓想像力活起來的地方。在這裡,你會遇見感覺真實的角色,走進會回應你的故事,探索只為你的體驗而存在的世界。產品充滿魔力,介面卻平淡無奇。
所以我們把一切都重新打造了。
「夠好了」的問題
我們舊的設計並不差。它專業、一致、容易瀏覽,遵循最佳實務。使用者找得到他們需要的東西。
但「夠好了」正是「令人難忘」的敵人。
使用大多數 App 時,你會意識到自己正在使用一個 App。在你和體驗之間隔著一層心理上的隔閡——介面不斷提醒你,你是一個正在操作軟體的使用者。點這個按鈕。前往那個頁面。完成這個流程。
我們希望那一層隔閡消失。
最好的娛樂體驗不會讓人覺得是在使用產品。當你沉浸在一部精彩的電影裡,你會忘記自己在看螢幕。當你迷失在一本小說裡,書頁會消失。我們希望 Reverie 也能帶來同樣的感受——一個你走進去的地方,而不是一個你使用的工具。
改變了什麼
每個主要頁面都圍繞著一個原則重新設計:角色和故事優先,介面其次。
首頁:充滿可能性的藝廊
舊首頁很實用。精選角色排成網格,有分類可以瀏覽,也有清楚的行動呼籲。
新首頁則是一種體驗。四欄角色圖片鋪滿整個畫面,拼出一幅充滿可能性的馬賽克。漸層疊加和若有似無的放射狀光暈,把你的視線引向中央,那裡有搜尋框和快速標籤,邀請你開始探索。往下看,精選故事以充滿電影感的 21:9 比例卡片橫向捲動——把滑鼠移上去,它們就會隨著影片活起來。
當你一進到 Reverie,你看到的不是一個網站,而是一個個等著被探索的世界。
登入:由角色來迎接你
我們丟掉了白色背景上那張空白表單。現在登入時,迎接你的是角色本身。
在桌面版上,畫面一分為二:左側成為滿版的角色展示區——圖片和影片每五秒輪播一次,每個角色的名字和簡介會出現在底部。登入表單位在右側,但你的目光會被那些邀請你進來的角色吸引。
在行動裝置上,角色會淡化成置中表單後方的柔和背景,依然在那裡、依然歡迎著你,卻從不搶走焦點。
這是一個改變一切的小細節。登入不再像是在某個服務上驗證身分,而像是回到家。
角色頁面:是肖像,不是檔案
角色詳細頁面過去看起來像個人檔案——資訊分區排列,數據放在方框裡,描述文字一段一段。
現在它們是沉浸式的肖像。角色的圖片或影片填滿整個畫面。在桌面版上把滑鼠移上去,圖片會變得更清晰,還會微微放大,彷彿角色正向前一步來見你。在行動裝置上,圖片預設就很清晰——不需要懸停。
操作按鈕(評分、收藏、分享)收在右上角,存在卻不干擾。角色的名字、簡介和數據顯示在底部,以精心安排的字體疊在圖片上。CTA 按鈕浮在中央,帶著若有似無的放射狀光暈,邀請你開始對話。
你不是在查看一個角色的資料。你是在與他們見面。
故事頁面:電影般的封面
故事現在會像電影海報一樣呈現。封面圖片佔滿整個可視範圍,並帶有和角色頁面相同的懸停清晰效果。評分和分享按鈕安靜地待在角落。
底部的故事標題、描述、數據和標籤都經過用心安排。播放按鈕直接整合在主視覺區裡——沒有獨立的區塊,也沒有視覺上的斷裂。一切都導向同一個邀請:走進這個世界。
下方的分頁加上了背景模糊和細緻的邊框,讓主視覺到內容之間的轉換流暢自然,而不顯得突兀。
「發現」動態:精心策劃的體驗
舊的儀表板是一份讓你往下捲的列表。新的「發現」動態則是一段讓你探索、精心策劃的體驗。
精選故事以水平輪播的方式呈現,同樣是充滿電影感的 21:9 比例。滑鼠移上去影片就會播放。快速操作——繼續聊天、繼續故事、建立角色、寫故事——收在一條精巧的膠囊狀列中,隨時都拿得到,卻從不喧賓奪主。
整體體驗鼓勵你去發現而不是搜尋,隨興漫遊而不是按圖索驥。
活動:讓每場活動都與眾不同
活動頁面現在以沉浸式的主視覺區開場,讓每場活動都像一個特別的日子。倒數計時直接嵌在內容中——不再有側邊欄小工具打斷視覺動線。
創作者個人頁面也得到同樣的待遇。造訪創作者的頁面時,迎接你的是一個沉浸式的頁首,先好好展現他們的作品,再進入細節。
背後的理念
我們從那些深諳沉浸感的地方汲取靈感:
串流平台知道內容應該用視覺來推銷自己。你先用眼睛瀏覽,才會去讀介紹。
視覺小說明白角色需要情境。他們周圍的世界,和他們是誰一樣重要。
遊戲啟動器懂得進入一段體驗,應該像跨過一道門檻。在一切開始之前,介面就已經營造好氛圍。
電影院會把燈關暗,讓銀幕發光。環境放大了體驗。
我們把這些心得套用到每一個地方。把更多視覺空間留給圖片和影片。更暗、更有氛圍的背景。營造層次又不遮住內容的漸層疊加。讓靜態圖片感覺活起來的懸停效果。襯托內容、而不是與之爭搶的字體設計。
我們保留了什麼
重新設計不代表從頭來過。有些東西原本就運作得很好:
- 清楚的導覽:你仍然能輕鬆找到所有東西。我們沒有為了美感犧牲易用性。
- 行動優先:每一項改變在手機上都表現出色,而大多數使用者都在手機上。行動裝置預設就有更清晰的圖片、經過最佳化的互動,以及響應式版面。
- 創作者工具:創作者需要的所有功能都還在,只是呈現得更優雅。
- 效能:新設計其實更快。圖片更大,但載入方式更聰明。影片只在需要時才播放。
重要的細節
有些改變你可能不會刻意注意到,但你會感受得到:
- 圖片在某些地方延伸到容器之外,打破網格,感覺更有生命力
- 漸層疊加會在懸停時變化,露出更多底下的圖片
- 滑鼠移上去影片就會自動播放,不用點擊就能增添動態
- 縮放效果讓元素感覺會回應你的注意
- 介面元素上的背景模糊既保留氛圍,又確保易讀性
- 放射狀光暈把你的視線引向關鍵操作
- 故事在整個平台上一律採用充滿電影感的 21:9 比例
這對你代表什麼
如果你是使用者,Reverie 現在應該讓你覺得更有吸引力。更像一個你想待著的地方,而不像一個你在操作的 App。你喜愛的角色和故事,會以它們應得的方式呈現——不是資料庫裡的一筆筆項目,而是等著發生的體驗。
如果你是創作者,你的作品有了更好的舞台。你的角色以全螢幕的風采登場。你的故事有了電影般的呈現。你需要的工具依然觸手可及,只是不再和你的內容搶奪注意力。
這只是開始
這次改版奠定了新的基礎。一套把想像力放在第一位的視覺語言。一種重視沉浸感勝過資訊架構的介面理念。
我們會在這個基礎上繼續打造。還有更多頁面要改善,更多時刻要打磨,更多方法讓 Reverie 不再那麼像軟體,而更像它該成為的那個避風港。
因為說到底,你來 Reverie 不是為了使用一個產品。你來這裡是為了逃離、連結、想像、感受。
介面應該退到一旁,讓這一切自然發生。
來探索全新的 Reverie 吧。我們很想知道你的想法——歡迎到我們的 Discord 分享你的感想。

