建站常識
文字鏈接,怎么辦?
2008-02-22 10:37:00
表示文字鏈接最清楚的方式是“藍色文字+下劃線”,這是在瀏覽器發(fā)展過程中形成的。這個問題大家都說過很多次了,我也曾經(jīng)說過。然而,這樣的規(guī)范卻總是難以實行。視覺設(shè)計師會把文字顏色作為一個表現(xiàn)視覺風(fēng)格的元素,完全出于視覺表現(xiàn)的需要來配色,而不顧及這個規(guī)范。在埋怨視覺設(shè)計師的同事,我也在考慮,規(guī)范之不行,問題恐怕并不全在執(zhí)行者。這如同交通規(guī)則不允許騎自行車帶人,但是交警也不能見到騎車帶人的都攔住罰款。
顯然,這個規(guī)范對視覺設(shè)計的局限是比較大的,所以視覺設(shè)計師才不愿意去遵守。在網(wǎng)頁的開發(fā)流程中,留給視覺設(shè)計的時間是很有限的,并且往往要求有比較絢麗的視覺表現(xiàn)。這樣的條件下,再要視覺設(shè)計師顧及這個規(guī)范確實也比較難。
那么,我們來設(shè)計另外一個規(guī)范,讓文字鏈接同樣能表現(xiàn)的很清楚,做到“操作可識別”,同時,又讓視覺設(shè)計比較容易做。
方案如下:
將文字鏈接分為兩種,區(qū)別對待。
第一種. 對于較大的列表,默認時不顯示下劃線,光標(biāo)經(jīng)過時才顯示下劃線。
上圖中這樣的內(nèi)容是一個個列表,一個新聞標(biāo)題的列表,一個日志標(biāo)題的列表,一個網(wǎng)友昵稱的列表…顯然是可以點擊的。那么,好,既然能猜到,就不下劃線了。只在光標(biāo)劃過的時候顯示下劃線,“嗯,對的,是可以點擊滴!”
第二種. 對于混雜在頁面文字中零散出現(xiàn)的文字鏈接,默認時候就出現(xiàn)下劃線,光標(biāo)經(jīng)過的時候,樣式不變。
散布與一大堆文字中的鏈接,如果在默認的時候不加以區(qū)別,就完全沒法識別了。
這個規(guī)范的優(yōu)點:對文字顏色沒有要求。
不要求鏈接文字全部用藍色,給視覺設(shè)計留出了足夠的空間。不要求鏈接文字全部加下劃線,避免了頁面象橫格本一樣的滿篇全是橫線。
這個規(guī)范的缺點:對有鏈接的文字用了兩種不同的處理方法,有的默認有下劃線,有的沒有。這兩種情況同時顯示在一個頁面上時,加了下劃線的文字顯然會更明顯的表示出:“這個是可以點擊的?!庇谑?,頁面中的大列表可點擊,表達的就不那么明顯了。而頁面中的大列表往往又是重點內(nèi)容,是希望用戶關(guān)注的內(nèi)容。類似下面這種情況:
這個缺陷需要通過視覺設(shè)計來彌補了,背景顏色、字號、加粗之類的辦法。
要說的就是這些。最后來看一下gmail,大體上就是按照這個方案來處理文字鏈接問題的。
近期更新
- [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] 作為消費者,應(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-09-26 11:13:00] 關(guān)于文字鏈接與按鈕的分析
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
微網(wǎng)站 微信小程序 如何做網(wǎng)站優(yōu)化 青島輪胎網(wǎng)站設(shè)計 網(wǎng)站品牌 青島網(wǎng)站案例 網(wǎng)頁設(shè)計 微信開發(fā) 膠南網(wǎng)站建設(shè)公司 html和css 青島flash網(wǎng)站 高端輪胎網(wǎng)站設(shè)計 營銷策略 青島高端網(wǎng)站設(shè)計公司哪家好 網(wǎng)站開發(fā) 青島做網(wǎng)站多少錢 H5定制設(shè)計 營銷型網(wǎng)站 外貿(mào)網(wǎng)站設(shè)計 審美 robots 英文網(wǎng)站建設(shè) 青島開發(fā)區(qū)建站公司 青島海洋投資集團 網(wǎng)站設(shè)計資訊 網(wǎng)站優(yōu)化 青島網(wǎng)站SEO 網(wǎng)站視覺 青島IT資訊 視覺靈感