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

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

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

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

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

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

3否定——?jiǎng)h除，復(fù)位，阻止信息

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

正面行為需要高的對比度

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

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

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

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

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

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

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

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

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

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

結(jié)語

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