網站線框圖

發布：2018-10-16 17:42:00 瀏覽：3949

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

如果網站圖表提供了制作網站的全局概覽，那么線框圖則是最終被圖形設計師和界面設計師用來創建網站最初和最終的頁面設計的“草圖”。線框圖是粗略的二維指南，它用來指示網站的主要導航和內容元素將要出現在頁面上的什么位置。線框圖為網站的不同頁面表單設置了一致的模塊結構，并且為最終的模板提供了基本布局和導航結構。

可能會作為網頁標準元素出現的內容有:

●企業標識；

●網站標識或標題；

●頁面標題；

●當前位置路徑導航；

●搜索表單；

●連接到更大的、你也身為其中一員的企業的鏈接；

●網站的全局導航鏈接；

●局部內容導航口主要頁面內容；

●郵件地址和電子郵件信息；

●版權聲明；

●聯系方式。

為了讓討論緊緊圍繞信息架構和導航展開，請保持線框圖表簡潔。要避免使用獨特的排版，盡量使用單一的常用字體，如果必須要對功能區域進行區分的話，可使用灰色色調，不要使用彩色以及圖片。通常，成熟線框圖中出現的唯一圖形將是企業標識，不過，即便這樣，最好還是簡單地指出標識的大致位置。

隨著你對全局、局部導航的考慮逐漸深入，以及你對主要網站內容的性質和組網頁的規范格式:內容放在哪，為什么是什么控制著用戶瀏覽信息面頁的方式，打印或是屏幕?根據經典的藝術構圖理論，平面的角和中央會先行吸引閱讀者的注意。在相關的構圖實踐中，“三分法則”將興趣點放到一個將長寬三等分的網格內。不過，這些構圖法是純粹的圖解，可能對于那些幾乎完全由圖形和相片構成的展示和主頁來說最為有用。大多數頁面構成是由文字主導的，在此，我們的閱讀習慣是形成頁面瀏覽方式的原動力。在西式語系中，人們按GutenbergZ模式從上至下、從左到右地瀏覽頁面。視線傾向于順著頁面向下轉移(向上瀏覽則很勉強)一被稱做“閱讀重力”，這就解釋了為什么將主要的標題放在頁面頂部之外的任何一個地方不是一個好主意。瀏覽你設計的網站的讀者不太樂意退回到頁面再次開始。搜索引擎也偏向于靠近頁面頂部附近的項目。

據波因特學院開展的關于讀者瀏覽網頁的眼球追蹤研究表明:大多數的讀者都會從頁面的左上角開始瀏覽。接下來，他們會按照GutenbergZ的模式瀏覽到頁面的下部，之后典型讀者才會迅速地瀏覽頁面的右部區域。由JakobNielsen開展的眼球追蹤硏究表明，以文本為主導的網頁瀏覽采用F模式，眼睛關注點會橫過項部標題區域，然后沿著文字的左側向下。

當讀者瀏覽網頁時，可以明確地使用經典的GutenbergZ頁面組合瀏覽，并且結合新興標準和Web設計師經驗。在臨近Web20周年的日子里，出現了明確的流行趨勢，并將最終形成網頁構圖“最佳方案”建議的基礎。人機界面研究人員曾經研究過用戶希望在哪些地方看到標準的網頁組件，并且對某幾項在網頁中的具體位置做出了明確的期望。

Web仍舊算是一個新興的媒介，目前還沒有任何一個能將現有的典型頁面布局實例確定為標準的網站設計標準組織。等到Web有了《芝加哥格式手冊》(TheChicagoManualofStyle)，我們至少可以結合當前的主流Web設計實例、用戶界面研究以及經典的頁面構圖來為那些以文字為主導、信息為導向的網站的以下內容提供建議:標識的位置、內容、導航以及頁面其他標準元素。