--- title: "EmoLog：用 150 張插畫記錄說不清的感受" description: "EmoLog 把說不清楚的感受整理成可滑動、可記錄、可分享的情緒座標系統，用 150 張以上原創抽象插畫代替勉強命名，資料只存在使用者自己的裝置上。" url: https://dasto.app/portfolio/clarity/emolog/ language: zh-Hant alternate_en: https://dasto.app/portfolio/en/clarity/emolog/ author: "Daco Hsieh 謝明達" published: 2026-07-06 updated: 2026-10-28 --- # EmoLog：用 150 張插畫記錄說不清的感受 > EmoLog 把說不清楚的感受整理成可滑動、可記錄、可分享的情緒座標系統，用 150 張以上原創抽象插畫代替勉強命名，資料只存在使用者自己的裝置上。 - **Specimen**: EmoLog - **Category**: Product Design / Emotion Logging / Visual System - **Platform**: iOS / Android - **Core Idea**: Emotion coordinates instead of forced naming - **Assets**: 150+ original abstract emotion illustrations - **Role**: Solo Product Creator / Illustration / UX / UI / Frontend / Launch [▶ EmoLog intro video](https://www.youtube.com/embed/fYSnqOZjZZw) *影片 1 — 這支影片先把 EmoLog 的核心體驗說清楚：情緒不是先被命名，而是先透過滑動找到位置。* EmoLog 是我把一個非常抽象、也很難用文字講清楚的問題，整理成產品的案例。我想處理的不是「怎麼記錄心情」這麼一般的題目，而是：當一個人明明有感覺，卻說不出那個感覺叫什麼時，產品能不能先幫他找到一張臉。 所以我沒有從情緒清單開始，也沒有讓使用者一開始就選標籤。我改成用二維座標來表達情緒種類，把感受拆成兩個更接近身體直覺的維度：正面／低落 與 安靜／激動。使用者不是在找一個正確名詞，而是透過滑動，慢慢靠近自己現在的位置。 ![EmoLog 探索畫面](https://dasto.app/portfolio/assets/emolog-screen-explore-O1QmJ5t_.webp) *圖1 — 探索畫面把情緒選擇變成一個滑動體驗。使用者會在全螢幕的臉與背景色之間移動，而不是被迫先從一串詞彙裡做理性判斷。* 這個設計把抽象感受從語言問題，轉成空間問題。很多人不是沒有情緒，而是卡在「我不知道該選 sadness、anxiety、frustration 還是 emptiness」。但如果改成上下左右的位移，他比較有機會先說出：我現在好像沒有那麼激動，但也不算快樂。 我沒有用通用 emoji 或心理量表圖示，而是自己畫了一整套半抽象的表情臉。這些臉不是要精準寫實，而是讓人有空間投射。核心情緒臉先被畫出來，之後才逐漸擴展成整個 EmoLog 的視覺系統。 ![EmoLog Digital Fatigue illustration](https://dasto.app/portfolio/assets/emolog-digital-fatigue-X9pM1aSC.webp) ![EmoLog AI Anxiety illustration](https://dasto.app/portfolio/assets/emolog-ai-anxiety-B2rqzEM8.webp) ![EmoLog FOMO illustration](https://dasto.app/portfolio/assets/emolog-fomo-DW9R8kX4.webp) *圖2 — 這幾張臉呈現了 EmoLog 的核心語彙：它們不追求可愛或標準化，而是保留扭曲、曖昧、矛盾與不安，讓使用者在圖像裡找到「對，就是這種感覺」。* 這不是單純的插畫收集，而是我在做一種情緒辨識介面。每張臉都要同時承擔幾件事：有辨識度、能對應某個座標區域、能和背景色一起形成整體氣氛，還要讓使用者在第一眼就覺得「這不像是在測驗我，而像是在理解我」。 當使用者找到那張臉之後，記錄流程也被我刻意做得很輕。可以寫一句話，也可以不寫；可以只留下那張臉和當下座標，也可以把天氣、時間一起記下。整個設計是在降低紀錄門檻，因為如果記錄太像在寫日記，很多人就會放棄。 ![EmoLog 分享卡畫面](https://dasto.app/portfolio/assets/emolog-screen-share-card-BeVrYmQQ.webp) *圖3 — 分享卡是另一個很產品化的決策。它把原本很私密的感受包裝成一張可被轉傳的情緒標本卡，讓「分享情緒」從自我揭露，變成比較像分享一個被整理過的結果。* 這裡其實跟我在 iHealth 健康資訊插圖的經驗很像。我不只會思考怎麼把內容講清楚，也會思考怎麼讓它更容易被記住、被保存、甚至被分享。EmoLog 的分享卡之所以重要，是因為它讓產品本身帶有擴散能力。 我也把回顧做成兩種維度：一個是按日期看的 Calendar，一個是按情緒分布看的 Distribution。前者讓人回看某一天發生了什麼，後者則把情緒當成一個可以被觀察的地形，而不是單條起伏曲線。這又是一次把抽象資料換成更有理解力的視覺結構。 ![EmoLog calendar screen](https://dasto.app/portfolio/assets/emolog-screen-calendar-B9IWWXGU.webp) ![EmoLog distribution screen](https://dasto.app/portfolio/assets/emolog-screen-distribution-My79A2-L.webp) *圖4 — Calendar 和 Distribution 是 EmoLog 很關鍵的第二層體驗：記錄不是只為了當下，而是要讓人之後能用不同角度重新理解自己。* 另外一個我很在意的設計是：EmoLog 預設不需要帳號、資料本機優先、沒有 paywall 才能使用核心功能。因為這個產品的本質是陪伴式工具，不應該一開始就先建立負擔。這種取捨也讓我更在意「使用這個產品的心理成本要多低」。 ![EmoLog onboarding screen](https://dasto.app/portfolio/assets/emolog-screen-onboarding-X6p8mTYN.webp) ![EmoLog settings screen](https://dasto.app/portfolio/assets/emolog-screen-settings-DNI9p4vz.webp) ![EmoLog backup and restore screen](https://dasto.app/portfolio/assets/emolog-screen-backup-D4MrixSJ.webp) *圖5 — Onboarding、設定與備份畫面把另一層產品考量補齊了：這不只是記錄情緒的主流程，還包含我怎麼安排資料私密性、提醒機制與換機延續性，讓抽象概念真的能長成可持續使用的產品。* EmoLog 不是停在「用藝術畫情緒」這個點子，而是把它拆成座標、手勢、臉、背景色、記錄、分享、日曆、分布圖和資料保存方式，最後讓整體真的像一個完整產品，而不是一組漂亮圖片。 > EmoLog 不是要幫使用者替情緒命名。 > > 而是先幫他找到一張臉、一個位置，讓那個模糊的感覺可以先被接住。 > EmoLog 的公開頁與使用說明整理了產品敘事、使用方式與補充資訊，可作為這個案例的延伸閱讀。 https://dasto.app/emolog/ ## 所屬主題 - [我如何把複雜事情講清楚：健康插畫與資訊設計](https://dasto.app/portfolio/clarity/) --- 作者: Daco Hsieh 謝明達 · 聯絡: enodaco@gmail.com · 作品集首頁: https://dasto.app/portfolio/ · English version: https://dasto.app/portfolio/en/clarity/emolog/