你有沒(méi)有過(guò)意外點(diǎn)錯按鍵的時(shí)候？當用戶(hù)沒(méi)有被正確引導時(shí)往往會(huì )在模態(tài)窗口上做出錯誤的決策。很多模態(tài)窗口會(huì )在不明確不同行動(dòng)區別的條件下就彈出來(lái)。

不同按鍵之間明確的顏色對比能夠引導用戶(hù)進(jìn)行正確的選擇。確實(shí)明確的行動(dòng)指示則會(huì )讓用戶(hù)困惑并降低他們的效率。這甚至還可能導致他們做出產(chǎn)生惡劣影響的錯誤選擇。今天深圳網(wǎng)站建設-云梯就來(lái)分享一下關(guān)于網(wǎng)站設計中按鈕顏色設計的相關(guān)技巧！

正面、中性和負面行動(dòng)

所有的按鍵都從屬于三個(gè)大類(lèi)之下：

1 正面 —— 改變、發(fā)送、添加信息

2 中性 —— 不做改變、返回屏幕（比如“取消”）

3 負面 —— 刪除、重置、阻止信息

一個(gè)模態(tài)窗口上的幾個(gè)按鍵通常會(huì )集成好幾個(gè)行動(dòng)。為了讓用戶(hù)能識別出它們之間的區別，每個(gè)按鍵的顏色對比是我們不可忽視的論題。

正面行為需要高的對比度

正面行動(dòng)時(shí)在模態(tài)窗口上常見(jiàn)的一類(lèi)。用戶(hù)需要知道那個(gè)行為能幫助他們完成任務(wù)。你應該給這類(lèi)行動(dòng)按鍵高的顏色對比度來(lái)幫助用戶(hù)去達成目的。放在它旁邊的其它任何中性或負面行動(dòng)按鍵應該具有較低的顏色對比。

要想達到高的對比度，給你的正面行為按鍵填充上一個(gè)冷色以及白色的文字。所謂冷色就是藍、綠和紫色等那些看著(zhù)較為舒緩的顏色。而此類(lèi)實(shí)色上的白色文字會(huì )比普通一般的黑字更加出挑些。

在正面行動(dòng)旁邊的中性或負面行動(dòng)按鍵不應該被填充顏色。如果你那么做了會(huì )導致所有的按鍵之間的顏色對比變得太過(guò)相近。反之，如果只讓它們顯示邊框則能較好地凸顯正面行為按鍵。

當負面行為按鍵擁有高的對比度時(shí)

相較正面行動(dòng)，負面行動(dòng)不應該具備更高的對比度。正面行動(dòng)往往使用頻率更高且更安全，而對于負面按鍵，我們要確保用戶(hù)不會(huì )因為誤點(diǎn)而出錯。但是如果只有負面和中性?xún)煞N行動(dòng)存在時(shí)，我們應該賦予負面行動(dòng)更高的對比。

在這個(gè)案例中，你應該給負面行動(dòng)按鍵填充上暖色。所謂的暖色就是指紅、橙、黃等略刺眼的顏色。當用戶(hù)看到它時(shí)，他們自然會(huì )明白點(diǎn)擊之前要三思。

賦予中性行動(dòng)低的對比度

中性行動(dòng)永遠不會(huì )在一個(gè)模態(tài)窗口里單獨存在，它總是會(huì )和正面或負面行動(dòng)成對出現。它應被賦予低的顏色對比以不干擾到另外兩者。

黑色邊框對于用戶(hù)識別來(lái)說(shuō)已經(jīng)足夠了。無(wú)填充顏色讓用戶(hù)的注意力不會(huì )從正面或負面行動(dòng)上移開(kāi)。

但注意了，不要灰化邊框+字，不然用戶(hù)很可能會(huì )誤認為這是一個(gè)禁按（disable）的按鍵。再怎么樣他們也需要按鍵能和背景有所區別開(kāi)來(lái)。

結語(yǔ)

如果顏色對比明晰的話(huà)，正面、中性和負面行動(dòng)可以一塊出現。它們之間的對比越是清楚，用戶(hù)就能越快地完成任務(wù)。顏色在界面上扮演著(zhù)非常重要的角色——不僅僅是美感，頁(yè)同樣是能引導用戶(hù)行動(dòng)的一種強力工具。

http://ezekroy.com/jianzhanzhishi/7725.html 如何通過(guò)網(wǎng)站按鈕顏色的對比來(lái)引導用戶(hù)