線框圖是指軟件或者網(wǎng)站設(shè)計(jì)過(guò)程中非常重要的一個(gè)環(huán)節(jié)。

　　線框圖是整合在結(jié)構(gòu)層的全部三種要素的方法：通過(guò)安排和選擇界面元素來(lái)整合界面設(shè)計(jì)；通過(guò)識(shí)別和定義核心導(dǎo)航系統(tǒng)來(lái)整合導(dǎo)航設(shè)計(jì)；通過(guò)放置和排列信息組成部分的優(yōu)先級(jí)來(lái)整合信息設(shè)計(jì)。通過(guò)把這三者放到一個(gè)文檔中，線框圖可以確定一個(gè)建立在基本概念結(jié)構(gòu)上的架構(gòu)，同時(shí)指出了視覺(jué)設(shè)計(jì)應(yīng)該前進(jìn)的方向。

　　線框圖在正式建立網(wǎng)站的視覺(jué)設(shè)計(jì)的流程中，是必要的第一步，但是幾乎每一個(gè)參與這個(gè)開(kāi)發(fā)過(guò)程的人都會(huì)在一些任務(wù)點(diǎn)中使用它。負(fù)責(zé)戰(zhàn)略層、范圍層和結(jié)構(gòu)層的設(shè)計(jì)者可以借助線框圖來(lái)保證最終產(chǎn)品能滿足他們的期望。真正負(fù)責(zé)建設(shè)這個(gè)網(wǎng)站的人，則使用線框圖來(lái)回答關(guān)于網(wǎng)站應(yīng)該如何運(yùn)作的問(wèn)題。隨著用戶體驗(yàn)領(lǐng)域的不斷成熟和發(fā)展，線框圖的責(zé)任有時(shí)還成為企業(yè)內(nèi)部某種口水戰(zhàn)的主題。一些網(wǎng)站研發(fā)團(tuán)隊(duì)很鮮明地把這部分工作分成兩個(gè)部分，由兩個(gè)獨(dú)立的角色（有時(shí)候是整個(gè)部門）“信息架構(gòu)師”和“設(shè)計(jì)師”來(lái)承擔(dān)。

　　線框圖就像是設(shè)計(jì)圖框架與承載，它代表最終產(chǎn)品最核心的部分。在保真度與速度之間，線框圖可以保持一個(gè)很微妙的平衡，雖然繪圖時(shí)不用最求細(xì)節(jié)的完美，但必須表達(dá)出設(shè)計(jì)思想，完整的表達(dá)其中所有重要的部分。線框圖不僅僅是無(wú)意義的線和框的集合；好吧，雖然看上去是的，囧。你可以把線框圖理解為設(shè)計(jì)圖的骨干與核心，它承載著最終產(chǎn)品所有重要的部分。線框圖可以幫你平衡保真度與速度。繪圖時(shí)不用在意細(xì)枝末節(jié)，但必須表達(dá)出設(shè)計(jì)思想，不能漏掉任何重要的部分。就像給項(xiàng)目以及一起協(xié)作的團(tuán)隊(duì)成員（開(kāi)發(fā)工程師、視覺(jué)設(shè)計(jì)師、文案作者和項(xiàng)目經(jīng)理），開(kāi)辟了一條輔助理解設(shè)計(jì)的通道。說(shuō)得再明白點(diǎn)，你是在設(shè)計(jì)城市地圖，地圖上能展現(xiàn)出每一條街道，只不過(guò)繪制上做了簡(jiǎn)化。看地圖能看出城市的框架，但無(wú)法一覽城市的美感。

　　線框圖常常用來(lái)作項(xiàng)目說(shuō)明。鑒于其靜態(tài)設(shè)計(jì)，一次只能通過(guò)一張界面演示交互，因此，務(wù)必附上說(shuō)明。（只要有必要，簡(jiǎn)短描述或附在復(fù)雜的技術(shù)文檔里，都成），也因?yàn)槔L制起來(lái)快速、簡(jiǎn)單，它也經(jīng)常用于非正式場(chǎng)合，比如團(tuán)隊(duì)內(nèi)部交流。要是開(kāi)發(fā)問(wèn)起一個(gè)東西怎么做，回復(fù)時(shí)不妨附上一張迅速繪制的線框圖。線框圖難以充當(dāng)用戶測(cè)試的材料；倒也能收集些反饋，如果你更關(guān)心用戶意見(jiàn)，而非測(cè)試方法。

　　線框圖是原型圖的一種：可以把原型圖想象成一個(gè)大類，他下面按照階段或者精細(xì)程度可分為：

1. 草圖或者手稿：一般指前期具有了一個(gè)大致的想法，為了記錄，快速的從紙上或者小黑板上勾勒出來(lái)的。
2. 線框圖：開(kāi)始考慮大致的布局以及元素定義了。一般只用黑白灰的面、線、字表示，可用axure或者其他設(shè)計(jì)軟件完成。大部分的產(chǎn)品到這一步就可以了，直接交給設(shè)計(jì)師去完成界面設(shè)計(jì)。
3. 高保真原型：完成效果跟真實(shí)的產(chǎn)品基本無(wú)異，而且還帶有動(dòng)態(tài)交互效果的。一般由UI設(shè)計(jì)師或者交互設(shè)計(jì)師完成。

　　從功能上來(lái)說(shuō)，原型代表了最終產(chǎn)品，常用于潛在用戶測(cè)試；線框圖常用于項(xiàng)目初期，展示布局和功能，用于討論和反饋。

　　原型可以在線框圖的基礎(chǔ)上進(jìn)行設(shè)細(xì)化和設(shè)計(jì)。原型常用于做潛在用戶測(cè)試。在正式介入開(kāi)發(fā)階段前，以最接近最終產(chǎn)品的形式考量產(chǎn)品可用性。