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

  • 2020-04-21 10:56:28
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://m.supportcoffeeroasters.com

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

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

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

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

    1.jpg

  3. 超鏈接的提示字符串長短適中

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

  4. 注意超鏈接顏色

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

  5. 在網(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)航按鈕或超鏈接。

  6. 在較長的網(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)站要具備下面框架規(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)系方式。   

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

  5. 內(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è)信息。

  6. 常見問題解答   

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

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

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

  7. 搜索工具   

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

    ?有效查尋的說明。

  8. 新聞   

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

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

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

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

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

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

    ?每周對(duì)各鏈接站點(diǎ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ī)范   

    ?頁面標(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)尺寸。

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

當(dāng)前文章標(biāo)題:設(shè)計(jì)網(wǎng)站導(dǎo)航規(guī)范

當(dāng)前URL:http://m.supportcoffeeroasters.com/news/wzzz/3197.html

上一篇:網(wǎng)站結(jié)構(gòu)規(guī)劃

下一篇:網(wǎng)站目錄和文件規(guī)范

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