沒有按鈕，就沒有現(xiàn)代的交互式UI。?它們是每個(gè)數(shù)字解決方案的基本組成部分。了解如何改善按鈕的樣式并以完美的樣式使用戶滿意。

這是增強(qiáng)您的設(shè)計(jì)的快速提示系列中的下一個(gè)教程。閱讀第一部分。

1.選擇形狀

按鈕可以是實(shí)心按鈕，也可以是帶有筆觸的幻影按鈕，但是選擇形狀是創(chuàng)建更好按鈕的第一步。這可以是一個(gè)尖銳的矩形或圓形的。它可以是圓形的，也可以與某些獨(dú)特的形狀混合。

建立一個(gè)適合項(xiàng)目風(fēng)格的項(xiàng)目很重要。

2.選擇一種顏色

通常，主按鈕會(huì)獲得品牌的原色。但是，請(qǐng)記住，按鈕必須指明其用途，因此選擇顏色可能取決于上下文。

如果您對(duì)選擇正確的音色有任何疑問，請(qǐng)始終與用戶進(jìn)行小型研究。

3.應(yīng)用生動(dòng)的漸變

如果項(xiàng)目品牌允許，請(qǐng)考慮應(yīng)用美觀的漸變。因此，按鈕看起來非?，F(xiàn)代。漸變使按鈕彈出！

4.添加有吸引力的陰影

陰影總是保證更好的承受能力。多虧了他們，每個(gè)UI元素都可以作為交互式對(duì)象感到更加自然。

5.包含有意義的圖標(biāo)

圖標(biāo)是可選的，但它們有助于識(shí)別按鈕執(zhí)行的操作。想想簡(jiǎn)單的“ x”或“ +”是識(shí)別按鈕用途的最快方法的次數(shù)。

始終使用簡(jiǎn)單的符號(hào)。圖標(biāo)附近的標(biāo)簽是必須的，因此用戶將能夠確認(rèn)他們的假設(shè)。

6.應(yīng)用動(dòng)作

將鼠標(biāo)懸停并在按鈕上按狀態(tài)，然后對(duì)其進(jìn)行動(dòng)畫處理。用戶的思想要求立即反饋他們執(zhí)行的操作。有趣的動(dòng)作設(shè)計(jì)可能會(huì)帶來歡樂。

最后！

這6個(gè)快速簡(jiǎn)便的步驟將使您的按鈕樣式更上一層樓。當(dāng)你應(yīng)用簡(jiǎn)單的技巧，重復(fù)并調(diào)整它們到你的項(xiàng)目中時(shí)，您會(huì)注意到工作質(zhì)量如何提高。

如果你覺得本教程有用，請(qǐng)與他人分享，以使你的朋友知道如何改善其UI！