網(wǎng)站設(shè)計中的線框圖是什么？

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

　　什么是線框圖?

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

　　內(nèi)容大綱(什么東西)

　　信息結(jié)構(gòu)(在哪)

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

　　框線圖是什么樣子?

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

　　網(wǎng)頁設(shè)計線框圖-新龍制作

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

　　為什么需要使用線框圖?

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

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

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

　　建站客戶應(yīng)如何審閱線框圖?

　　當(dāng)客戶審閱線框設(shè)計時，請注意：

　　信息架構(gòu)：從上到下查看信息架構(gòu)流程和線框上顯示內(nèi)容的優(yōu)先級。

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

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

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

　　用戶交互：站在訪問者角度考慮如何更便捷地使用網(wǎng)站。導(dǎo)航的結(jié)構(gòu)是否復(fù)雜?訪問者需要點擊多少次才能聯(lián)系到網(wǎng)站管理員?產(chǎn)品詳情是否埋藏太深?網(wǎng)站是否看起來簡單明了?等等。