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

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

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

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

  2. 適當、有效率地使用超鏈接

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

    1.jpg

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

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

  4. 注意超鏈接顏色

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

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

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

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

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

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

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

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

  1. 網(wǎng)站介紹   

    ?背景介紹。   

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

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

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

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

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

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

    ?姓名。 

    ?年齡。   

    ?職業(yè)。 

    ?單位。

    ?聯(lián)系方式。   

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

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

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

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

    ?用符號突出特別重要的內(nèi)容,不要過多,保持頁面的簡潔。   

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

  6. 常見問題解答   

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

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

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

  7. 搜索工具   

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

    ?有效查尋的說明。

  8. 新聞   

    ?在最新更新的信息邊加注一個亮麗的小圖標“新”。   

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

    ?在主頁或每個頁面下加注一行文字,表明本站點或每個單獨的頁面最近一次被更新的時間。   

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

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

    ?每個鏈接作簡要說明,并對它被鏈接的原因進行闡述。   

    ?每周對各鏈接站點作定期的訪問,刪除那些死鏈接站點。   

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

  10. VI標準化要求   

    ?LOGO及中英文標準字體(包括應(yīng)用范例)。

    ?網(wǎng)站標準色(包含擴展范例)。   

    ?鏈接圖標(尺寸:88×3lpx/468×60px)各兩個(包括應(yīng)用范例)。

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

    ?頁面標準按1024×768分辨率制作,實際尺寸為1000×600px。   

    ?頁面長度原則上不超過3屏,寬度不超過l屏。   

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

    ?另外120×90、120×60也是小圖標的標準尺寸。

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

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

當前URL:http://m.iy5y368.cn/news/wzzz/3197.html

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

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

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