Blog

關於產品設計、AI、科技與生活的觀察。

Design · 2026.09.22

當 Prototype 太早成為答案：AI 協作下，產品設計容易忽略的思考盲區

AI 讓 PM 與設計師能快速產出看似完整的 Prototype，但產出越快、越具體，越容易讓團隊誤以為問題已經被想清楚。兩次踩雷後，我重新理解 Wireframe 與 Flow chart 在 AI 協作流程中的價值。

Design · 2026.08.02

陪我走過迷惘與倦怠的 Podcast 與 YouTube

通勤、做家事或想要有點「生產力」的時候，我會聽 Podcast 或看 YouTube。這篇分享幾個陪我走過設計工作迷惘與職業倦怠的節目，還有我特別有共鳴的幾集。

Design · 2026.03.01

用 Cursor 打造電子書朗讀工具：實作記錄與反思

使用 AI 實作電子書朗讀工具的經驗與使用工具後，對工作的反思。

Tech · 2025.07.26

設計師 Vibe coding 踩坑分享

近幾年 Vibe coding 大行其道，身邊的設計師、PM 也都開始用這類的工具加速產品開發的流程，這些工具對設計師來說最大的好處是加速溝通的效率，可以填補在靜態 Prototype 、Wireframe 難以呈現的流程或動畫，甚至是細微的體驗。但如果要拿這個 Prototype 變成一個實際可交付的工具，那又是另外一回事了，接下來我的失敗案例

Life · 2025.01.31

2024 年工作回顧

2024 年絕對是一個充實的一年，執行了將近 12 個大小專案，經歷過無數的挫折、失敗與學習，我認清看似簡單的需求，可能包含複雜的 RWD 設計、不同情境、技術限制下的設計等

Design · 2023.06.10

[Free] GoodNotes template 分享！

因為蠻常在 GoodNotes 手寫日記畫 Wireframe，蠻喜歡這種手寫的時光。在工作繁忙的時候靜下心手寫記錄心情、畫圖，這種時刻蠻好的。所以在近期我用 Figma 做了一些 GoodNotes 的樣式。如果妳也有在用 GoodNotes 也可以下載後加到 GoodNotes 的 Template。

Life · 2023.01.05

2022 年回顧：小旅行、準備多益、產品設計師

再回到 2021 年給自己 2022 年設的目標，算是完成了 7 成左右，自己的工作步上軌道。接下來簡述幾項今年我印象深刻的內容：

Tech · 2022.02.26

CSS 料理室 – CSS 變數辛香料：不用 Sass、不用 JavaScript，也能實做 Dark Mode Theme 切換！

這次製作的料理，主要是使用原生的 CSS 變數實做出深色模式和淺色模式的切換。除此之外，我們還會利用 HTML input 標籤當中的 checkbox 實做『切換』這個動作，以下將介紹這些食材的特性。

Design · 2022.02.02

F2E – 公車動態網站設計

F2E – 公車動態網站設計，是公司受六角學院邀請參與的活動，活動內容是讓兩組團隊各派出一位設計與工程師，製作公車動態網站服務。活動目標不是在短時間內製作出產品，而是各自選擇要精進的技能。而我沒有製作過 App 或數位產品的經驗、加上訪談練習的機會尚未成熟，所以想透過這次的活動嘗試當作一個產品開發的流程，並從使用者訪談開始。

Design · 2022.02.02

五倍紅寶石程式教育機構 – 網站設計到開發

網站設計與延伸品牌視覺，建立 Design System，維持品牌視覺一致性，易於更新與維護。確立 TA 與專業品牌形象吻合。與行銷合作埋設相關追蹤，找出頁面可調整的部分。