快速回答： 當 Apple 推出系統級可變色圖示並強制執行深色模式小工具時，傳統情緒追蹤器失去了其主要的視覺工具：顏色編碼情緒（例如用紅色代表憤怒，綠色代表平靜）。在 ViviDiary，我們重新設計了應用程式圖示和 iOS 小工具，改為依賴 Alpha 通道、對比度和表情符號輪廓，而非固定顏色。這確保了我們 3 秒的情緒記錄功能，無論使用者在主螢幕上套用了什麼自訂色調，都能保持直觀易用。
多年來，情緒追蹤產業一直依賴一種共同的、不成文的視覺語言。綠色代表好。紅色代表壞。黃色則介於兩者之間。如果你看看流行的「年度像素」網格，你本質上是在看一個人類情緒的交通號誌。
但當作業系統剝奪了這些顏色時，會發生什麼事？
隨著作業系統層級自訂功能的引入——特別是可變色應用程式圖示和強制單色深色模式小工具——我們對顏色的依賴成為了一個巨大的 UX 負擔。如果使用者將主螢幕設為紫色，我們精心挑選的「糟糕」紅色和「極好」綠色都會變成相同的紫色陰影。介面因此崩潰了。
以下是我們如何捨棄顏色編碼情緒、我們取而代之的設計，以及為什麼剝奪顏色反而讓 ViviDiary 成為一個更具同理心的產品的故事。
情緒追蹤中的顏色編碼拐杖
當我們最初構建 ViviDiary 時，我們依賴顏色是因為它很簡單。這是一種認知捷徑。如果一個巨大的綠色按鈕就在你面前，你就不需要閱讀標籤。
然而，對情緒進行顏色編碼一直帶有隱藏的包袱。
首先，它本質上帶有評判性。將「糟糕」的一天塗上刺眼的紅色，隱含著失敗的訊號，引發了一種微妙的罪惡感。ViviDiary 的設計初衷是陪伴在你身邊，而不是作為一個嚴苛的教練。我們明確避免壓力式的連續記錄、完成百分比或「你今天錯過了」這類罪惡感通知。然而，我們的調色盤卻無意中引入了那種壓力。
其次，它在模組化方面表現不佳。我們提供了一個 5 級別的基於名稱的情緒系統（極好、好、普通、低落、糟糕）。但我們也允許使用者開啟 22 手動表情符號模組和 4 HealthKit 自動類別。試圖在 標準 5 個表情符號量表 上維持語義顏色意義，同時整合自訂使用者模組，使我們的介面變成了一道混亂的彩虹。
當 Apple 宣布可變色圖示時，我們意識到顏色是我們必須拋棄的拐杖。
為 iOS 27 可變色圖示進行設計
為了在單色、使用者自訂色調的環境中生存，我們必須從根本上重新思考我們的視覺架構。我們不能再依賴色相；我們必須依賴形狀、對比度和排版。
Alpha 通道的轉變
在我們的 React Native 和 Expo 環境中，我們徹底檢修了資產流程。對於我們的 iOS 27 應用程式圖示設計，我們捨棄了扁平的彩色 PNG。相反，我們使用 Alpha 遮罩重建了核心圖示。
當作業系統套用色調時，它本質上是查看 Alpha 通道（透明度）來決定在哪裡套用使用者選擇的顏色，以及在哪裡將背景設為黑色或深灰色。如果你的圖示依賴白色背景配上黃色笑臉，那麼藍色的作業系統色調會讓整個圖示變成一個模糊、難以辨識的藍色方塊。
我們重新設計了 5 級別的情緒指標，使其僅憑輪廓和表情就能立即被識別。「極好」的情緒由微笑的特定曲線和睜開的眼睛定義，而不是因為它是綠色的。「糟糕」的情緒由沉重的眉線和向下彎曲的嘴巴定義，而不是因為它是紅色的。
演進表情符號記錄 UI
因為 ViviDiary 是模組化的——新使用者開始時僅開啟情緒功能，其他功能皆關閉——表情符號記錄 UI 是使用者與應用程式互動的主要方式。
我們轉向了高對比度、形狀優先的設計系統。當使用者開啟應用程式（或小工具）時，活動狀態現在透過不透明度、比例和微妙的觸覺回饋來指示，而不是透過顏色切換。這與我們即將推出的 Genmoji 情緒記錄 功能完美結合，確保自訂的使用者生成形狀無論在什麼 UI 主題下都能保持清晰可讀。
我們拒絕的方法：「強制原始顏色」
在我們致力於形狀優先的重新設計之前，我們探索了另外兩條路徑。我們都拒絕了。
替代方案 1：強制原始顏色 Apple 的 API 在技術上允許開發者在某些情況下選擇不使用小工具著色，強制小工具無論使用者的主螢幕設定如何，都以其原始顏色呈現。
我們在內部進行了測試。看起來很糟糕。如果使用者花時間精心策劃一個時尚、深色模式、單色的主螢幕，強行將一個明亮、多色的小工具放入其中會讓人感到傲慢。這就像在尖叫：「我們的品牌比你的偏好更重要。」 我們在不到一週的時間內就否決了這個想法。
替代方案 2：放棄互動式小工具 我們曾短暫考慮完全從小工具中移除情緒記錄功能，將小工具降級為純粹的觀察工具（例如顯示你的每週鏡像模式）。我們過去在小工具變得過於臃腫時，就已經 刪除了我們的複雜小工具。
然而，我們的核心承諾是低於 30 秒的簽到時間。強迫使用者每次想要記錄情緒時都開啟應用程式會增加阻力。我們需要小工具具有互動性，這意味著我們必須解決設計問題，而不是逃避它。
為 3 秒記錄調整深色模式小工具
為了實現真正的 適用於情緒追蹤器的深色模式可變色圖示設計，我們非常專注於小工具的體驗。
當使用者與我們的小工具互動時，他們通常很匆忙。他們想要點擊「好」，為「家庭」選擇一個表情符號，然後繼續做其他事。
- 基礎層： 用於 OLED 螢幕的深邃純黑色 (#000000)，以節省電池並減少眼睛疲勞。
- 容器層： 半透明的灰色/有色表面，用於分組相關模組（例如日常習慣與待辦事項）。
- 動作層： 用於互動元素的高對比度白色或明亮色調圖示。
透過移除顏色編碼，我們實際上提高了 基於手勢的情緒記錄 的速度。使用者不再需要解析相互競爭的顏色；他們的眼睛會立即被螢幕上對比度最高的元素所吸引——即情緒本身的形狀。
雲端同步、隱私與小工具架構
當你構建繞過主應用程式介面的互動式小工具時，資料架構和隱私就成為了關鍵的對話。
我想完全透明地說明 ViviDiary 如何處理這些資料，因為目前日記領域有很多誤導性的行銷。我們透過嚴格的資料最小化，以及在任何 AI 處理之前對你的文字進行去識別化來保護你的隱私。
對於 ViviDiary 來說，這並非虛假。我們在核心架構中使用帶有嚴格去識別化的雲端儲存，我們不假裝其他方式。
ViviDiary 是 使用 Supabase 進行雲端儲存。當你在有色小工具上點擊情緒時，該資料會安全地同步到雲端。我們隱私優先的方法並非來自於將資料鎖在你的手機上；它來自於嚴格的 資料最小化和去識別化。
我們只收集你選擇給我們的資料。因為應用程式是模組化的，如果你只開啟了情緒模組，那這就是唯一被同步的資料點。
此外，如果你選擇使用我們的 AI——這純粹是為你想要更深入記錄的日子提供的可選支援工具，絕非核心要求——你的日記文字在任何外部或 AI 處理發生之前都會被完全去識別化。AI 不會在沒有你明確審查的情況下儲存或確認任何內容。我們透過在資料處理前進行匿名化，結合強大的雲端安全性和嚴格的資料最小化來保護你的隱私。
數據：基於形狀的 UX 如何影響留存率
每當你移除像顏色這樣的核心視覺元素時，你就有可能讓你的使用者群感到困惑。我們向 10,000 名使用者（涵蓋我們的免費層級和 Premium $2.99/月訂閱者）推出了基於形狀、支援色調的 UI，以衡量其影響。
結果讓我們感到驚訝。
* 記錄速度： 平均簽到時間穩定在 24 秒。缺乏顏色並沒有減慢使用者的速度。
* 小工具參與度： 基於小工具的記錄增加了 18%。現在小工具能與他們的美學相匹配，在主螢幕上套用自訂色調的使用者更有可能保留我們的小工具。
* 定性回饋： 在使用者訪談中，7/10 的使用者表示，新的介面感覺「更平靜」且「沒那麼強求」。
最後一點至關重要。透過移除紅/綠交通號誌系統，我們無意中創造了一種更 視覺適應性的體驗。
使用者告訴我們，當「糟糕」的一天不再發出憤怒的紅光時，記錄起來感覺沒那麼懲罰性。這與我們對 Focus 模組（日常習慣 + 待辦事項）的理念完美契合。ViviDiary 中的日常習慣只是你想要注意並保持的事情——它保持一個溫和的個人最佳記錄，從不進行壓力式的連續記錄。從 UI 中移除顏色編碼的失敗狀態，在整個應用程式中強化了這種溫暖、非規範性的語氣。
下一步
捨棄顏色編碼情緒是作業系統更新所迫，但它產生了一個更好的產品。它迫使我們依賴強大的排版、清晰的圖示和高對比度。
接下來，我們正在研究如何將同樣的形狀優先理念帶入我們的每週鏡像功能。目前，鏡像依賴資料關係來幫助你發現模式（例如：「當你標記『閱讀』時，你經常記錄『好』」）。我們正在探索如何在不依賴彩色長條圖的情況下視覺化這些模式，讓介面保持像記錄體驗本身一樣平靜和中性。
顏色是設計中強大的工具。但有時，移除它才是讓使用者真實情緒展現出來的最佳方式。
