在做網(wǎng)頁設(shè)計(jì)的時(shí)候，經(jīng)常聽到產(chǎn)品或運(yùn)營經(jīng)理說這樣的話：“這里太弱了，不要用鏈接，用按鈕！”，“這里我想搞個(gè)大大的按鈕來吸引用戶點(diǎn)擊”。是不是按鈕就會(huì)讓用戶想點(diǎn)擊？按鈕是不是越多越好？是不是所有鏈接都能替換為按鈕？這都要?dú)w結(jié)到一個(gè)基本的問題：按鈕和鏈接有何區(qū)分？是否可以混用？
問了很多人，答案各種各樣，總結(jié)起來有三種。

1，沒必要區(qū)分。這一派認(rèn)為：鏈接和按鈕在本質(zhì)上沒有什么區(qū)別，沒必要區(qū)分。在視覺上需要強(qiáng)化的地方就用按鈕，一般的、不需要強(qiáng)化的就用鏈接。

2，有嚴(yán)格的區(qū)分。這一派認(rèn)為：按鈕和鏈接代表著不同的含義，其用法應(yīng)該嚴(yán)格區(qū)分開。

按鈕代表著“做某件事”，即點(diǎn)擊了按鈕代表著操作了一個(gè)功能。例如下面的搜索按鈕：

并且，做的這件事是有后果的，不易挽回的：

點(diǎn)擊了這個(gè)按鈕之后，所寫的東西就會(huì)被全世界看到了，盡管可以刪除，但畢竟不能簡單的按下瀏覽器的返回鍵就撤銷這個(gè)操作。

登錄頁。

點(diǎn)擊了之后，就登錄了該網(wǎng)站。

搜索、回復(fù)、注冊，他們的共同點(diǎn)是：都是在“做”一件事，并且絕大多數(shù)都是對表單的提交。從技術(shù)上講，這類按鈕的作用是向后臺(tái)提交了數(shù)據(jù)，“命令”服務(wù)器去做了一件事。

而鏈接的作用是：“帶你去另一個(gè)頁面”，你無論點(diǎn)幾次鏈接，都是在“看”，而并沒有“做”任何事。
典型的鏈接是文字標(biāo)題。點(diǎn)擊了去看詳情。

按照這種邏輯，一些即使是表示動(dòng)作的詞也應(yīng)該用鏈接。

上圖中的“edit”和“Delete”雖然是動(dòng)詞，但是點(diǎn)擊他們之后，用戶只會(huì)被帶到一個(gè)頁面（或浮層），而不是點(diǎn)擊后就真的編輯或者刪除了這張照片。他的作用是“帶你去看編輯或者刪除的頁面”，而不是“編輯”或“刪除”這個(gè)操作。因此點(diǎn)它還是在“看”，而不是“做”。

而接下來這里點(diǎn)擊“save”了之后才是真正“編輯”了這張照片。因此該使用按鈕。

按照這種設(shè)計(jì)思路的網(wǎng)站，比較典型的是google，還有QQ郵箱。它的好處是邏輯上會(huì)非常清晰。
然而，它也存在有問題，按這種思路設(shè)計(jì)出來的網(wǎng)站，在一些需要被強(qiáng)化的地方，一些需要引導(dǎo)用戶點(diǎn)擊的地方，僅用鏈接很難在視覺上突出表現(xiàn)。

3，有區(qū)別，但不絕對。

此派同意上一派的部分觀點(diǎn)：在一些表單頁（例如填寫注冊信息頁，搜索框，購買下單頁等）的“提交”功能中應(yīng)該使用按鈕。而其他的頁面則應(yīng)根據(jù)實(shí)際情況來判定。既可以用鏈接，也可以用按鈕。

這里面觀點(diǎn)又分兩小派：

其中一些人認(rèn)為，在這些非表單的頁面中，鏈接和按鈕的作用對用戶來說是一樣的，應(yīng)該把頁面中那些重要的、需要突出的元素做成按鈕的樣子。而其他沒必要突出的地方做成普通的鏈接。這也是很多視覺設(shè)計(jì)師和產(chǎn)品、運(yùn)營人員的想法。也是很多中國網(wǎng)站的做法。
拍拍網(wǎng)：

QQshow：

這樣好處是：按鈕可以有效地成為視覺焦點(diǎn)，吸引用戶注意。

另一些人則認(rèn)為：應(yīng)該把那些看起來像“操作”的地方做成按鈕，把看起來像“瀏覽”的地方做成鏈接。這和第二派觀點(diǎn)的區(qū)別在于：一個(gè)是從邏輯上分辨“操作”和“瀏覽”，一個(gè)是從字面上分辨。

按這種設(shè)計(jì)思路的是Amazon網(wǎng)站，下圖中，“edit”雖然也只是帶用戶到編輯頁，但對用戶來說更像個(gè)動(dòng)作，像個(gè)操作，因此可以用按鈕。

以上就是三種關(guān)于按鈕和鏈接的不同設(shè)計(jì)思路，那么，到底哪種更有道理呢？

原文：http://ixiangyi.cn/?p=54