的顏色來引導(dǎo)用戶 你有沒有意外點擊錯誤的按鈕？當(dāng)用戶沒有被正確引導(dǎo)時，通常在模態(tài)窗口上做出錯誤的決定。彈出許多模態(tài)窗口而不澄清不同操作之間的差異。

不同按鈕之間的清晰顏色對比引導(dǎo)用戶進行正確選擇。實際上，明確的操作指令會使用戶感到困惑并降低其效率。這甚至可能導(dǎo)致他們做出錯誤影響的錯誤選擇。今天沈陽網(wǎng)站建設(shè)-Desert Wind在網(wǎng)站設(shè)計上分享關(guān)于按鈕顏色設(shè)計的提示！

正面、中性和負(fù)面行動

所有按鈕都從屬于三大類：

1前——改變，發(fā)送，添加信息

2中性——不要改變，返回到屏幕（例如“取消”）

3否定——刪除，復(fù)位，阻止信息

模態(tài)窗口上的幾個按鈕通常集成了多個動作。為了讓用戶識別它們之間的差異，每個按鈕的顏色對比度是我們不能忽視的主題。

正面行為需要高的對比度

在前面行動時在模態(tài)窗口上常見的類型。用戶需要知道該行為可以幫助他們完成任務(wù)。您應(yīng)該為動作按鈕提供高色彩對比度，以幫助用戶實現(xiàn)目標(biāo)。放置在其旁邊的任何其他中性或負(fù)面動作按鈕應(yīng)具有較低的顏色對比度。

要獲得高對比度，請為您的積極行為按鈕添加一個很酷的白色文本。所謂的冷色是那些看起來更舒緩的藍(lán)色，綠色和紫色。這種純色的白色文字比普通的黑色字符更具選擇性。

積極行動旁邊的中性或負(fù)面動作按鈕不應(yīng)填充顏色。如果這樣做，將導(dǎo)致所有按鈕之間的顏色對比度變得太近。相反，如果您只讓它們顯示邊框，則可以更好地突出顯示正面行為按鈕。

當(dāng)負(fù)面行為按鍵擁有高的對比度時

消極行為不應(yīng)該比積極行動具有更高的對比度。積極行動通常更頻繁和安全地使用，而對于負(fù)面按鈕，我們希望確保用戶不會因為延誤而犯錯誤。但如果只存在消極和中立的行為，我們應(yīng)該對消極行為給出更高的反差。

在這種情況下，您應(yīng)該使用暖色填充否定操作按鈕。所謂的暖色是指略帶刺眼的顏色，如紅色，橙色和黃色。當(dāng)用戶看到它時，他們自然會明白在點擊之前他們必須三思而后行。

賦予中性行動低的對比度

中立動作從不存在于模態(tài)窗口中，它總是與正面或負(fù)面動作成對出現(xiàn)。它應(yīng)該具有低色彩對比度，以免干擾其他兩個。

黑色邊框足以進行用戶識別。沒有填充顏色可以將用戶的注意力從正面或負(fù)面動作中移除。

但要注意，不要邊框+字灰，否則用戶可能會將其誤認(rèn)為是禁用按鈕。無論如何，他們還需要一個按鈕來區(qū)分它與背景。

結(jié)語

如果顏色對比清晰，則可以在一個部件中發(fā)生正，中性和負(fù)面動作。它們之間的對比越清楚，用戶完成任務(wù)的速度就越快。顏色在界面中起著非常重要的作用。——不僅美觀，頁面也是引導(dǎo)用戶采取行動的強大工具。