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

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

我們將所有的按鍵分為三個(gè)大類(lèi)之下：

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

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

3 負(fù)面 —— 刪除、重置、阻止信息

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

提示正面行為的按鈕需要高的對(duì)比度

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

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

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

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

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

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

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

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

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

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

建議

如果按鈕的顏色對(duì)比明晰的話(huà)，正面、中性和負(fù)面行動(dòng)可以一塊出現(xiàn)。各種分類(lèi)的按鈕之間的對(duì)比越是清楚，用戶(hù)就能越快地完成瀏覽，按著你預(yù)設(shè)的步驟完成你想要他做的事情。因此，按鈕的顏色在網(wǎng)站設(shè)計(jì)上扮演著非常重要的角色，顏色的搭配不僅僅是為了突出美感，巧妙利用顏色設(shè)計(jì)，能引導(dǎo)用戶(hù)向著你預(yù)設(shè)的行動(dòng)去瀏覽網(wǎng)站，是一種強(qiáng)力吸睛工具。所以創(chuàng)新互聯(lián)建議大家，在做網(wǎng)站設(shè)計(jì)的時(shí)候，千萬(wàn)不要忽略這個(gè)細(xì)節(jié)，做好這一步，能讓你的網(wǎng)站更進(jìn)一大步。

當(dāng)前文章：合理設(shè)計(jì)按鈕顏色，更能吸引客戶(hù)眼球
分享地址：http://aaarwkj.com/news/71138.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開(kāi)發(fā)、網(wǎng)站內(nèi)鏈、面包屑導(dǎo)航、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、軟件開(kāi)發(fā)、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)