信息架構(gòu)過程從根本上說是一個堅持常規(guī)避免特殊的過程。在這個概念性階段的不同的點,利益相關(guān)人、客戶乃至設(shè)計團隊成員都有可能發(fā)現(xiàn)專門針對頁面視覺設(shè)計的建議是不可抵擋的誘惑。尤其是,在認真考慮網(wǎng)站的戰(zhàn)略目標、功能和結(jié)構(gòu)之前,關(guān)注主頁可能的外觀和效果會致使規(guī)劃進程脫離正軌,陷入有關(guān)主頁的顏色、圖形或者一般特征的細節(jié)討論。線框圖會推動團隊持續(xù)專注信息架構(gòu)和結(jié)構(gòu)設(shè)計而不要受視覺層面的干擾。
如果網(wǎng)站圖表提供了制作網(wǎng)站的全局概覽,那么線框圖則是最終被圖形設(shè)計師和界面設(shè)計師用來創(chuàng)建網(wǎng)站最初和最終的頁面設(shè)計的“草圖”。線框圖是粗略的二維指南,它用來指示網(wǎng)站的主要導航和內(nèi)容元素將要出現(xiàn)在頁面上的什么位置。線框圖為網(wǎng)站的不同頁面表單設(shè)置了一致的模塊結(jié)構(gòu),并且為最終的模板提供了基本布局和導航結(jié)構(gòu)。
可能會作為網(wǎng)頁標準元素出現(xiàn)的內(nèi)容有:
企業(yè)標識;
網(wǎng)站標識或標題;
頁面標題;
當前位置路徑導航;
搜索表單;
連接到更大的、你也身為其中一員的企業(yè)的鏈接;
網(wǎng)站的全局導航鏈接;
局部內(nèi)容導航口主要頁面內(nèi)容;
郵件地址和電子郵件信息;
版權(quán)聲明;
聯(lián)系方式。
為了讓討論緊緊圍繞信息架構(gòu)和導航展開,請保持線框圖表簡潔。要避免使用獨特的排版,盡量使用單一的常用字體,如果必須要對功能區(qū)域進行區(qū)分的話,可使用灰色色調(diào),不要使用彩色以及圖片。通常,成熟線框圖中出現(xiàn)的唯一圖形將是企業(yè)標識,不過,即便這樣,最好還是簡單地指出標識的大致位置。
隨著你對全局、局部導航的考慮逐漸深入,以及你對主要網(wǎng)站內(nèi)容的性質(zhì)和組網(wǎng)頁的規(guī)范格式:內(nèi)容放在哪,為什么是什么控制著用戶瀏覽信息面頁的方式,打印或是屏幕根據(jù)經(jīng)典的藝術(shù)構(gòu)圖理論,平面的角和中央會先行吸引閱讀者的注意。在相關(guān)的構(gòu)圖實踐中,“三分法則”將興趣點放到一個將長寬三等分的網(wǎng)格內(nèi)。不過,這些構(gòu)圖法是純粹的圖解,可能對于那些幾乎完全由圖形和相片構(gòu)成的展示和主頁來說最為有用。大多數(shù)頁面構(gòu)成是由文字主導的,在此,我們的閱讀習慣是形成頁面瀏覽方式的原動力。在西式語系中,人們按GutenbergZ模式從上至下、從左到右地瀏覽頁面。視線傾向于順著頁面向下轉(zhuǎn)移(向上瀏覽則很勉強)一被稱做“閱讀重力”,這就解釋了為什么將主要的標題放在頁面頂部之外的任何一個地方不是一個好主意。瀏覽你設(shè)計的網(wǎng)站的讀者不太樂意退回到頁面再次開始。搜索引擎也偏向于靠近頁面頂部附近的項目。
據(jù)波因特學院開展的關(guān)于讀者瀏覽網(wǎng)頁的眼球追蹤研究表明:大多數(shù)的讀者都會從頁面的左上角開始瀏覽。接下來,他們會按照GutenbergZ的模式瀏覽到頁面的下部,之后典型讀者才會迅速地瀏覽頁面的右部區(qū)域。由JakobNielsen開展的眼球追蹤硏究表明,以文本為主導的網(wǎng)頁瀏覽采用F模式,眼睛關(guān)注點會橫過項部標題區(qū)域,然后沿著文字的左側(cè)向下。
當讀者瀏覽網(wǎng)頁時,可以明確地使用經(jīng)典的GutenbergZ頁面組合瀏覽,并且結(jié)合新興標準和Web設(shè)計師經(jīng)驗。在臨近Web20周年的日子里,出現(xiàn)了明確的流行趨勢,并將最終形成網(wǎng)頁構(gòu)圖“好方案”建議的基礎(chǔ)。人機界面研究人員曾經(jīng)研究過用戶希望在哪些地方看到標準的網(wǎng)頁組件,并且對某幾項在網(wǎng)頁中的具體位置做出了明確的期望。
Web仍舊算是一個新興的媒介,目前還沒有任何一個能將現(xiàn)有的典型頁面布局實例確定為標準的
網(wǎng)站設(shè)計標準組織。等到Web有了《芝加哥格式手冊》(TheChicagoManualofStyle),我們至少可以結(jié)合當前的主流Web設(shè)計實例、用戶界面研究以及經(jīng)典的頁面構(gòu)圖來為那些以文字為主導、信息為導向的網(wǎng)站的以下內(nèi)容提供建議:標識的位置、內(nèi)容、導航以及頁面其他標準元素。
名稱欄目:網(wǎng)站線框圖
文章地址:http://m.newbst.com/news20/140620.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號、網(wǎng)頁設(shè)計公司、搜索引擎優(yōu)化、網(wǎng)站導航、Google、營銷型網(wǎng)站建設(shè)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)