什麼是色相環？設計師配色技巧帶你一次看，讓你輕鬆掌握色彩應用
介紹介面設計色彩應用：分析品牌風格，汲取靈感，以色相環輔助挑選配色，運用檢測工具確保效果，打造符合品牌形象的設計方案。
學會這50個網站設計名詞，輕鬆打造體驗與視覺兼具的理想網站！
介紹50個網站設計相關類別專業名詞，讓你輕鬆掌握體驗設計與視覺設計核心概念！從使用者旅程到情緒版，涵蓋體驗設計與視覺設計相關的名詞中英對照與介紹，幫助你與團隊無縫溝通，打造兼具吸引力與實用性的理想網站。
身為一個對網站充滿期待的業主，可能都有遇過在跟設計師溝通時，因為不了解一些專業術語而覺得無法順暢的跟設計師溝通，導致最後成果不慎理想。別擔心！今天我們整理了50個與體驗設計、視覺設計相關的專業術語，幫助你快速入門，讓你在設計討論中更加從容，與專業團隊共同打造理想網站！
體驗設計名詞介紹
體驗設計（User Experience Design, UX）重視的是使用者與產品互動的過程，以下15個關鍵名詞，讓你理解如何透過規劃與測試，提升使用者的整體體驗：
- 使用者研究 (User Research)
透過訪談、調查或數據分析了解目標使用者的行為與需求，作為設計基礎。
- 使用者旅程地圖 (User Journey Map)
描繪使用者完成目標時的流程與體驗，找出痛點與機會點。
- 人物誌 (Persona)
根據調研數據建立的虛構使用者角色，幫助團隊理解目標受眾的需求與行為。
- 使用者故事 (User Story)
以簡短描述的方式呈現使用者目標及其所需功能，例如：「作為一位學生，我想快速找到教學影片」。
- 頭腦風暴 (Brainstorming)
團隊成員快速產生大量創意，常用於構思設計解決方案。
- 靈感工作坊 (Inspiration Workshop)
引導團隊收集與篩選靈感，用以定義設計方向。
- 使用者工作坊 (User Workshop)
包含使用者參與的討論與活動，直接獲得他們的反饋與建議。
- 易用性測試 (Usability Testing)
觀察使用者實際操作產品，評估是否符合預期並找出改善點。
- 體驗藍圖 (Experience Blueprint)
展示使用者互動的全貌，包括接觸點、行為、感受和技術支援。
- 資訊架構 (Information Architecture)
規劃網站或應用的結構與內容分類，讓使用者輕鬆找到資訊。
- 易用性評估 (Heuristic Evaluation)
專家根據一套原則檢查設計是否符合易用性標準。
- 情境場景 (Scenario)
用故事形式描述使用者在特定情境下如何使用產品。
- 體驗迭代 (Iteration)
根據使用者反饋不斷改進產品設計的過程。
- 無障礙設計 (Accessibility Design)
確保網站適用於所有人，包括視障、聽障或行動不便的使用者。
- 體驗指標 (Experience Metrics)衡量使用者滿意度、效能與可用性的量化數據。
視覺設計名詞介紹
視覺設計（Visual Design）專注於網站的美觀與一致性。以下35個名詞，幫助你理解專業設計師常用的術語與工具：
- 情緒版 (Mood Board)
用於呈現設計概念的視覺參考集合，包括顏色、圖片、字體等元素。
- 色相環 (Color Wheel)
一種用來顯示顏色關係的圓形工具，幫助選擇配色方案。
- 對比色 (Complementary Colors)
色相環中彼此相對的顏色，用於創造強烈的視覺對比效果。
- 相似色 (Analogous Colors)
色相環中相鄰的顏色，用於營造和諧的設計效果。
- 字體字級 (Typography)
包括字體選擇、字號大小、行距與字距設計，影響文字的可讀性與風格。
- 負空間 (Negative Space)
設計中刻意留下的空白區域，提升版面清晰度與美感。
- 對齊 (Alignment)
確保視覺元素排列一致，提升畫面的秩序感與專業度。
- 層次感 (Hierarchy)
透過大小、顏色或位置區分內容的重要性，引導使用者目光。
- 設計系統 (Design System)
包括樣式指南與元件庫，確保設計在不同專案中的一致性。
- 網格系統 (Grid System)
用於規劃版面結構的框架，讓設計更具條理性。
- 漸層 (Gradient)
從一種顏色逐漸過渡到另一種顏色，用於營造視覺深度。
- 陰影 (Shadow)
增加物件立體感與層次感的常用技巧。
- 圖標設計 (Iconography)
用於簡單傳達信息的圖形符號設計，適用於導航與功能展示。
- 動態效果 (Motion Design)
包括動畫、滾動效果等，提升畫面生動性與吸引力。
- 卡片設計 (Card Design)
使用矩形卡片來組織內容，方便使用者快速瀏覽。
- 微交互 (Microinteraction)
針對小範圍動作的動畫設計，例如按鈕點擊效果。
- 高光與暗影 (Highlights and Shadows)
模仿光線效果，讓設計元素看起來更真實。
- 平面化設計 (Flat Design)
強調簡約與色塊化的設計風格，移除多餘裝飾。
- 極簡設計 (Minimalism)
注重功能與美觀的簡潔設計風格，避免過多元素干擾。
- 模糊效果 (Blur Effect)
用於創造深度感或聚焦某一區域。
- 品牌識別設計 (Brand Identity Design)
確保設計符合品牌形象，包括配色、字體與圖案。
- 對比度 (Contrast)
增加顏色、大小或亮度差異，用於強調關鍵元素。
- 留白 (Whitespace)
保持設計中的空間感，避免視覺過於擁擠。
- 品牌一致性 (Brand Consistency)
確保網站的視覺設計符合品牌形象。
- 平衡感 (Balance)
在畫面中分配元素，使其視覺上穩定且和諧。
- 響應式字體 (Responsive Typography)
針對不同裝置動態調整的字體設計。
- 漸層疊加 (Gradient Overlay)
將漸層顏色應用於圖片或背景上，提升視覺吸引力。
- 光感效果 (Lighting Effects)
用光影模擬真實世界的效果，增強沉浸感。
- 色彩心理學 (Color Psychology)
研究顏色對使用者情緒與行為的影響，應用於品牌與界面設計。
- 外框 (Outline)
為設計元素添加細線邊框，突顯形狀與區域。
- 三分法則 (Rule of Thirds)
構圖技巧之一，將畫面分為九宮格，提升視覺焦點分佈的美感。
- 幾何設計 (Geometric Design)
使用簡單形狀如圓、方、三角等創建視覺元素。
- 字型設計 (Font Design)
自定義創作字體，增強品牌辨識度。
- 圖層混合模式 (Blend Mode)
用於圖層疊加的效果調整，實現特定的視覺風格。
- 圖案填充 (Pattern Fill)
重複使用簡單圖案作為背景，增加設計的趣味性。
掌握這些網頁設計術語後，是否覺得與設計師溝通不再那麼困難？懂得表達需求，能幫助你和專業團隊高效合作，輕鬆打造出符合期望的理想網站！如果你有任何網站設計需求，歡迎聯繫我們，我們會提供最專業的建議與服務！
相關文章
UX設計是什麼？了解使用者體驗在網站設計中扮演的關鍵角色
使用者體驗（UX）設計在網站設計中扮演重要的角色，一個企業如果能夠透過設計思考流程將 UX 設計與品牌策略結合，來提升網站與產品的易用性、滿意度和品牌忠誠度，讓數位產品具備良好的使用者體驗，將有助於提升企業的市場競爭力和商業效益。
