當(dāng)導(dǎo)航按鈕連接到當(dāng)前頁時(shí)
為達(dá)成界面設(shè)計(jì)的一致性,網(wǎng)頁設(shè)計(jì)者可讓該按鈕不再具有超鏈接的功能;或?qū)⒃摪粹o的彩度、亮度降低(如深綠色變成淡綠色、亮紅色變成暗紅色),使瀏覽者能夠明白導(dǎo)航按鈕不再具有超鏈接的功能。
適當(dāng)、有效率地使用超鏈接
在網(wǎng)站建設(shè)中,適當(dāng)、有效率地使用超鏈接,是一個(gè)優(yōu)良的導(dǎo)航系統(tǒng)不可或缺的要素之一。但過分濫用超鏈接,反而損害了網(wǎng)頁頁面行文的流暢與可親性。在一篇長短適中的網(wǎng)頁頁面里(3、4個(gè)屏幕頁面),文章里提供的外部文字式超鏈接最好不要太多,以使全頁行文能夠順暢,而瀏覽者也不至于眼見一大堆超鏈接,反而不知從何瀏覽才好。如果真有那么多的超鏈接必須提供給瀏覽者,不妨將這些超鏈接以列表的方式列在目錄頁上,或者放在頁面底部,既不妨礙行文的順暢,又使瀏覽者一目了然,如圖所示。
超鏈接的提示字符串長短適中
讓超鏈接的提示字符串長短適中且行文自然,避免字符串過長(如整行、整句都是鏈接字符串)或過短(如僅一個(gè)字的鏈接)都不利于瀏覽者的閱讀或單擊。
注意超鏈接顏色
與單純敘述文字的顏色區(qū)別應(yīng)將網(wǎng)頁內(nèi)的文本顏色與超鏈接用色區(qū)分開來,方便瀏覽。例如,純粹的敘述文字采用較暗、較深的顏色來呈現(xiàn),如黑色、墨綠色、暗褐色,超鏈接文字則以較鮮明搶眼的色彩來強(qiáng)調(diào),如亮黃色、翠綠色、鮮橘色,至于單擊過的超鏈接則采用較低于原超鏈接亮度的顏色顯示。
在網(wǎng)頁文件里提供必要的鏈接
將篇幅過長的文件分隔成數(shù)篇較小的網(wǎng)頁頁面會(huì)大大地增加界面的親和性,但在導(dǎo)航按鈕與超鏈接的配置上,網(wǎng)頁頁面設(shè)計(jì)者則要更細(xì)心周全地安排,使得瀏覽者不論身處哪個(gè)頁面,都能夠快速準(zhǔn)確地找到其他任何一個(gè)頁面。
網(wǎng)頁頁面設(shè)計(jì)者應(yīng)特別提供“上一頁”、“下一頁”、“跳到子目錄頁”與“返回首頁”等之類的導(dǎo)航按鈕或超鏈接。
在較長的網(wǎng)頁頁面內(nèi)提供目錄表與大標(biāo)題
理想的網(wǎng)頁頁面長度以不超過3、4個(gè)屏幕頁面為佳。但是如果基于某些特殊理由,網(wǎng)頁頁面一定要做得很長,那么不要忘了在此長篇的網(wǎng)頁頁面最上頭,提供一個(gè)目錄表,網(wǎng)頁頁面的內(nèi)容也標(biāo)上大小標(biāo)題,以利于清楚閱讀。尤其重要的是,在這些標(biāo)題與目錄表里分別設(shè)置錨點(diǎn),以使網(wǎng)頁頁面真正發(fā)揚(yáng)互動(dòng)性、便捷性功能。
網(wǎng)站要具備下面框架規(guī)范。
網(wǎng)站介紹
?背景介紹。
?欄目介紹(提供鏈接)。
站點(diǎn)地圖結(jié)構(gòu)圖(提供鏈接)。
站點(diǎn)聯(lián)系方式
?網(wǎng)站管理的E-mail地址(根據(jù)需要加入其他職能負(fù)責(zé)人的E-mail)。
?通信地址、聯(lián)系人、傳真、電話號(hào)碼等。
反饋表反饋表應(yīng)該包括下面幾項(xiàng)內(nèi)容:
?姓名。
?年齡。
?職業(yè)。
?單位。
?聯(lián)系方式。
?意見建議。(根據(jù)實(shí)際情況就以上各項(xiàng)作調(diào)整,力求簡潔有效)
內(nèi)容及欄目設(shè)置要求
?在每頁中都要包含相關(guān)的、引人入勝的內(nèi)容。特別是要銷售一種產(chǎn)品時(shí),每個(gè)頁面都要用詳細(xì)的內(nèi)容和圖像精心修飾一番。
?網(wǎng)頁上的語言盡量通俗易懂。
?用符號(hào)突出特別重要的內(nèi)容,不要過多,保持頁面的簡潔。
?不要把站點(diǎn)建成單純的網(wǎng)上公司介紹,適當(dāng)發(fā)布行業(yè)信息。
常見問題解答
?將所有問題列于頁面的上部,并將每個(gè)問題與答案鏈接在一起。
?對(duì)專業(yè)用語及技術(shù)術(shù)語進(jìn)行解釋。
?回答共性問題節(jié)省網(wǎng)管和訪問者的時(shí)間和精力。
搜索工具
?在搜索框中輸入關(guān)鍵詞語或詞組,在單擊查尋按鈕后,本站相關(guān)的網(wǎng)頁列表就會(huì)出現(xiàn)在屏幕中。
?有效查尋的說明。
新聞
?在最新更新的信息邊加注一個(gè)亮麗的小圖標(biāo)“新”。
?為最新消息創(chuàng)建單獨(dú)頁面,并在一段時(shí)間后將新聞放置于適當(dāng)?shù)哪夸浵隆?nbsp;
?在主頁或每個(gè)頁面下加注一行文字,表明本站點(diǎn)或每個(gè)單獨(dú)的頁面最近一次被更新的時(shí)間。
?提供其他網(wǎng)站鏈接,以提供更多相關(guān)信息。
相關(guān)站點(diǎn)鏈接
?每個(gè)鏈接作簡要說明,并對(duì)它被鏈接的原因進(jìn)行闡述。
?每周對(duì)各鏈接站點(diǎn)作定期的訪問,刪除那些死鏈接站點(diǎn)。
?為站點(diǎn)創(chuàng)建純文本的版本。
VI標(biāo)準(zhǔn)化要求
?LOGO及中英文標(biāo)準(zhǔn)字體(包括應(yīng)用范例)。
?網(wǎng)站標(biāo)準(zhǔn)色(包含擴(kuò)展范例)。
?鏈接圖標(biāo)(尺寸:88×3lpx/468×60px)各兩個(gè)(包括應(yīng)用范例)。
網(wǎng)站建設(shè)尺寸規(guī)范
?頁面標(biāo)準(zhǔn)按1024×768分辨率制作,實(shí)際尺寸為1000×600px。
?頁面長度原則上不超過3屏,寬度不超過l屏。
?全尺寸Banner為468×60px,半尺寸Banner為234×60px,小Banner為88×3lpx。
?另外120×90、120×60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸。
用戶反饋表網(wǎng)站中應(yīng)該有用戶反饋表,而且內(nèi)容要詳細(xì)。
當(dāng)前文章標(biāo)題:設(shè)計(jì)網(wǎng)站導(dǎo)航規(guī)范
當(dāng)前URL:http://supportcoffeeroasters.com/news/wzzz/3197.html