?在網(wǎng)站的系統(tǒng)建設(shè)規(guī)劃中，頁面布局是將信息設(shè)計、界面設(shè)計和導(dǎo)航設(shè)計放置到一起，形成一個統(tǒng)一的、有內(nèi)在凝聚力的架構(gòu)的地方。頁面布局必須結(jié)合所有類型的導(dǎo)航系統(tǒng)，每一個旨在傳達(dá)在不同結(jié)構(gòu)中的視圖設(shè)計；任何一個在這個頁面上的功能所需要的所有界面元素；以及支持以上這些內(nèi)容的信息設(shè)計，也包括在這個頁面上的內(nèi)容的信息設(shè)計本身。

?

這一次需要平衡很多東西。這就是為什么頁面布局被納入一個詳細(xì)的文檔，并稱為頁面示意圖或線框圖(wireframe)的原因。這個線框圖對是一個頁面中所有的組成部分以及它們?nèi)绾谓Y(jié)合到一起的、露骨的描述(正如它的名字一樣)。

線框圖捕獲所有在框架層做出的決定，并用一個文檔來展現(xiàn)它們。它作為視覺設(shè)計和網(wǎng)站實施的參考來使用。線框圖可以包括各種不同程度細(xì)節(jié)——你看到的這個是非常粗略的。

??????????????????????

? 這些簡單的線條畫成的圖一般要著重地注明，建議讀者在必要的時候參考結(jié)構(gòu)圖表或其他交互設(shè)計文檔、內(nèi)容需求或功能規(guī)格說明，或者其他類型的詳細(xì)文檔。舉例來說，如果一個線框圖涉及個別已有的內(nèi)容元素，它也許會給出指示，說明他們在哪兒能找到這些內(nèi)容。另外，線框圖通常還包括附加說明，用于說明在線框圖和結(jié)構(gòu)圖表看得不太明顯的網(wǎng)站行為。

現(xiàn)在，讓我們再回去看看結(jié)構(gòu)層的結(jié)構(gòu)圖示，它是這個項目的一個宏偉遠(yuǎn)景；而在框架層，線框圖是正是展示那些遠(yuǎn)景如何完成的詳細(xì)文檔。線框圖有時也需要結(jié)合導(dǎo)航規(guī)格的支持，以便能更詳細(xì)、準(zhǔn)確地描述各種導(dǎo)航元素的每一個組成成分。

???

對于更小或更簡單的網(wǎng)站來說，一個線框圖就足夠作為所有即將建立的頁面的模板。對于大多數(shù)項目來說，無論如何，都需要用多個線框圖來傳達(dá)復(fù)雜的預(yù)期結(jié)果。不過，你不需要為網(wǎng)站的每一個頁面都準(zhǔn)備個線框圖。正如結(jié)構(gòu)設(shè)計流程允許我們把內(nèi)容要素總結(jié)成各個種類一樣，一個數(shù)量相對較少的標(biāo)準(zhǔn)頁面類型將在繪制線框圖的過程中慢慢浮現(xiàn)。

???

線框圖在正式建立網(wǎng)站的視覺設(shè)計的流程中，是必要的第一步，但是幾乎每一個參與這個開發(fā)過程的人都會在一些任務(wù)點中使用它。負(fù)責(zé)戰(zhàn)略層、范圍層和結(jié)構(gòu)層的設(shè)計者可以借助線框圖來保證最終產(chǎn)品能滿足他們的期望。真正負(fù)責(zé)建設(shè)這個網(wǎng)站的人，則使用線框圖來回答關(guān)于網(wǎng)站應(yīng)該如何運作的問題。