線上服務咨詢
Article/文章
記錄成長點滴 分享您我感悟
如何通過比較網站按鈕
的顏色來引導用戶 你有沒有意外點擊錯誤的按鈕?當用戶沒有被正確引導時,通常在模態窗口上做出錯誤的決定。彈出許多模態窗口而不澄清不同操作之間的差異。
不同按鈕之間的清晰顏色對比引導用戶進行正確選擇。實際上,明確的操作指令會使用戶感到困惑并降低其效率。這甚至可能導致他們做出錯誤影響的錯誤選擇。今天沈陽網站建設-Desert Wind在網站設計上分享關于按鈕顏色設計的提示!
正面、中性和負面行動
所有按鈕都從屬于三大類:
1前——改變,發送,添加信息
2中性——不要改變,返回到屏幕(例如“取消”)
3否定——刪除,復位,阻止信息
模態窗口上的幾個按鈕通常集成了多個動作。為了讓用戶識別它們之間的差異,每個按鈕的顏色對比度是我們不能忽視的主題。
正面行為需要高的對比度
在前面行動時在模態窗口上常見的類型。用戶需要知道該行為可以幫助他們完成任務。您應該為動作按鈕提供高色彩對比度,以幫助用戶實現目標。放置在其旁邊的任何其他中性或負面動作按鈕應具有較低的顏色對比度。
要獲得高對比度,請為您的積極行為按鈕添加一個很酷的白色文本。所謂的冷色是那些看起來更舒緩的藍色,綠色和紫色。這種純色的白色文字比普通的黑色字符更具選擇性。
積極行動旁邊的中性或負面動作按鈕不應填充顏色。如果這樣做,將導致所有按鈕之間的顏色對比度變得太近。相反,如果您只讓它們顯示邊框,則可以更好地突出顯示正面行為按鈕。
當負面行為按鍵擁有高的對比度時
消極行為不應該比積極行動具有更高的對比度。積極行動通常更頻繁和安全地使用,而對于負面按鈕,我們希望確保用戶不會因為延誤而犯錯誤。但如果只存在消極和中立的行為,我們應該對消極行為給出更高的反差。
在這種情況下,您應該使用暖色填充否定操作按鈕。所謂的暖色是指略帶刺眼的顏色,如紅色,橙色和黃色。當用戶看到它時,他們自然會明白在點擊之前他們必須三思而后行。
賦予中性行動低的對比度
中立動作從不存在于模態窗口中,它總是與正面或負面動作成對出現。它應該具有低色彩對比度,以免干擾其他兩個。
黑色邊框足以進行用戶識別。沒有填充顏色可以將用戶的注意力從正面或負面動作中移除。
但要注意,不要邊框+字灰,否則用戶可能會將其誤認為是禁用按鈕。無論如何,他們還需要一個按鈕來區分它與背景。
結語
如果顏色對比清晰,則可以在一個部件中發生正,中性和負面動作。它們之間的對比越清楚,用戶完成任務的速度就越快。顏色在界面中起著非常重要的作用?!粌H美觀,頁面也是引導用戶采取行動的強大工具。
網站建設,沈陽網站建設,沈陽網絡公司,沈陽網站設計,沈陽網站制作