設(shè)計(jì)網(wǎng)站導(dǎo)航規(guī)范

  1. 當(dāng)導(dǎo)航按鈕連接到當(dāng)前頁(yè)時(shí)

    為達(dá)成界面設(shè)計(jì)的一致性,網(wǎng)頁(yè)設(shè)計(jì)者可讓該按鈕不再具有超鏈接的功能;或?qū)⒃摪粹o的彩度、亮度降低(如深綠色變成淡綠色、亮紅色變成暗紅色),使瀏覽者能夠明白導(dǎo)航按鈕不再具有超鏈接的功能。

  2. 適當(dāng)、有效率地使用超鏈接

    網(wǎng)站建設(shè)中,適當(dāng)、有效率地使用超鏈接,是一個(gè)優(yōu)良的導(dǎo)航系統(tǒng)不可或缺的要素之一。但過(guò)分濫用超鏈接,反而損害了網(wǎng)頁(yè)頁(yè)面行文的流暢與可親性。在一篇長(zhǎng)短適中的網(wǎng)頁(yè)頁(yè)面里(3、4個(gè)屏幕頁(yè)面),文章里提供的外部文字式超鏈接最好不要太多,以使全頁(yè)行文能夠順暢,而瀏覽者也不至于眼見(jiàn)一大堆超鏈接,反而不知從何瀏覽才好。如果真有那么多的超鏈接必須提供給瀏覽者,不妨將這些超鏈接以列表的方式列在目錄頁(yè)上,或者放在頁(yè)面底部,既不妨礙行文的順暢,又使瀏覽者一目了然,如圖所示。

    1.jpg

  3. 超鏈接的提示字符串長(zhǎng)短適中

    讓超鏈接的提示字符串長(zhǎng)短適中且行文自然,避免字符串過(guò)長(zhǎng)(如整行、整句都是鏈接字符串)或過(guò)短(如僅一個(gè)字的鏈接)都不利于瀏覽者的閱讀或單擊。

  4. 注意超鏈接顏色

    與單純敘述文字的顏色區(qū)別應(yīng)將網(wǎng)頁(yè)內(nèi)的文本顏色與超鏈接用色區(qū)分開(kāi)來(lái),方便瀏覽。例如,純粹的敘述文字采用較暗、較深的顏色來(lái)呈現(xiàn),如黑色、墨綠色、暗褐色,超鏈接文字則以較鮮明搶眼的色彩來(lái)強(qiáng)調(diào),如亮黃色、翠綠色、鮮橘色,至于單擊過(guò)的超鏈接則采用較低于原超鏈接亮度的顏色顯示。

  5. 在網(wǎng)頁(yè)文件里提供必要的鏈接

    將篇幅過(guò)長(zhǎng)的文件分隔成數(shù)篇較小的網(wǎng)頁(yè)頁(yè)面會(huì)大大地增加界面的親和性,但在導(dǎo)航按鈕與超鏈接的配置上,網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)者則要更細(xì)心周全地安排,使得瀏覽者不論身處哪個(gè)頁(yè)面,都能夠快速準(zhǔn)確地找到其他任何一個(gè)頁(yè)面。

    網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)者應(yīng)特別提供“上一頁(yè)”、“下一頁(yè)”、“跳到子目錄頁(yè)”與“返回首頁(yè)”等之類的導(dǎo)航按鈕或超鏈接。

  6. 在較長(zhǎng)的網(wǎng)頁(yè)頁(yè)面內(nèi)提供目錄表與大標(biāo)題

    理想的網(wǎng)頁(yè)頁(yè)面長(zhǎng)度以不超過(guò)3、4個(gè)屏幕頁(yè)面為佳。但是如果基于某些特殊理由,網(wǎng)頁(yè)頁(yè)面一定要做得很長(zhǎng),那么不要忘了在此長(zhǎng)篇的網(wǎng)頁(yè)頁(yè)面最上頭,提供一個(gè)目錄表,網(wǎng)頁(yè)頁(yè)面的內(nèi)容也標(biāo)上大小標(biāo)題,以利于清楚閱讀。尤其重要的是,在這些標(biāo)題與目錄表里分別設(shè)置錨點(diǎn),以使網(wǎng)頁(yè)頁(yè)面真正發(fā)揚(yáng)互動(dòng)性、便捷性功能。

網(wǎng)站框架規(guī)范

網(wǎng)站要具備下面框架規(guī)范。

  1. 網(wǎng)站介紹   

    ?背景介紹。   

    ?欄目介紹(提供鏈接)。

  2. 站點(diǎn)地圖結(jié)構(gòu)圖(提供鏈接)。

  3. 站點(diǎn)聯(lián)系方式   

    ?網(wǎng)站管理的E-mail地址(根據(jù)需要加入其他職能負(fù)責(zé)人的E-mail)。   

    ?通信地址、聯(lián)系人、傳真、電話號(hào)碼等。

  4. 反饋表反饋表應(yīng)該包括下面幾項(xiàng)內(nèi)容:   

    ?姓名。 

    ?年齡。   

    ?職業(yè)。 

    ?單位。

    ?聯(lián)系方式。   

    ?意見(jiàn)建議。(根據(jù)實(shí)際情況就以上各項(xiàng)作調(diào)整,力求簡(jiǎn)潔有效)

  5. 內(nèi)容及欄目設(shè)置要求   

    ?在每頁(yè)中都要包含相關(guān)的、引人入勝的內(nèi)容。特別是要銷售一種產(chǎn)品時(shí),每個(gè)頁(yè)面都要用詳細(xì)的內(nèi)容和圖像精心修飾一番。   

    ?網(wǎng)頁(yè)上的語(yǔ)言盡量通俗易懂。   

    ?用符號(hào)突出特別重要的內(nèi)容,不要過(guò)多,保持頁(yè)面的簡(jiǎn)潔。   

    ?不要把站點(diǎn)建成單純的網(wǎng)上公司介紹,適當(dāng)發(fā)布行業(yè)信息。

  6. 常見(jiàn)問(wèn)題解答   

    ?將所有問(wèn)題列于頁(yè)面的上部,并將每個(gè)問(wèn)題與答案鏈接在一起。   

    ?對(duì)專業(yè)用語(yǔ)及技術(shù)術(shù)語(yǔ)進(jìn)行解釋。   

    ?回答共性問(wèn)題節(jié)省網(wǎng)管和訪問(wèn)者的時(shí)間和精力。

  7. 搜索工具   

    ?在搜索框中輸入關(guān)鍵詞語(yǔ)或詞組,在單擊查尋按鈕后,本站相關(guān)的網(wǎng)頁(yè)列表就會(huì)出現(xiàn)在屏幕中。   

    ?有效查尋的說(shuō)明。

  8. 新聞   

    ?在最新更新的信息邊加注一個(gè)亮麗的小圖標(biāo)“新”。   

    ?為最新消息創(chuàng)建單獨(dú)頁(yè)面,并在一段時(shí)間后將新聞放置于適當(dāng)?shù)哪夸浵隆?nbsp;  

    ?在主頁(yè)或每個(gè)頁(yè)面下加注一行文字,表明本站點(diǎn)或每個(gè)單獨(dú)的頁(yè)面最近一次被更新的時(shí)間。   

    ?提供其他網(wǎng)站鏈接,以提供更多相關(guān)信息。

  9. 相關(guān)站點(diǎn)鏈接   

    ?每個(gè)鏈接作簡(jiǎn)要說(shuō)明,并對(duì)它被鏈接的原因進(jìn)行闡述。   

    ?每周對(duì)各鏈接站點(diǎn)作定期的訪問(wèn),刪除那些死鏈接站點(diǎn)。   

    ?為站點(diǎn)創(chuàng)建純文本的版本。

  10. 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)用范例)。

  11. 網(wǎng)站建設(shè)尺寸規(guī)范   

    ?頁(yè)面標(biāo)準(zhǔn)按1024×768分辨率制作,實(shí)際尺寸為1000×600px。   

    ?頁(yè)面長(zhǎng)度原則上不超過(guò)3屏,寬度不超過(guò)l屏。   

    ?全尺寸Banner為468×60px,半尺寸Banner為234×60px,小Banner為88×3lpx。   

    ?另外120×90、120×60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸。

  12. 用戶反饋表網(wǎng)站中應(yīng)該有用戶反饋表,而且內(nèi)容要詳細(xì)。

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:0871-63535511(點(diǎn)擊可一鍵撥號(hào))