網(wǎng)站線(xiàn)框圖發(fā)布者：本站     時(shí)間：2020-03-09 12:03:35

信息架構過(guò)程從根本上說(shuō)是一個(gè)堅持常規避免特殊的過(guò)程。在這個(gè)概念性階段的不同的點(diǎn)，利益相關(guān)人、客戶(hù)乃至設計團隊成員都有可能發(fā)現專(zhuān)門(mén)針對頁(yè)面視覺(jué)設計的建議是不可抵擋的誘惑。尤其是，在認真考慮網(wǎng)站的戰略目標、功能和結構之前，關(guān)注主頁(yè)可能的外觀(guān)和效果會(huì )致使規劃進(jìn)程脫離正軌，陷入有關(guān)主頁(yè)的顏色、圖形或者一般特征的細節討論。線(xiàn)框圖會(huì )推動(dòng)團隊持續專(zhuān)注信息架構和結構設計而不要受視覺(jué)層面的干擾。


 
如果網(wǎng)站圖表提供了制作網(wǎng)站的全局概覽，那么線(xiàn)框圖則是最終被圖形設計師和界面設計師用來(lái)創(chuàng )建網(wǎng)站最初和最終的頁(yè)面設計的“草圖”。線(xiàn)框圖是粗略的二維指南，它用來(lái)指示網(wǎng)站的主要導航和內容元素將要出現在頁(yè)面上的什么位置。線(xiàn)框圖為網(wǎng)站的不同頁(yè)面表單設置了一致的模塊結構，并且為最終的模板提供了基本布局和導航結構。
 
可能會(huì )作為網(wǎng)頁(yè)標準元素出現的內容有:
 
●企業(yè)標識；
 
●網(wǎng)站標識或標題；
 
●頁(yè)面標題；
 
●當前位置路徑導航；
 
●搜索表單；
 
●連接到更大的、你也身為其中一員的企業(yè)的鏈接；
 
●網(wǎng)站的全局導航鏈接；
 
●局部?jì)热輰Ш娇谥饕?yè)面內容；
 
●郵件地址和電子郵件信息；
 
●版權聲明；
 
●聯(lián)系方式。
 
 
為了讓討論緊緊圍繞信息架構和導航展開(kāi)，請保持線(xiàn)框圖表簡(jiǎn)潔。要避免使用獨特的排版，盡量使用單一的常用字體，如果必須要對功能區域進(jìn)行區分的話(huà)，可使用灰色色調，不要使用彩色以及圖片。通常，成熟線(xiàn)框圖中出現的唯一圖形將是企業(yè)標識，不過(guò)，即便這樣，最好還是簡(jiǎn)單地指出標識的大致位置。
 
隨著(zhù)你對全局、局部導航的考慮逐漸深入，以及你對主要網(wǎng)站內容的性質(zhì)和組網(wǎng)頁(yè)的規范格式:內容放在哪，為什么是什么控制著(zhù)用戶(hù)瀏覽信息面頁(yè)的方式，打印或是屏幕?根據經(jīng)典的藝術(shù)構圖理論，平面的角和中央會(huì )先行吸引閱讀者的注意。在相關(guān)的構圖實(shí)踐中，“三分法則”將興趣點(diǎn)放到一個(gè)將長(cháng)寬三等分的網(wǎng)格內。不過(guò)，這些構圖法是純粹的圖解，可能對于那些幾乎完全由圖形和相片構成的展示和主頁(yè)來(lái)說(shuō)最為有用。大多數頁(yè)面構成是由文字主導的，在此，我們的閱讀習慣是形成頁(yè)面瀏覽方式的原動(dòng)力。在西式語(yǔ)系中，人們按 Gutenberg Z模式從上至下、從左到右地瀏覽頁(yè)面。視線(xiàn)傾向于順著(zhù)頁(yè)面向下轉移(向上瀏覽則很勉強)一被稱(chēng)做“閱讀重力”，這就解釋了為什么將主要的標題放在頁(yè)面頂部之外的任何一個(gè)地方不是一個(gè)好主意。瀏覽你設計的網(wǎng)站的讀者不太樂(lè )意退回到頁(yè)面再次開(kāi)始。搜索引擎也偏向于靠近頁(yè)面頂部附近的項目。
 
據波因特學(xué)院開(kāi)展的關(guān)于讀者瀏覽網(wǎng)頁(yè)的眼球追蹤研究表明:大多數的讀者都會(huì )從頁(yè)面的左上角開(kāi)始瀏覽。接下來(lái)，他們會(huì )按照 Gutenberg Z的模式瀏覽到頁(yè)面的下部，之后典型讀者才會(huì )迅速地瀏覽頁(yè)面的右部區域。由 Jakob Nielsen開(kāi)展的眼球追蹤硏究表明，以文本為主導的網(wǎng)頁(yè)瀏覽采用F模式，眼睛關(guān)注點(diǎn)會(huì )橫過(guò)項部標題區域，然后沿著(zhù)文字的左側向下。
 
當讀者瀏覽網(wǎng)頁(yè)時(shí)，可以明確地使用經(jīng)典的 Gutenberg Z頁(yè)面組合瀏覽，并且結合新興標準和Web設計師經(jīng)驗。在臨近Web20周年的日子里，出現了明確的流行趨勢，并將最終形成網(wǎng)頁(yè)構圖“最佳方案”建議的基礎。人機界面研究人員曾經(jīng)研究過(guò)用戶(hù)希望在哪些地方看到標準的網(wǎng)頁(yè)組件，并且對某幾項在網(wǎng)頁(yè)中的具體位置做出了明確的期望。
 
Web仍舊算是一個(gè)新興的媒介，目前還沒(méi)有任何一個(gè)能將現有的典型頁(yè)面布局實(shí)例確定為標準的網(wǎng)站設計標準組織。等到Web有了《芝加哥格式手冊》( The Chicago Manual of Style)，我們至少可以結合當前的主流Web設計實(shí)例、用戶(hù)界面研究以及經(jīng)典的頁(yè)面構圖來(lái)為那些以文字為主導、信息為導向的網(wǎng)站的以下內容提供建議:標識的位置、內容、導航以及頁(yè)面其他標準元素。