線框圖就表面的意思解釋就是用線框出的圖片，線框圖是網站模板設計的前進方向。那線框圖的正確解釋是什么呢？線框圖是整合在結構層的全部三種要素的方法：通過安排和選擇界面元素來整合網站模板的設計；通過識別和定義核心導航系統來整合網站模板中的導航設計；通過放置和排列信息組成部分的優先級來整合信息設計。通過把這三者放到一個文檔中，線框圖可以確定一個建立在基本概念結構上的架構，同時指出了視覺設計應該前進的方向。

　　線框圖是網站設計方案中的重要組成部分，無論是I-Board 、Page-Layout、UI-Draft這些不同的稱呼，它們的本質都是一樣的，網站策劃師、網絡產品經理的最后交付文檔，通常的呈現設計是最直觀有效的。單純從設計的角度，線框圖也可以看作一個視覺呈現過程。線框圖的本質是信息架構的表象。根據需要，頁面線框圖可能是一個獨立頁面或一整套頁面序列：當針對中小型項目時，可能只需要首頁以及關鍵頁面的設計;針對復雜項目和大規模的團隊協作，則需要一系列相互關聯的線框圖，并且包含交互設計部分。

　　線框圖前必須要做的四個步驟：

　　低保真還是高保真

　　線框圖的細節要逼真到何種程度，要根據執行團隊的實際情況來決定。一般來說，線框圖的細節越逼真，執行越流暢，但是給界面設計和視覺設計的發揮空間越小;相反，線框圖越是粗略，對團隊配合的要求越高，界面設計和視覺設計發揮的空間越大。低保真原型通常包括：頁面的基本布局，元素的大概位置，交互的基本形式，表單項。

　　確定頁面邏輯架構

　　頁面邏輯框架，是在整個網站信息架構確立的基礎上，具體描述某個頁面：都包含什么元素;這些元素的權重;頁面的大概形式。頁面邏輯框架可以用邏輯表和邏輯圖兩種形式交付，可以單獨采用一種形式，也可以同時提交兩者。

　　規范圖例與交付物

　　工作流程是對項目執行上下級關系的一種描述，即上級交付給下級何種結果時，下級可以開始自己的工作;當交付結果不符合要求時，下級變為上級，要求前一環節進行返工。

　　基本框架網站模板

　　網站模板可以包含Logo&Slogan、頁面導航面包屑、廣告、常用功能、側邊欄和頁底版權欄;每個模板都包含一些可編輯的部分。在確立了模板之后，剩下的工作無非就是根據每個頁面邏輯架構的區別，設計那些可編輯的部分而已。