一、Muuuuu — 日本網頁設計觀察者的愛用平台

Muuuuu(muuuuu.org) 是許多亞洲設計師必逛的靈感網站。網站以簡潔排版與大量日系案例著稱,不僅收錄日本品牌網站,也包含海外企業與創意工作室的設計。
- 頁面乾淨、可依「行業」「配色」「版型」搜尋。
- 可清楚看到日本設計師如何運用留白與比例。
- 適合想觀察「品牌氣質」與「排版節奏」的設計師。
推薦用法: 每次接新案前,輸入類似產業(如「architecture」或「restaurant」),觀察日本品牌如何表現。
前往 Muuuuu二、81-Web — 收藏與分類最方便的設計資料庫

81-web.com 是另一個日本設計網站收錄平台。介面設計雖然極簡,但功能實用,尤其是「書籤功能」。你可以建立個人帳號,把喜歡的網站設計加入收藏夾。
- 可收藏與分類網站案例。
- 分類清晰(企業、產品、活動、媒體等)。
- 可查看配色與字體比例,方便參考實作。
推薦用法: 用它作為「視覺資料庫」,每個月整理一次喜歡的案例,逐步建立自己的「設計參考資料集」。
前往 81-Web三、Good Web Design — 以實務與結構為核心的日本設計資料庫

Good Web Design 收錄超過 2000 個日本網站案例,以「業種別」「顏色」「風格」清楚分類,是日本設計師日常最常用的靈感平台之一。它最大的特色在於能觀察網站的結構比例與配色邏輯,比起華麗的概念網站,這裡的案例更貼近真實品牌需求。
- 提供「色彩 × 類型」雙重篩選功能。
- 收錄多樣企業與品牌形象網站。
- 風格偏向乾淨、層次分明、資訊架構清晰。
推薦用法: 當你在設計企業官網或品牌主視覺頁面時,可輸入產業關鍵字觀察該類型網站的版面節奏與文字比例。
前往 Good Web Design四、1guu.jp — 聚焦在真實企業案例的日常設計靈感庫

1guu.jp 是一個專注於「生活型與地方品牌網站」的靈感收錄庫。不同於 Awwwards 那種高概念展示,這裡的案例多來自中小企業、地方品牌、建設公司或獨立工作室,能看到最貼近市場實際需求的設計樣貌。
- 案例真實、具可執行性。
- 排版與互動結構偏向穩定、易維護。
- 適合觀察如何在有限預算下打造質感網站。
推薦用法: 若你正設計中小型企業或地區品牌網站,可用 1guu.jp 參考資訊層級與排版比例,學習如何在內容多的情況下保持視覺整潔。
前往 1guu.jp五、Bookma — 可視化書籤式的日本靈感收藏平台

Bookma 是日本設計師常用的靈感收藏網站,以「可視化書籤」為概念,讓設計師能像 Pinterest 一樣快速瀏覽與收藏網頁。不同的是,Bookma 收錄的多是真實上線的網站,而非概念作品,因此更能直接對照真實互動體驗與品牌調性。
- 介面簡潔直覺,可依主題瀏覽或自行收藏。
- 網站連結可直接開啟原站,方便分析設計動線。
- 適合每日瀏覽快速獲得靈感。
推薦用法: 早晨開始工作前,開啟 Bookma 看三至五個新案例,記下吸引你注意的字體、留白或滾動節奏,長期下來能提升設計敏銳度。
前往 Bookma六、Web Design Clip — 日系風格與國際案例兼具

webdesignclip.com 是另一個廣受歡迎的日本網站收錄庫。它同時包含日本與海外網站案例,分類精準、更新頻率高。
- 支援關鍵字搜尋與顏色搜尋。
- 除了 PC 網站,也能看行動版樣式。
- 收錄大量企業與品牌形象網站,風格偏向乾淨與高質感。
推薦用法: 可觀察日本品牌如何在首頁 5 秒內建立「信任感」。非常適合品牌設計師、企業官網設計案使用。
前往 Web Design Clip七、GDWEB — 韓國網站設計觀察的首選

gdweb.co.kr 是韓國最具代表性的網頁設計收錄平台。首頁以直覺式分類呈現(企業、品牌、電商、活動、文化等)。
- 韓國品牌網站設計普遍注重動效與視覺張力。
- 可看到大量使用動畫與滑動互動的設計。
- 有別於日本的靜謐風格,更具戲劇感與品牌能量。
推薦用法: 當你想觀察「視覺強度」與「轉場動效」時,非常值得參考。
前往 GDWEB八、Awwwards — 全球創意與互動體驗最高殿堂

awwwards.com 是全球最具權威的網頁設計評選平台,每個入選案例都經過設計師、工程師、UX 專家評審。
- 每日更新,品質極高。
- 可依設計類型、技術、互動程度分類。
- 含詳細技術資訊(使用何種前端框架、動畫引擎)。
推薦用法: 當你想看「設計趨勢」與「技術未來」時,Awwwards 是最好的風向球。但要注意:這裡的作品往往是大品牌與國際團隊製作,屬於「靈感參考」而非可直接套用的範例。
前往 Awwwards九、Site Inspire — 英國設計師愛用的乾淨實例庫

Site Inspire 以簡約介面與高品質網站收錄聞名,它的特色在於「可實際導向真實品牌網站」,不是作品展示,而是真實上線案例。
- 適合觀察企業品牌如何透過色彩與排版表現專業。
- 有大量歐美風格案例。
- 搜尋與標籤系統非常完善。
推薦用法: 設計企業網站時,可用它來對照版型結構與視覺節奏。
前往 Site Inspire十、Collect UI / Design Library — 介面設計與 UI 靈感集合
Collect UI:每日收錄來自 Dribbble 的介面設計案例。
Design Library:整理日本各品牌的 UI 設計範例,涵蓋按鈕、導覽列、表單等常見元件。
- Design Library 特別適合研究元件設計與微互動。
- Collect UI 可快速瀏覽卡片、列表、登入畫面等概念。
- 兩者搭配使用能讓你建立更完整的 UI pattern 觀察庫。
推薦用法: 當你想設計新版後台系統或產品頁面時,可先在 Design Library 找元件靈感,再用 Collect UI 補充整體視覺構成。
前往 Collect UI 前往 Design Library