繪制網站的線框圖是開發設計網站的第一步。也是網站視覺外觀進行初步表達的一種形式。它是網站建設項目進行中的藍圖，用來傳達策劃和設計思想，用來表現網頁的布局和核心元素。更深層次地講，線框圖對于決定用戶怎樣跟界面交互有十分重要的作用。

　　什么是線框圖?

　　網站線框圖(Wireframe)通俗來講就是網站框架的草圖，是網站設計師將客戶需求圖形化的一種展現形式。線框圖是低保真的設計圖，用于表達：

　　內容大綱(什么東西)

　　信息結構(在哪)

　　用戶的交互行為描述(怎么操作)

　　框線圖是什么樣子?

　　根據不同的表達和溝通需要，線框圖可以從復雜到簡單。下圖是一個企業網站的簡單線框圖，用于表達頁面布局：

　　網頁設計線框圖-新龍制作

　　線框圖設計很重要，可以讓設計師把注意力集中在規劃排版和界面的交互上，而不受顏色、字體選擇甚至內容的干擾。

　　為什么需要使用線框圖?

　　在項目設計初始階段，需要關注網站的功能、信息架構、用戶體驗、用戶交互流程、可用性等因素，線框圖在此發揮巨大作用。網站建設公司能夠使用線框圖表達網站的核心功能和信息布局，以及用戶交互和增強用戶體驗，并與委托方進行溝通。

　　線框圖常常用來作項目方案說明，它是與客戶進行設計溝通的工具。這種拋開視覺表現的骨架能夠幫助雙方明確網站核心部分，建站客戶因此能夠了解網站設計公司的主要策劃思想并參與到項目討論中。

　　不僅僅是大型網站在設計階段需要投入時間和精力制作線框圖，對于中小企業建設網站項目線框圖在網頁設計中的重要性也是不容忽視的，如果省去線框圖繪制將可能造成后期大量修改，延誤交付時間。

　　建站客戶應如何審閱線框圖?

　　當客戶審閱線框設計時，請注意：

　　信息架構：從上到下查看信息架構流程和線框上顯示內容的優先級。

　　內容策略：在線框圖階段，會采用有意義文字描述板塊標題，但對細節局部的圖文是采用框線代替圖片及替代文字占位表示。

　　頁面布局：頁面布局是否滿足您的需要?如果是的，請確保再次詢問該布局是否仍然有意義。通過審閱線框圖可以拾起遺漏，使方案更加完善。

　　功能性：查看網站功能性元素是否放置在合適的位置。比如行動號召按鈕是否放置在訪問者的主要視線范圍內?社交媒體分享按鈕是否使用順手(把社交媒體按鈕放在屏幕左側肯定沒有放在右側好用)?

　　用戶交互：站在訪問者角度考慮如何更便捷地使用網站。導航的結構是否復雜?訪問者需要點擊多少次才能聯系到網站管理員?產品詳情是否埋藏太深?網站是否看起來簡單明了?等等。