線框圖是一種簡化的佈局草圖，它展示結構，但不包含視覺設計。沒有顏色、沒有圖片、沒有精美的字體。只有方框、線條和占位符文字。其目的是在決定外觀之前，先確定各個元素的位置。線框圖可以解答有關層級結構、導航和內容流程的問題。它們製作成本低，修改也容易。

設計師可以手繪線框圖，也可以使用 Figma 或 Sketch 等工具，或使用專門的應用程式。低保真線框圖使用粗略的方框和潦草的標籤。高保真線框圖會增加實際內容和更精確的間距，但仍避免使用顏色和影像。團隊使用線框圖可以儘早與利害關係人達成共識。如果客戶在線上框圖中對行動按鈕的位置有異議，那麼就能避免日後重新建構最終介面的麻煩。

線框圖顯示了什麼

• 主要頁面部分的佈局。
• 導航結構和選單項目。
• 內容層級和分組。
• 交互元素，例如按鈕和表單。

線框圖並非藍圖，而是溝通工具。其目標是在任何人花費時間關注表面細節之前，先就結構達成共識。