在網站設計中，除了網站布局、架構等大框架的設計之外，還需要注重許多細節的地方，注重細節設計，才能讓你的網站更加好，更加耐用。而網站的細節設計，最常見的是圖片及功能按鈕的設計。今天，成都創新互聯就先來跟大家講講按鈕的設計細節，教你如何通過巧妙設計按鈕的顏色，吸引更多潛在客戶。相信很多用戶，許多讀者都曾經意外點錯按鍵，然后在沒有被正確引導時往往會在模態窗口上做出錯誤的決策。然而，要解決這個方法，其實很簡單，只需要利用不同按鈕之間運用不同的明確的顏色來區分，從而引導用戶進行正確的選擇。確實明確的行動指示則會讓用戶困惑并降低他們的效率。這就大大地增強了網站的用戶體驗，不會讓用戶在網站里轉得頭暈。

正面、中性和負面行動

我們將所有的按鍵分為三個大類之下：

1 正面 —— 改變、發送、添加信息

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

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

一個模態窗口上的幾個按鍵通常會集成好幾個行動。為了讓用戶能識別出它們之間的區別，每個按鍵的顏色對比是我們不可忽視的論題。

提示正面行為的按鈕需要高的對比度

正面行動時在模態窗口上最常見的一類。用戶需要知道那個行為能幫助他們完成任務。你應該給這類行動按鍵高的顏色對比度來幫助用戶去達成目的。放在它旁邊的其它任何中性或負面行動按鍵應該具有較低的顏色對比。

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

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

當負面行為按鍵擁有高的對比度時

相較正面行動，負面行動不應該具備更高的對比度。正面行動往往使用頻率更高且更安全，而對于負面按鍵，我們要確保用戶不會因為誤點而出錯。但是如果只有負面和中性兩種行動存在時，我們應該賦予負面行動更高的對比。

在這個案例中，你應該給負面行動按鍵填充上暖色。所謂的暖色就是指紅、橙、黃等略刺眼的顏色。當用戶看到它時，他們自然會明白點擊之前要三思。

賦予中性行動最低的對比度

中性行動永遠不會在一個模態窗口里單獨存在，它總是會和正面或負面行動成對出現。它應被賦予最低的顏色對比以不干擾到另外兩者。

黑色邊框對于用戶識別來說已經足夠了。無填充顏色讓用戶的注意力不會從正面或負面行動上移開。

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

建議

如果按鈕的顏色對比明晰的話，正面、中性和負面行動可以一塊出現。各種分類的按鈕之間的對比越是清楚，用戶就能越快地完成瀏覽，按著你預設的步驟完成你想要他做的事情。因此，按鈕的顏色在網站設計上扮演著非常重要的角色，顏色的搭配不僅僅是為了突出美感，巧妙利用顏色設計，能引導用戶向著你預設的行動去瀏覽網站，是一種強力吸睛工具。所以創新互聯建議大家，在做網站設計的時候，千萬不要忽略這個細節，做好這一步，能讓你的網站更進一大步。

新聞標題：合理設計按鈕顏色，更能吸引客戶眼球
轉載源于：http://m.2m8n56k.cn/news38/71138.html

成都網站建設公司_創新互聯，為您提供微信公眾號、搜索引擎優化、小程序開發、定制開發、建站公司、網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯