線框圖是設計的骨架。用方框表示圖像，用線條表示文本，用標籤表示按鈕。沒有顏色，沒有字體，沒有精美的視覺效果。只有最基本的結構。

線框圖在設計流程早期階段出現，位於草圖之後、高保真原型之前。它們的作用是回答佈局問題：導覽列放在哪裡、有多少列、層級結構是什麼。故意讓線框圖看起來不夠美觀。如果線框圖看起來過於完善，利害關係人就會開始爭論藍色色調，而不是討論佈局是否合理。

線框圖展示了什麼

• 主要元素的位置：頁首、導覽、內容、頁尾
• 組件的相對大小和優先權
• 螢幕或頁面之間的切換
• 互動元素，例如按鈕和表單

Balsamiq 和 Figma 等工具讓線框圖繪製變得快速且有效率。不過，有些設計師仍然使用紙筆。媒介本身並不重要，重要的是思路。線框圖可以開啟對話，它表達的是：這就是結構，您覺得怎麼樣？在這個階段修改成本很低。一旦視覺設計完成，移動側邊欄就意味著後續所有工作都要重做。不如在線框圖中直接移動它。