Color（Method of Action）

關於 Color（Method of Action）

Color 是 Method of Action 的色彩比對遊戲，首頁列出色相、飽和度、互補、類似、三角與四角等題型。使用者可由開始按鈕進入練習，畫面以不同程度的評語與分數回饋配色結果，並提供重新開始入口，讓色彩判斷能圍繞特定關係反覆嘗試。

遊戲開始前另提供螢幕校準指南與實驗性的色覺輔助入口，提醒使用者注意觀看與色彩辨識條件。整體內容聚焦在色彩匹配和配色關係的操作，將理論名稱與可動手練習的題型連結；可先比較不同題型的表現，再回到相對不熟悉的配色關係繼續練習。

功能特色

主要功能

• 色相與飽和度：提供兩種基礎色彩屬性的匹配練習。
• 配色關係題型：涵蓋互補、類似、三角與四角等配色關係。
• 表現回饋：以分數與不同程度的評語呈現練習結果。
• 校準指南：開始前提供螢幕校準說明入口。
• 色覺輔助：提供標示為實驗性支援的色覺輔助入口。
• 雙語介面：提供英文與西班牙文的遊戲介面切換。

使用情境

• 學習色彩關係時，以不同題型比較互補、類似與三角配色的差別。
• 配色練習後，根據分數與評語選擇較不熟悉的題型再次嘗試。

相似工具

• Adobe Color — 學習網站
• Adobe Learn — After Effects — 學習網站
• Apple Human Interface Guidelines — 學習網站
• Baymard Institute UX Knowledge Hub — 學習網站
• BP&O — 學習網站
• Brand New — 學習網站
• Butterick’s Practical Typography — 學習網站
• DesignSystems.com — 學習網站
• Figma Learn — 學習網站
• Fonts In Use — 學習網站
• GoodUI — 學習網站
• Google Fonts Knowledge — 學習網站

加入創作邦會員

收藏實用內容、下載免費模板，訂閱電子報。

精選工具

• Comet — Comet 是 Perplexity 的 AI 瀏覽器，整合搜尋與助理功能，可協助閱讀、比較網頁內容、準備郵件草稿與整理學習計畫。
• Lovable — Lovable 可透過對話介面建立軟體產品，協助把想法製作為網頁應用程式。
• Pexels — Pexels 是照片與影片素材資源平臺。
• DOTOWN — DOTOWN 提供像素插畫下載，官方標示可商用，可用於圖示、文件與其他創作。

新工具

• justfont blog — 分享中文字體基礎、字型排版應用與字體設計入門的繁中文章及教案。
• LottieFiles Tips and Tutorials — LottieFiles 官方教學文章，分享設計系統、狀態機、介面動畫與 Lottie 流程。
• Adobe Learn — After Effects — Adobe 官方 After Effects 教學，涵蓋文字動畫、視覺效果與動態模糊。
• Pentagram Work — Pentagram 官方作品集，分享品牌識別、策略、包裝與動態等專案案例。