網頁設計常見術語一次看懂
網頁設計常見術語包括RWD（響應式網頁設計，讓網站自動適應手機、平板、電腦不同螢幕）、UI／UX（介面設計與使用者體驗）、CMS（內容管理系統，例如WordPress）、Landing Page（單一目的的行銷落地頁）與SEO（搜尋引擎優化）；先掌握這些基本詞彙，之後跟設計師或工程師溝通會更順利。若想完整了解網頁設計入門與流程，可以參考完整教學。
除了上述幾個核心詞彙，實務上也常聽到Wireframe（線框稿，用來規劃頁面結構）、Favicon（瀏覽器分頁小圖示）與Breadcrumb（麵包屑導覽，方便使用者知道自己在網站的哪個位置），這些都是溝通網站需求時常用到的基本用語。
理解術語後，可搭配網頁設計入門把名詞放回實際製作情境；遇到版型或程式相關名詞時，再閱讀HTML與CSS網頁設計入門。
版面與設計類的常用術語有哪些？
與設計師溝通版面時，最常用到的是線框稿、視覺稿、原型、首屏與網格這幾個詞。
| 術語 | 意思 |
|---|---|
| Wireframe（線框稿） | 只畫出區塊位置與內容順序的簡略草圖，用來先確認架構 |
| Mockup（視覺稿） | 加上顏色、字型與圖片的完整畫面設計稿 |
| Prototype（原型） | 可以實際點擊操作的互動模型，用來測試流程 |
| Hero Section（首屏主視覺區） | 頁面最上方的大型區塊，通常放主標題與行動按鈕 |
| Grid（網格） | 用來對齊與排版的欄位系統 |
| Breadcrumb（麵包屑導覽） | 顯示目前頁面所在位置的路徑，例如首頁 > 分類 > 文章 |
技術與架站類的常用術語有哪些？
架設網站時最常聽到的有網域、主機、DNS、SSL、CMS 與外掛，了解它們各自負責什麼，就不容易在報價與維護上被混淆。
| 術語 | 意思 |
|---|---|
| Domain（網域） | 網站的網址名稱，例如 web-design.vip |
| Hosting（主機） | 存放網站檔案與資料庫的伺服器空間 |
| DNS | 把網域對應到主機位置的設定 |
| SSL | 讓網站使用 HTTPS 加密連線的憑證 |
| CMS（內容管理系統） | 讓你不用寫程式就能管理內容的後台，例如 WordPress |
| Theme／Plugin | 佈景主題負責外觀，外掛負責增加功能 |
| Cache（快取）／CDN | 讓網站載入更快的暫存與分散式傳輸機制 |
行銷與成效類的常用術語有哪些？
這類詞通常出現在成效報告裡，例如 CTA、轉換率、跳出率與 A/B 測試。
| 術語 | 意思 |
|---|---|
| CTA（行動呼籲） | 引導訪客採取下一步的按鈕或文字，如「立即諮詢」 |
| Conversion（轉換） | 訪客完成你期望的行動，如填表、下單或加入 LINE |
| Bounce Rate（跳出率） | 只看一頁就離開的訪客比例，需配合頁面性質解讀 |
| A/B Test | 讓兩個版本同時測試，比較哪一個成效較好 |
| Sitemap（網站地圖） | 列出網站重要頁面的清單，協助搜尋引擎發現內容 |
想把名詞放回實際製作情境，可以看網頁設計入門；遇到版型或程式相關名詞，再閱讀HTML與CSS網頁設計入門。
跟設計公司溝通時，怎麼運用這些術語？
不需要記住所有名詞，只要在需求討論時能說清楚「要幾個頁面、誰是目標客群、希望訪客採取什麼行動」，術語就只是輔助。
實務上，先請對方提供線框稿確認架構，再進入視覺稿，是避免反覆修改的常見做法；報價時則要確認網域、主機、SSL 與維護是否包含在內，以及次年的續約費用。
常見問題
Wireframe 和 Mockup 有什麼不同？
Wireframe 只呈現區塊配置與內容順序，不含顏色與圖片；Mockup 則是包含色彩、字型與圖片的完整視覺設計稿。
CMS 一定要用 WordPress 嗎？
不一定。WordPress 是最普及的 CMS 之一，但也有其他系統可選，選擇時要看功能需求、維護能力與預算。
跳出率很高一定代表網站有問題嗎？
不一定。像部落格文章、聯絡資訊頁，訪客看完答案就離開是正常的，需依頁面目的與其他指標一起判斷。
