繼續(xù)上一篇文章《移動(dòng)端APP設(shè)計(jì)那些知識(shí)點(diǎn)：icon設(shè)計(jì)的原則與創(chuàng)新》，我們這節(jié)課談?wù)勔苿?dòng)端APP設(shè)計(jì)那些知識(shí)點(diǎn)：如何設(shè)計(jì)好按鈕Button。

當(dāng)然，button和icon設(shè)計(jì)都是在APP設(shè)計(jì)當(dāng)中最常見(jiàn)的一些設(shè)計(jì)元素。也是APP的重要組成部分。

之前，25學(xué)堂分享了：

1、APP設(shè)計(jì)小技巧：如何進(jìn)行APP按鈕設(shè)計(jì)與排版

2、手機(jī)APP設(shè)計(jì)規(guī)范：圖標(biāo)和按鈕視覺(jué)設(shè)計(jì)規(guī)范

那么，怎么樣才能設(shè)計(jì)好的按鈕Button呢？ ? 阿里媽媽MUX團(tuán)隊(duì)的大神給我們分享了四個(gè)方法。

做好以下4點(diǎn)就能設(shè)計(jì)出一個(gè)很好的按鈕設(shè)計(jì)：設(shè)計(jì)簡(jiǎn)潔，文案明確，強(qiáng)對(duì)比，強(qiáng)引導(dǎo)

設(shè)計(jì)好按鈕的第一點(diǎn)：設(shè)計(jì)簡(jiǎn)潔

將按鈕盡量設(shè)計(jì)簡(jiǎn)潔，去掉不必要的形式感，過(guò)多的形式感會(huì)增加用戶對(duì)按鈕的迷惑造成判斷的錯(cuò)誤；

如下圖的APP常用導(dǎo)航圖標(biāo)按鈕設(shè)計(jì)

設(shè)計(jì)好按鈕的第二點(diǎn)：文案要明確，要緊迫，要?jiǎng)釉~

明確：

按鈕上的文案，作為導(dǎo)向來(lái)引導(dǎo)用戶的行為，首要的目的就是讓用戶能夠最快且清晰的明白他們的點(diǎn)擊將會(huì)觸達(dá)什么，因此提示性的文案一定要簡(jiǎn)短，明確，且直指重點(diǎn)，減少用戶判斷的時(shí)間；

文案的明確很多時(shí)候要比設(shè)計(jì)，顏色等更為重要；

很多情況下會(huì)有2個(gè)按鈕同時(shí)出現(xiàn)，是兩個(gè)完全相反的選擇的時(shí)候，只有成功設(shè)計(jì)了提示性的文案才能讓用戶立即的得出判斷；

緊迫：

像我們做的購(gòu)物電商產(chǎn)品里面，使用帶有緊迫感的詞語(yǔ)更大程度的能讓用戶去采取行動(dòng)。按鈕上加上“現(xiàn)在”“立即” “馬上”等文字，能大大提升按鈕的轉(zhuǎn)化率。這些文字能帶給用戶暗示和感知，如果再繼續(xù)等待下去，很有可能就會(huì)錯(cuò)過(guò)這次大好的機(jī)會(huì)。

上圖中使用了“馬上去搶” “入場(chǎng)瘋搶”這種讓人感覺(jué)有緊迫感的文案；

善用動(dòng)詞：

按鈕如果使用動(dòng)詞，會(huì)讓用戶產(chǎn)生馬上去行動(dòng)的心里暗示，同時(shí)動(dòng)詞也帶有強(qiáng)烈的指向性，可以告訴用戶下一步該做什么；

可以看下如下兩組按鈕，一組是名詞，一組是動(dòng)詞，比較下哪一個(gè)讓你看到更想去點(diǎn)擊；

設(shè)計(jì)好按鈕的第三點(diǎn)：強(qiáng)對(duì)比

按鈕的強(qiáng)對(duì)比可以讓它們從頁(yè)面中脫穎而出，讓用戶能夠簡(jiǎn)單地分辨出在哪兒點(diǎn)擊時(shí)，既提高了效率，也提高了產(chǎn)品的轉(zhuǎn)化率；

增強(qiáng)對(duì)比的方法主要是增強(qiáng)按鈕與背景顏色的對(duì)比，以及增強(qiáng)按鈕上文字與按鈕背景顏色的對(duì)比；

上圖中的按鈕使用了與背景對(duì)比很強(qiáng)的顏色，成為界面的焦點(diǎn)；

設(shè)計(jì)好按鈕的第四點(diǎn)：強(qiáng)引導(dǎo)

按鈕設(shè)計(jì)的時(shí)候通過(guò)一些引導(dǎo)性的設(shè)計(jì)，可以更好的引導(dǎo)用戶去判斷去點(diǎn)擊，提高產(chǎn)品的用戶體驗(yàn)；

增強(qiáng)引導(dǎo)最直觀的做法就是顏色的選取，通過(guò)色彩心理學(xué)賦予用戶的感受，可以起到很好的引導(dǎo)的作用；

從顏色上去突出和區(qū)分你希望他去點(diǎn)擊的那個(gè)按鈕，幫助用戶去完成操作；

成組按鈕

當(dāng)2個(gè)按鈕同時(shí)成組出現(xiàn)的時(shí)候，通過(guò)顏色去引導(dǎo)用戶去點(diǎn)擊你希望他完成的操作；

要想達(dá)到最強(qiáng)的引導(dǎo)，給按鈕填充上顏色以及白色的文字，使用藍(lán)色、綠色或者紫色等看著較為舒緩的顏色最好；

在你希望引導(dǎo)用戶點(diǎn)擊的按鈕旁邊的按鈕，最好不要被填充上太明顯的顏色，會(huì)導(dǎo)致所有的按鍵之間的顏色對(duì)比變得太弱，讓用戶看到兩個(gè)按鈕時(shí)會(huì)經(jīng)過(guò)一翻思考后才能做出決策，反之，如果只讓它們顯示邊框則能更好的引導(dǎo)旁邊的按鈕；

不希望用戶點(diǎn)擊按鈕

諸如刪除，放棄等操作，從產(chǎn)品角度肯定是不希望用戶去做出的決策，可在設(shè)計(jì)的時(shí)候在顏色上做些文章，引導(dǎo)用戶三思而后行；

將這類按鈕填充上紅色，橙色等較為刺激的顏色，讓用戶看到的時(shí)候，從心理角度就開(kāi)始思考，再去做決策；

以上就是大神給我們分享的一些關(guān)于APP設(shè)計(jì)的那些知識(shí)點(diǎn)：如何設(shè)計(jì)好按鈕Button的干貨。希望對(duì)各位有所幫助。

最后，25學(xué)堂再來(lái)啰嗦一下：

1. 任何按鈕Button設(shè)計(jì)都要因人而異，所謂以用戶為中心，UCD；

2. 按鈕設(shè)計(jì)一定要易見(jiàn)易讀；

3. 給我一個(gè)點(diǎn)你的理由。