建站常識
網(wǎng)頁導(dǎo)航設(shè)計九大注意事項
2006-02-27 16:10:00
WWW的語言—HTML允許Webpage設(shè)計者特別標(biāo)明單純敘述文字與超連結(jié)的顏色,以便豐富Webpage的色彩呈現(xiàn)。如果您的網(wǎng)站充滿知識性的信息,欲傳達(dá)給訪問者,建議您將網(wǎng)頁內(nèi)的文字與超連結(jié)顏色,設(shè)計成較干凈素雅的色調(diào),會較有利于閱讀∶純粹的敘述文字采用較暗、較深的顏色來呈現(xiàn)(如∶黑色、墨綠色、暗褐色),超連結(jié)文字則以較鮮明搶眼的色彩來強(qiáng)調(diào)(如∶亮黃色、翠綠色、鮮橘色),至于探訪過的超連結(jié)則采用較低于原超連結(jié)亮度的顏色做呈現(xiàn)。
二、測試所有的超連結(jié)與導(dǎo)覽按鈕的真實可行性
Webpage上線之后,第一件該做的事,是逐一測試每一頁的每一個超連結(jié)與每一個導(dǎo)覽按鈕的真實可行性。徹底檢驗有沒有失敗的link無法連結(jié)到該連結(jié)的Webpage,卻反而冒出“FileNotFound”的錯誤訊號出來。這是一個負(fù)責(zé)任、夠水準(zhǔn)的Webpage設(shè)計者對自己的作品應(yīng)有的基本品質(zhì)要求。
如果您果真有那么多的超連結(jié)必須提供給讀者,不如將這些超連結(jié)以條列的方式,一筆一筆清楚地列在一選單頁或目錄頁上,既不防礙走文的順暢,又呈現(xiàn)一目了然的導(dǎo)覽連結(jié)。
三、讓超連結(jié)的字串長短適中且走文自然
抓住能傳達(dá)主要訊息的字眼當(dāng)做超連結(jié)的錨點(anchor),可有效地控制住超連結(jié)的字串長度,避免字串過長(如∶整行、整句都是錨點字串)或過短(如∶僅一個字當(dāng)做錨點),而不利于讀者的閱讀或點取。
四、當(dāng)導(dǎo)覽按鈕連結(jié)到目前此頁時
各Webpage若重復(fù)使用同一組的導(dǎo)覽按鈕,無可避免地會產(chǎn)生某一導(dǎo)覽按鈕連結(jié)到目前此頁的情形。為達(dá)成界面設(shè)計的一致性,并沒有絕對的必要性拿掉此導(dǎo)覽按鈕,但Webpage設(shè)計者可讓此按鈕不再具有超連結(jié)的功能;或?qū)⒋税粹o的彩度、亮度降低(如∶深綠色變成淡綠色,亮紅色變成暗紅色),使讀者可清楚地意識到∶這個暗設(shè)下來的導(dǎo)覽按鈕不再具有超連結(jié)的功能。
五、分析、說明您提供的bookmarks或coollinks
常??吹綗嵝牡腤ebpage設(shè)計者條列了精心收集的bookmarks或coollinks,以分享讀者個人遨游WWW的美好經(jīng)驗。但多數(shù)Webpage設(shè)計者就只提供一大串links,并不分門別類,也不加以分析、說明為什么這個link好,值得推薦?那個link的主要內(nèi)容精彩之處?又在哪?提供您的bookmarks或coollinks是一大善舉,但未加以分析、說明,卻變得功虧一簣。多花幾分鐘,將您提供的bookmarks或coollinks稍加分類、注解,可提供讀者清晰的概念與無限的方便,也使您的站臺的導(dǎo)覽系統(tǒng)更加周全完善。未加以說明、注解的coollinks,其實一點也不cool。老實說,任何人都可以到Y(jié)ahoo輕易地找到上百上千的links。您若未對這些推薦的links加以個人獨(dú)特的評論、介紹,讀者又何勞偏得到您的站臺去找索引呢?任何一個分類索引或搜尋引擎都絕對比您條列的links還要更完備齊全。
六、在具有前后連續(xù)順序的文件里提供必要的連結(jié)
將篇幅過長的文件分隔成數(shù)篇較小的Webpages大大地增加了界面的親和性,但在導(dǎo)覽按鈕與超連結(jié)的配置上,Webpage設(shè)計者則要更細(xì)心周全地安排,使得讀者不論身處您站臺的哪一階層,依然能夠快速便捷地通往其他任何一個頁面。Webpage設(shè)計者應(yīng)特別注意∶
1.提供“上一頁”、“下一頁”、“回子目錄頁”與“回首頁”的導(dǎo)覽按鈕或超鏈結(jié)在一系列具前后連續(xù)順序的文件里,每篇Webpage都至少應(yīng)提供“上一頁”、“下一頁”、“回子目錄頁”與“回首頁”的導(dǎo)覽按鈕或超連結(jié),可使讀者能夠立即得知自己所在的頁面,是屬于一份較大文件內(nèi)的一小部分。(考慮、體貼一下某讀者不是從您的Home順序連結(jié)至此頁,而是依循別的站臺的某個link跳躍連結(jié)至此)。并且可以借由這些links隨時參考連結(jié)“上一頁”、“下一頁”與本頁的連貫內(nèi)容;直接點取“回子目錄頁”查尋其他相關(guān)的標(biāo)題;或直接跳躍至homepage,瀏覽其他不同項目的信息。
2.簡明扼要地標(biāo)明此頁、上一頁與下一頁文件的標(biāo)題或內(nèi)容梗概。
在一系列具有前后連續(xù)順序的文件里,每篇Webpage都應(yīng)加上一個具有說明性的標(biāo)題,使讀者一目了然,馬上抓住這一頁的重點。而完善的導(dǎo)覽系統(tǒng)除了提供“上一頁”、“下一頁”的導(dǎo)覽按鈕或超連結(jié)外,更添加精簡達(dá)意的上一頁與下一頁標(biāo)題、內(nèi)容提要,使讀者即使尚未點取這些Webpages時,亦能先梗概地了解自己將連結(jié)至什么樣的Webpage。
3.提醒讀者某一系列文件已到盡頭。
當(dāng)讀者已達(dá)某一系列文件的最后一頁時,Webpage設(shè)計者應(yīng)提供一小段告示提醒讀者,同時不再提供“下一頁”的導(dǎo)覽按鈕或超連結(jié)。但基于Webpage界面設(shè)計的一致性,或許有些Webpage設(shè)計者并不希望在同一系列的最后一篇Webpage里忽然少了一個先前每頁都有的“下一頁”導(dǎo)覽按鈕(尤其是精心設(shè)計過的圖形化導(dǎo)覽按鈕)。為達(dá)此目的,可考慮將最后一頁的“下一頁”導(dǎo)覽按鈕顏色暗沉下來,且不賦予超連結(jié)的功能,并提供一小段告示提醒讀者,此系列文件已到盡頭,不再有“下一頁”的內(nèi)容。
七、在較長的Webpage內(nèi)提供目錄表與大標(biāo)題
理想的Webpage長度以不超過三、四個熒幕頁面為佳。但是如果基于某些特殊理由,您的Webpage一定要做得很長,那么不要忘了在此長篇的Webpage最上頭,提供一個目錄表,Webpage的內(nèi)容也標(biāo)上大小標(biāo)題,以利清楚閱讀。尤其重要的是,在這些標(biāo)題與目錄表的HTMLsource里分別設(shè)置錨點,并鏈接到錨點,以使您的Webpage真正發(fā)揚(yáng)WWW的高互動性、高便捷性功能。
八、暫時不提供超連結(jié)到尚未完成的Webpage
超連結(jié)或?qū)в[按鈕應(yīng)該引導(dǎo)讀者到一篇真正“有料”的Webpage,而不是以“掛羊頭賣狗肉”的方式,事先將某一超連結(jié)描述得超級精彩、超級誘人,結(jié)果讀者興致勃勃地連結(jié)過去,卻根本看不到任何精彩、誘人的內(nèi)容,唯一所見的,只是一張無聊的告示牌“施工中”。
如果您急欲在網(wǎng)絡(luò)上推出您的站臺、展現(xiàn)您Homepage,但仍有少數(shù)幾頁Webpage尚未完成,建議您先暫時別讓這些“施工中”的Webpage正式露面。(即先暫時別讓這些連往“施工中”的Webpage的“超連結(jié)”,擁有真正的超連結(jié)功能。)等到您“幾乎”完工之后(Webpage永遠(yuǎn)沒有“真正”完工之時,總是需要不斷地修改、增添、翻新),再正式開放連結(jié)也不遲。
倘若您急欲告訴讀者,您即將提供一頁超級精彩、超級誘人的Webpage在此站臺,只是目前仍在努力趕制中,您大可直接擺一段告示在即將是“超連結(jié)”的文字旁(但目前仍不具超連結(jié)的功能),明白昭示世人,以節(jié)省讀者徒然點取、徒然往返的時間;也免得讀者滿懷希望,卻又落得失望而歸。
九、不要在一篇短文里提供太多的超連結(jié)
適當(dāng)、有效率地使用超連結(jié),是一個優(yōu)良的導(dǎo)覽系統(tǒng)不可或缺的條件之一。但過份濫用超連結(jié),造成短短的一篇文章里卻處處是links,反而損害了Webpage行文的流暢與可親性。在充斥著超連結(jié)的短文里,很可能其中不少是無意義、沒必要的links。例如∶連結(jié)到一頁只有兩三行注解的link、連結(jié)到一頁只放了“施工中”的招牌的link。在一篇長短適中的Webpage里(三、四個熒幕頁面),文章里提供的文字式超連結(jié)最好不要超過10個以上,以使全頁行文能夠順暢,而讀者也不至于眼見一大堆超連結(jié),反而不知從何點取才好。況且,連續(xù)、肩并肩地出現(xiàn)兩三個文字式超連結(jié),很容易被誤認(rèn)為只是一個長度較長的超連結(jié),于是被讀者忽略掉,便也失去了這些超連結(jié)的原本功能。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2006-08-17 11:51:00] 優(yōu)秀的頁面美工設(shè)計需要注意的幾點
- [2010-12-28 08:25:00] 正確的引導(dǎo)(一)
- [2007-11-23 10:51:00] 對于頁面中圖像格式的個人觀點
- [2007-08-06 11:55:00] 網(wǎng)頁的均衡規(guī)劃與選擇
- [2014-09-12 22:49:52] 85個國外扁平化網(wǎng)站設(shè)計之靈感來源于此
- [2014-02-09 17:10:21] ENOM注冊的域名如何轉(zhuǎn)移到國內(nèi)注冊商(原創(chuàng))
- [2006-05-07 09:08:00] 網(wǎng)站建設(shè)四步走 網(wǎng)上輕松安個家
- [2010-03-18 08:41:00] 什么是交互設(shè)計
- [2007-12-11 16:23:00] 如何控制頁面內(nèi)容的加載順序
- [2007-04-20 14:44:00] 天天體驗:注冊表單
- [2009-04-21 22:36:00] Wordpress后臺的導(dǎo)航設(shè)計
- [2009-11-12 08:31:00] 使用Title提升可訪問性二
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運(yùn)動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
微信開發(fā) 微官網(wǎng)帶來的好處 新的元素 H5 青島網(wǎng)站SEO 營銷型網(wǎng)站 扁平化設(shè)計 舒適的界面 青島IT資訊 色彩心理學(xué) 網(wǎng)站規(guī)劃 手機(jī)網(wǎng)站建設(shè) 青島海洋投資集團(tuán) 集團(tuán)官網(wǎng) 青島網(wǎng)站建設(shè) 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) GOOGLE 外貿(mào)網(wǎng)站設(shè)計 網(wǎng)站建設(shè),手機(jī)網(wǎng)站 H5專題頁面 robots 集團(tuán)公司網(wǎng)站建設(shè) 青島做網(wǎng)站多少錢 網(wǎng)站改版 官網(wǎng)建設(shè) 青島網(wǎng)絡(luò)公司 高端輪胎網(wǎng)站設(shè)計 網(wǎng)站設(shè)計趨勢 網(wǎng)頁設(shè)計 中小型企業(yè)網(wǎng)站建設(shè)