【0寫在前面】
最近在web導(dǎo)航設(shè)計(jì)中贝搁，為提高用戶便捷性，需要經(jīng)常在站內(nèi)設(shè)計(jì)一些超鏈接芽偏。對(duì)于一個(gè)之前甚至不知道這個(gè)名詞的我雷逆，總結(jié)一下。Enjoy~
1污尉、什么是超鏈接
超鏈接膀哲，簡(jiǎn)單來說是內(nèi)容鏈接往产。它就像膠水一樣，將網(wǎng)頁彼此關(guān)聯(lián)起來某宪。
超鏈接仿村，可以是另一個(gè)網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置兴喂，還可以是一個(gè)圖片蔼囊，一個(gè)電子郵件地址，一個(gè)文件衣迷，甚至是一個(gè)應(yīng)用程序畏鼓。---百度百科
2、超鏈接分類
根據(jù)鏈接路徑不同壶谒，可以將超鏈接分為3類：內(nèi)部鏈接滴肿、錨點(diǎn)鏈接和外部鏈接。
2.1內(nèi)部鏈接
內(nèi)部鏈接是指在同一網(wǎng)站內(nèi)之間的相互鏈接佃迄。
一個(gè)設(shè)計(jì)優(yōu)秀的內(nèi)部鏈接，可以很大程度上提高用戶體驗(yàn)贵少。比如呵俏，知乎網(wǎng)站的常見問題，將所有或部分重點(diǎn)問題展示在幫助中心滔灶，點(diǎn)擊頁面就會(huì)在網(wǎng)站內(nèi)跳轉(zhuǎn)到對(duì)應(yīng)頁面普碎，方便快速解決用戶問題。
2.2外部鏈接
與內(nèi)部鏈接相反录平，外部鏈接是指網(wǎng)站內(nèi)與網(wǎng)站外鏈接之間的關(guān)聯(lián)麻车。一般外部鏈接稱為“反向鏈接”或“導(dǎo)入鏈接”。
常見的外部鏈接有兩種斗这，一個(gè)是友情鏈接动猬，另一種是針對(duì)搜索引擎的外部鏈接。
友情鏈接
一般網(wǎng)站底部都會(huì)有一個(gè)友情鏈接表箭，可以快速打開相關(guān)外部網(wǎng)站赁咙。比如下圖，為國(guó)務(wù)院網(wǎng)站免钻，底部友情鏈接可以指向全國(guó)人大彼水、全國(guó)政協(xié)等外部網(wǎng)頁。
高質(zhì)量的友情鏈接极舔，有助于快速提升網(wǎng)站搜索排名凤覆，帶來大批的高質(zhì)流量。
搜索引擎外部鏈接
在百度搜索引擎中輸入“手機(jī)”拆魏，得到下面的搜索結(jié)果盯桦。這些搜索結(jié)果就是常見的外部鏈接慈俯。當(dāng)用戶點(diǎn)擊下面的鏈接時(shí)，就為網(wǎng)站/商家?guī)砹髁堪掣剑鞒晒Α?/p>
2.3錨點(diǎn)鏈接
錨點(diǎn)鏈接是一種更為精準(zhǔn)的鏈接方式肥卡。常見類型：書簽。
例如事镣，我們上網(wǎng)時(shí)發(fā)現(xiàn)一個(gè)很不錯(cuò)的網(wǎng)站步鉴，希望保存下來，下次用到時(shí)可以再次打開璃哟，這個(gè)就是書簽氛琢。
錨點(diǎn)鏈接不僅可以指向當(dāng)前頁面，還可以聚焦到我們最近一次保存的頁碼/段落随闪。
3.超鏈接設(shè)計(jì)
3.1超鏈接樣式
超鏈接最常見的樣式為：藍(lán)色字體+下劃線阳似。
如果不是特殊場(chǎng)景，建議統(tǒng)一這種樣式铐伴。沒有具體原因撮奏，只是多年來用戶已經(jīng)習(xí)慣這種方式，第一直覺就知道這是一個(gè)超鏈接当宴，可以點(diǎn)擊畜吊。
需要補(bǔ)充的是，下劃線會(huì)對(duì)視覺效果帶來影響户矢，具體在設(shè)計(jì)的時(shí)候玲献，需要考慮這一點(diǎn)。
3.2超鏈接優(yōu)化設(shè)計(jì)
超鏈接的設(shè)計(jì)梯浪，應(yīng)該讓用戶方便使用捌年。主要指超鏈接的位置和視覺效果。
一般超鏈接設(shè)置在次要位置挂洛，不過分吸引用戶注意力礼预，但當(dāng)用戶需要時(shí)可以很快找到。
至于視覺效果抹锄，以下圖為例逆瑞。
菲茨定律的概念很簡(jiǎn)單，目標(biāo)越小伙单、距離越遠(yuǎn)获高，要達(dá)到目標(biāo)定位點(diǎn)的時(shí)間就越長(zhǎng)吵冒。
下圖的超鏈接宣虾，最大的問題在于超鏈接長(zhǎng)度稽寒，僅包含一個(gè)字符结序。尤其是在觸屏設(shè)備（手機(jī)/paid）上悉默，手指遠(yuǎn)沒有鼠標(biāo)的精準(zhǔn)度燕锥。用手指去點(diǎn)擊這樣的超鏈接顽频，是很痛苦的一件事情菱蔬。這無疑給點(diǎn)擊超鏈接這個(gè)操作帶來更多的障礙。
因此砾层，讓超鏈接長(zhǎng)一些漩绵，顯然是一個(gè)很好的優(yōu)化設(shè)計(jì)。
4.總結(jié)
1.超鏈接包括內(nèi)部鏈接肛炮、外部鏈接和錨點(diǎn)鏈接止吐；
2.超鏈接應(yīng)該有超鏈接的樣子。默認(rèn)樣式為藍(lán)色字體+下劃線侨糟，并且讓超鏈接長(zhǎng)一些碍扔。
