線框圖是一種用於展示數字化產品界面元素佈局的簡化圖形,它通常不涉及美學元素,如顏色和圖像,而是通過基本的線條和形狀來表達頁面的結構。線框圖的核心作用在於確定產品的功能佈局,例如導航欄、按鈕、圖像區域及文本框等。它有助於在設計的早期階段討論和規劃產品,確保團隊成員在討論產品結構和功能時保持一致。線框圖可以是靜態的,也可以包含一些簡單的頁面交互效果。
線框圖通常在設計的早期階段使用,作爲討論和規劃的基礎,而高保真原型圖則在設計後期使用,當基本的佈局和功能已經確定後,用於測試和演示設計的實際體驗。線框圖是低保真度的原型圖,而高保真原型圖則包括顏色、圖像和動畫等,更接近最終產品的外觀。線框圖可以手工繪製或以數字軟件方式創建,具體取決於需要的細節程度。
線框圖也被稱爲頁面示意圖或屏幕藍圖,是展示網站或產品框架的視覺指南。它幫助設計師和客戶討論具體的網站層次和導向,定義頁面元素的尺寸和位置、信息架構、預期行爲和網站導航。線框圖通常只使用線條、方框和灰階色彩填充,呈現主體信息羣,勾勒結構和佈局,表達用戶交互界面的主要視覺和描述。