網路資源
StoryTribe：專業人士的免費線上故事版創作工具
StoryTribe 提供簡單易用的線上故事版創作平台，專為 UX 設計師、行銷人員和內容創作者設計，即使沒有繪畫技巧也能輕鬆使用。其直觀的介面允許用戶快速生成專業品質的插圖，並提供多種角色組合與場景道具。用戶可自訂對話泡泡，並將角色與真實場景背景融合，提升故事敘述的沉浸感。
網路資源
網路資源
Motionimo：給動畫設計師的豐富線上資源
Motionimo 網站是一個專為動畫設計師打造的頭等艙，提供豐富的資源和美麗的動畫靈感，幫助您提升動畫設計的技巧與文化 。無論您是尋找3D模型、藝術家介紹、書籍推薦，還是想學習新的設計課程，Motionimo 都能為您提供每日優質的資源。該平台還特別推薦了免費的動畫工具和外掛，如 Duik、Ease and wizz 以及 After Effects，無疑是動畫愛好者和專業人士的寶藏。
網路資源
Zajno Digital Studio：整理網站動態設計的教學與實際案例，啟動視覺饗宴的秘密
在今天這個視覺氾濫的時代，如何讓你的網站或應用程式脫穎而出？Zajno Digital Studio 提供了答案。這個平台精心展示了如何通過動畫原理和技術增強用戶體驗和互動性。從基本的動畫緩動（Easing）、偏移與延遲（Offset and Delay）到更進階的轉換/變形（Transformation/Morph）和遮罩（Masking），每一技術都透過實際的案例展示其對話術性和吸引用戶探索的力量。
網路資源
Appshots：發掘 UI 與 UX 研究必備應用網站
Appshots.design 是一個專為UX設計師和產品經理打造的平台，聚焦於提供高品質的應用程式設計靈感和案例研究。該網站精選各類別的應用程式截圖，包括用戶介面(UI)和用戶體驗(UX)設計，幫助專業人士探索和分析業界最佳實踐，從而提升他們的產品設計。這是一個寶貴的資源庫，適合那些尋找創新設計靈感或希望深入了解特定設計策略的人士。
網路資源
UX百科：匯聚精華的設計知識分享平台
UX百科（UXBAIKE）是一個專注於分享有價值的設計經驗的平台，旨在為用戶提供豐富的設計知識資源。這個網站提供了多元化的學習內容，包含UML教學、iOS設計規範、AI插畫學習、設計師的電腦硬件認識、前端學習、體驗設計理論、UI設計基礎、以及icon設計等。
網路資源
Goless：讓網路操作自動化，簡化重複任務
Goless 是一款瀏覽器自動化工具，允許用戶透過擴充功能來自動化網頁爬蟲、填寫表單、資料收集等工作，無需編寫程式碼即可建立自定義工作流程。它還支援自動識別和解決 CAPTCHA，以及使用 ChatGPT 生成自動回應，以便整合到自動化任務中。Goless 適合於資料蒐集、資料輸入優化、網站測試和社交媒體管理等多種應用。
網路資源
Teardowns.ai：探索人工智慧導向服務的介面設計
Teardowns.ai 是一個專注於分析和展示人工智慧（AI）相關介面設計的網站。該平台提供了超過100個不同的影像和影片，這些影像和影片專門剖析目前市場上最先進的人工智慧介面。
網路資源
Uiverse：可直接複製的前端 UI 元件庫，快速打造吸睛互動介面
Uiverse 是一個提供可複製 HTML、CSS（含 Tailwind）UI 元件的平台，涵蓋按鈕、卡片與動畫效果，支援即時預覽與社群分享，幫助開發者快速打造互動介面。
網路資源
Design Systems Database：收錄世界上知名網站及服務設計系統的目錄型網站
Design Systems Database 是一個廣泛收錄世界上知名網站及服務設計系統的綜合目錄網站。這個資源不僅僅提供了設計系統的名稱，還透過詳盡的分類和清晰的說明，讓您能夠輕鬆地找到所需的設計文件以及相關的元件。
網路資源
Checklist Design：收錄各種 UI 設計上最佳實踐方法的網站
Checklist Design 是一個收集設計最佳實踐的網站，由來自澳洲的設計師 George Hatzis 創立，旨在幫助設計師在設計過程中更加高效和有效。
網路資源
The Psychology of Design 設計的心理學，幫你整理心理學在設計上的應用
『The Psychology of Design』整理了 106 種認知差異和原則，以供設計參考。在UX使用者體驗中，注重使用者本身，因此眾多原則與心理學密切相關。
網路資源
Flowkit：在 Figma 內輕鬆建立美觀流程圖的外掛
Shift + 點擊任意兩個物件即可連接，包括形狀、按鈕、框架、巢狀框架等等。看著它們在整個畫布上神奇地保持連接。
網路資源
QoQo.AI：Figma 上的 AI UX 助手，可以根據需求生成 Persona
QoQo是一個UX設計的人工智慧助手，它在設計過程的早期階段幫助您獲得全面且有組織的概觀。根據您的輸入，它生成卡片以建立一個具有用戶目標、需求、動機、挫折和任務的角色(Persona)。或者，它可以幫助您識別設計簡報的挑戰、風險和關鍵元素。
網路資源
Pafolios：收錄來自世界各地的設計師的作品集網站，可以當作設計個人作品集的靈感
Pafolios 是一個專門展示設計作品集的網站。網站上收錄了來自世界各地的設計師的作品集，包括平面設計、網頁設計、UI/UX 設計、產品設計等。
教學與資訊
什麼是 Overlapping Target？
「Overlapping Target」翻譯為繁體中文是「重疊目標」，這個詞語通常用於討論在使用者界面中，一個互動元素（如按鈕或連結）在視覺上重疊或部分覆蓋另一個元素的情況。這種情況可能會導致使用者難以正確點擊所需的目標元素，因此在設計界面時，需要避免重疊目標，以確保使用者體驗的可用性和易用性。
網路資源
Scroll-driven Animations：收錄許多網頁捲動時的特效實踐方法
滾動驅動的動畫在網頁上是一個常見的用戶體驗模式。這些動畫與滾動容器的滾動位置相關聯。這意味著當你向上或向下滾動時，相關聯的動畫會根據直接響應向前或向後滑動。想像一下有趣的效果，比如視差背景圖像或隨著滾動而移動的閱讀指示器。
教學與資訊
在寫功能前先把流程確認好：認識 UI Flow
當談到 UI Flow（使用者介面流程）時，通常是指使用者界面在應用程式或網站中的流程或導覽。這描述了使用者如何透過不同的界面元素和互動來完成特定任務或達成目標。UI Flow 是設計師和開發者間交流的重要工具，也是確保使用者體驗良好的關鍵步驟。
教學與資訊
什麼是 Wireframe（線框圖）？以及在規劃時該注意什麼？
Wireframe 是一種視覺化的設計工具，用於呈現網站、應用程式或數位產品的結構和布局。它通常是以簡單的線條和框架形式呈現，忽略了具體的設計風格、色彩和內容細節。