Web3 中的設計與使用者體驗 (UX)
您是剛接觸以太坊設計的新手嗎？這裡正是您該來的地方。以太坊社群撰寫了許多資源，為您介紹 Web3 設計與研究的基礎知識。您將學到可能與您熟悉的其他應用程式設計有所不同的核心概念。
需要先對 Web3 有更基礎的了解嗎？請查看 學習中心。
從使用者研究開始
有效的設計不僅僅是建立具有視覺吸引力的使用者介面。它還需要深入了解使用者的需求、目標和驅動因素。因此，我們強烈建議所有設計師採用一套設計流程，例如 雙鑽石流程 (double diamond process) (opens in a new tab)，以確保他們的工作是經過深思熟慮且有目的性的。
如果您想了解目前最迫切的 UX 痛點是什麼，請查看這份**當前 UX 問題地圖 (opens in a new tab)**。
- Web3 需要更多 UX 研究員與設計師 (opens in a new tab) - 當前設計成熟度概覽
- Web3 UX 研究簡易指南 (opens in a new tab) - 如何進行研究的簡易指南
- 如何在 Web3 中處理 UX 決策 (opens in a new tab) - 簡要概述量化與質化研究及其差異（影片，6 分鐘）
- 在 Web3 擔任 UX 研究員 (opens in a new tab) - 關於在 Web3 擔任 UX 研究員的個人觀點
Web3 中的研究報告
這是一份精選的 Web3 使用者研究清單，可能有助於設計與產品決策，或作為進行自身研究的靈感來源。
Web3 設計
- Web3 設計腳本 (Playbook) (opens in a new tab) - 為設計師與創辦人提供的全面框架與筆記集合，涵蓋 Web3 UX 原則、去中心化金融 (DeFi) 模式、治理設計、錢包 UX 以及協定層面的思考
- Web3 UX 設計手冊 (opens in a new tab) - 設計 Web3 應用程式的實用指南
- Web3 設計原則 (opens in a new tab) - 針對基於區塊鏈的去中心化應用程式 (dapp) 的 UX 規則框架
- 區塊鏈設計原則 (opens in a new tab) - IBM 區塊鏈設計團隊的經驗教訓
- Neueux.com (opens in a new tab) - 具有多樣化篩選選項的使用者流程 UI 資源庫
- Web3 的可用性危機：您必須知道的事！ (opens in a new tab) - 關於以開發者為中心的專案建構陷阱的座談會（影片，34 分鐘）
入門
- Web3 啟發式評估 - Web3 介面設計的 7 個啟發式原則
- DEX 設計最佳實務 - 去中心化交易所設計指南
Web3 設計案例研究
- Deep Work Studio (opens in a new tab)
- 在 OpenSea 上販售 NFT (opens in a new tab)
- 錢包 UX 拆解：錢包需要如何改變 (opens in a new tab)（影片，20 分鐘）
設計獎金任務 (Bounties)
設計 DAO 與社群
參與由社群驅動的專業組織，或加入設計群組，與其他成員討論設計與研究相關的主題和趨勢。
- Vectordao.com (opens in a new tab)
- Deepwork.studio (opens in a new tab)
- We3.co (opens in a new tab)
- Openux.xyz (opens in a new tab)
設計系統與其他設計資源
- Optimism 設計 (opens in a new tab) (Figma)
- Ethereum.org 設計系統 (opens in a new tab) (Figma)
- Finity，Polygon 的設計系統 (opens in a new tab) (Figma)
- Kleros 設計系統 (opens in a new tab) (Figma)
- Safe 設計系統 (opens in a new tab) (Figma)
- ENS 設計系統 (opens in a new tab)
- Mirror 設計系統 (opens in a new tab)
本頁面列出的文章與專案並非官方背書，僅供參考之用。 我們根據上架政策中的標準將連結新增至此頁面。如果您希望我們新增專案/文章，請在 GitHub (opens in a new tab) 上編輯此頁面。
頁面最後更新： 2026年4月8日
