【學(xué)UI設(shè)計(jì)】APP按鈕設(shè)計(jì)技巧!
在設(shè)計(jì)按鈕時(shí),往往需要考慮按鈕的設(shè)計(jì)風(fēng)格、外形、色調(diào)等諸多因素。掌握正確的設(shè)計(jì)技巧,可以幫助設(shè)計(jì)師快速和高效地完成按鈕的設(shè)計(jì)。通常按鈕的設(shè)計(jì)技巧主要包括:

匹配品牌
按鈕設(shè)計(jì)中非常重要的一點(diǎn)就是與它的使用環(huán)境相匹配。這意味著在按鈕的設(shè)計(jì)過程中也需要選擇特定的色彩、形狀,或從目標(biāo)品牌的設(shè)計(jì)理念及Logo中汲取靈感。需要以目標(biāo)品牌為依據(jù)來決定按鈕的形狀、材質(zhì)和風(fēng)格。

匹配風(fēng)格
在按界面設(shè)計(jì)中設(shè)計(jì)師要對(duì)界面風(fēng)格做整體把握,這樣對(duì)界面中按鈕的設(shè)計(jì)運(yùn)用就要有一定的要求,按鈕與界面設(shè)計(jì)風(fēng)格相匹配是按鈕設(shè)計(jì)中最基本的要求。

突出對(duì)比度
在界面設(shè)計(jì)中,按鈕的重要性不容忽視,漂亮的按鈕可以直接吸引用戶點(diǎn)擊。因此在設(shè)計(jì)中,設(shè)計(jì)師往往會(huì)利用色彩、形狀、字體等不同元素,賦予按鈕獨(dú)特的視覺效果,使它們能與界面中的其他元素清晰地區(qū)別開。

描邊顏色的設(shè)置
人們見到的大多數(shù)按鈕都或多或少地使用了描邊效果。通常情況下,如果按鈕的顏色比背景色更暗,那么應(yīng)使用比按鈕顏色暗的描邊效果。如果是相反的情形,那么應(yīng)使比背景色偏暗的描邊效果。

巧用小圖標(biāo)
按鈕設(shè)計(jì)中添加簡(jiǎn)潔微小的圖標(biāo)往往會(huì)發(fā)揮意想不到的作用。例如:一個(gè)指向右邊的箭頭圖標(biāo)可能會(huì)讓用戶覺得點(diǎn)擊它會(huì)離開頁面或打開一個(gè)新頁面。而一個(gè)指向下方的箭頭則可能會(huì)給用戶這樣的信息,即點(diǎn)擊它可以打開一個(gè)下拉菜單或查看隱藏的內(nèi)容。

按鈕主次分明
如果在界面設(shè)計(jì)中需要展示很多選項(xiàng)和功能,那么使用不同的視覺效果為按鈕劃分級(jí)別就顯得尤為必要。對(duì)最重要的按鈕應(yīng)使用最強(qiáng)烈,最鮮艷的色彩,對(duì)其他的按鈕應(yīng)按重要程度次第削弱色彩效果。在其他方面也一樣,對(duì)于二級(jí)、三級(jí)按鈕應(yīng)該在大小、字號(hào)和特效等方面做相應(yīng)調(diào)整。

尺寸規(guī)格
由于在APP界面設(shè)計(jì)中所有能點(diǎn)擊的圖片尺寸不能小于44×44像素。因此設(shè)計(jì)按鈕的尺寸應(yīng)不小于44×44像素,實(shí)在小的按鈕圖片可以切上空白像素來滿足需求。還有一點(diǎn)需要引起大家的注意,在APP界面中單獨(dú)存在的部件尺寸必須是偶數(shù)尺寸,所以按鈕的寬高尺寸都應(yīng)設(shè)置為偶數(shù)。
