什麼是wireframe

網站線條框線 (Wireframe) 是什麼呢？ 線框圖的英文是 Wireframe，它是在還沒有進行設計前，先以基本的線條框線來規劃網站的框架。

Wireframe（線框圖）是 UI 介面設計前的原型骨架，是 UX 設計師很重要的產出之一，在開發數位產品例如 App, Website 時， Wireframe 可以確保整體架構清楚好導覽、同時每一頁與每個流程的功能細節符合使用者需求、更需滿足商業的策略目標，以及操作易用性 ...

Wireframe（線框圖）是網站或 APP 這類產品的低擬真原型，通常以簡單的線條、灰階色塊、符號和框線，來呈現頁面的結構、資訊排列方式與核心功能區塊。

什麼是 Wireframe（線框稿）？ Wireframe（線框稿）是一個網頁或 APP 的二維骨架輪廓，Wireframe 可以手繪也可以以其他方式創建，通常代表了最初的產品概念、造型與顏色等。

Wireframe (線框稿)主要目的是溝通網頁的架構、內容、功能、行為、資訊階層，會用非常簡單的灰階顏色、線條、符號或框線，來表達網頁的排版架構。

Wireframe， 根據相關定義，其實就是網站的「線框圖」，是一種用來規劃網站版面結構和功能配置的草圖，它不會有漂亮的顏色、圖示或照片，而是以簡單的線條和區塊，描繪出每個頁面該出現什麼內容、按鈕放哪裡、使用者會從哪裡點進哪個功能。