頁(yè)眉和頁(yè)腳在網(wǎng)站中的設(shè)計(jì)

發(fā)布：2018-10-29 17:27:33 瀏覽：4596

很多網(wǎng)絡(luò)作者屈從于潮流而使用大幅圖形的炫麗效果，而忘記了網(wǎng)頁(yè)并不僅僅是一種視覺(jué)體驗(yàn)一它得發(fā)揮有效的功能來(lái)保留對(duì)用戶的吸引力。要記住，頁(yè)面是在用戶下載的過(guò)程中逐漸產(chǎn)生圖像的沖擊效果的。發(fā)揮頁(yè)面設(shè)計(jì)功效的最佳衡量標(biāo)誰(shuí)就是在頁(yè)面頂部6英寸大小范圍內(nèi)能為讀者提供選擇的數(shù)量。大的、醒目的圖形或許可以取悅臨時(shí)的網(wǎng)頁(yè)沖浪者，但是如果一般的讀者需要花上數(shù)秒時(shí)間才能下載頁(yè)面頂部部分的內(nèi)容，并且直到其滾動(dòng)至頁(yè)面底部時(shí)也僅看到很少的鏈接時(shí)，那么你或許在為其提供至網(wǎng)頁(yè)其他部分的鏈接之前，就會(huì)喪失很大部分受眾。

1.頁(yè)眉

謹(jǐn)慎的圖形設(shè)計(jì)將會(huì)為網(wǎng)站提供獨(dú)特的視覺(jué)標(biāo)識(shí)?！昂灻眻D形和頁(yè)面布局能夠讓用戶立刻抓住文檔的意圖以及其與其他頁(yè)面的關(guān)系。頁(yè)眉中的圖形還能表明一系列網(wǎng)頁(yè)之間的關(guān)聯(lián)性。與打印文檔的設(shè)計(jì)者不同，網(wǎng)頁(yè)系統(tǒng)的設(shè)計(jì)者永遠(yuǎn)無(wú)法確定用戶以前看過(guò)哪些與當(dāng)前頁(yè)面相鏈接的其他網(wǎng)頁(yè)。CreativeCommons網(wǎng)站的頁(yè)面包括一個(gè)簽名頁(yè)眉圖形，這個(gè)圖形包括了基本的導(dǎo)航和搜索特性，所處的位置正好是絕大多數(shù)用戶可能會(huì)期望找到的位置。

即便是選擇不在頁(yè)面上使用圖形，每個(gè)網(wǎng)頁(yè)的頁(yè)眉區(qū)域的頂部或附近都應(yīng)當(dāng)包含一個(gè)顯著的標(biāo)題。標(biāo)題行上方放置的圖形不應(yīng)當(dāng)過(guò)大，否則在標(biāo)準(zhǔn)的顯示屏上，標(biāo)題和介紹性文本就會(huì)與頁(yè)面相脫離。在一系列相關(guān)的文檔中，或許還包含了子標(biāo)題、章節(jié)標(biāo)題或者其他傳達(dá)所顯示文檔與該系列中其他文檔關(guān)系的文本元素。為了確保效率，這些標(biāo)題元素在所有網(wǎng)頁(yè)中都必須是標(biāo)準(zhǔn)化的。

2.頁(yè)腳

每一個(gè)網(wǎng)頁(yè)都可能會(huì)包含有關(guān)出處和頁(yè)面年齡的基本數(shù)據(jù)，不過(guò)這一重復(fù)和單調(diào)的信息不需要放在頁(yè)面的頂部。同樣記住，當(dāng)用戶滾動(dòng)至網(wǎng)頁(yè)底部時(shí)，在頂部放置的導(dǎo)航鏈接或許不再可視。除了網(wǎng)站相關(guān)的基本數(shù)據(jù)之外，設(shè)計(jì)良好的頁(yè)腳還為用戶提供了一系列連接其他頁(yè)面的鏈接。

IBM網(wǎng)站設(shè)計(jì)的頁(yè)面都會(huì)帶有一個(gè)顯著的頁(yè)腳，其涵蓋了基本的內(nèi)務(wù)處理的功能，包括“關(guān)于”、“隱私”以及其他主題，并提供了鏈接至Del.icio.us和Digg的社交性網(wǎng)址收藏鏈接?！?ScientificAmerican》網(wǎng)站的頁(yè)腳更大，它構(gòu)成了每個(gè)頁(yè)面的一個(gè)獨(dú)特區(qū)域，涵蓋了基本的信息頁(yè)腳功能以及姐妹出版物的廣告。