1.按鈕必須看起來像按鈕

　　我們習(xí)慣了現(xiàn)實世界中的按鈕是長方形的(有時是圓形的)。如果我們設(shè)計中的按鈕形狀既不是矩形也不是圓形(也不是圓形矩形)，很可能會讓用戶感到困惑。這就是為什么即使現(xiàn)在的UI按鈕幾乎完全是平面的，但偽物化設(shè)計實際上仍然存在于數(shù)字界面中。用戶界面上的按鈕仍然需要看起來像電視遙控器上的按鈕。

　　有了“有機(jī)形狀”，圓點就不能當(dāng)按鈕用了。三角形和六邊形也會讓用戶花更長的時間來識別它們是按鈕，甚至有些用戶可能永遠(yuǎn)找不到界面的按鈕。如果不希望矩形或圓形作為主按鈕形狀，可以選擇使用帶下劃線的文本鏈接。如果你不確定顏色，深藍(lán)色通常是最好的選擇。

　　2.大小

　　在現(xiàn)實生活中，你是否曾經(jīng)需要先找到一根針來確定超小的重置按鈕被按下以重置電子設(shè)備？這個設(shè)計是有目的的，因為可以避免不注意重置設(shè)備。但是假設(shè)界面中所有的按鈕都那么小，會讓它們很難使用。按鈕應(yīng)該足夠大，讓用戶舒適地使用，但需要多大呢？

　　在觸摸屏?xí)r代，我們通常以典型的指尖大小相對于屏幕密度來衡量。一個44-48px按鍵的正方形會讓我們感覺很舒服。一些應(yīng)用(如Tinder)嘗試將其動作按鈕放大50px(高度)，取得了不錯的效果。很明顯，按鈕的大小不能超過這個范圍太多，但在50-60px的范圍內(nèi)還是值得一試的。

　　在為PC設(shè)計的時候，我們可以把按鍵做得小一點，因為鼠標(biāo)光標(biāo)更準(zhǔn)確，但一定不能太小。我們?nèi)匀恍枰_保用戶可以輕松地將鼠標(biāo)指向按鈕，因此最小的按鈕應(yīng)該設(shè)置為32px左右。

　　3.對齊就是一切！

　　所有UI中最大的視覺問題就是按鈕標(biāo)簽文字無法對齊。盡管大多數(shù)設(shè)計人員和開發(fā)人員試圖將它水平居中，但很少有按鈕可以垂直居中。大寫的標(biāo)簽顯然更容易居中，但是當(dāng)同時使用大寫和小寫字母時，最好堅持基線對齊(或者只與第一個大寫字母對齊，忽略降序的Y、J和G字母)。

　　按鈕大小和字體大小的適應(yīng)性也很重要。如果你有一個32px的按鈕和一個17px的文字，你就不能完美的放在中間，所以你需要調(diào)整其中一個使之互相適合。

　　4.在陰影上努力工作

　　陰影可以幫助對象在背景中突出，并幫助用戶將它識別為可以單擊或需要單擊的對象。因為陰影會讓按鈕看起來比背景更遠(yuǎn)，用戶自然會理解，可以按下。

　　為了使按鈕看起來更友好，您可以在陰影顏色中添加背景顏色。在上面的例子中，陰影是藍(lán)色的混合色。應(yīng)該避免黑暗和對比強(qiáng)烈的陰影，因為即使這樣的陰影吸引了用戶的注意力，如果它們看起來過于銳利和令人不快，也很容易失去用戶的注意力。

　　5.易于閱讀的標(biāo)簽文本

　　標(biāo)簽文本需要居中，但它們也需要足夠的喘息空間，以便于閱讀。避免按鈕周圍的文本沒有空格。規(guī)則是在標(biāo)簽上方和下方的標(biāo)簽字體中留出“大寫字母W的間距”。把“兩個大寫字母W之間的距離”留在邊上。

　　當(dāng)然，按鈕可以在上述間距的基礎(chǔ)上更寬一些，因為那個標(biāo)準(zhǔn)只是讓它成為看起來很漂亮，容易閱讀的最小尺寸。