在材質(zhì)化設(shè)計(jì)中，浮動(dòng)操作按鈕(FAB)是在App屏幕上顯示主要操作的按鈕。通常，它是一個(gè)視覺位置高于其他頁(yè)面內(nèi)容的圓形圖標(biāo)按鈕。這個(gè)按鈕通?？梢宰層脩袅⒓丛L問用戶對(duì)App所做的重要或高頻的操作。根據(jù)移動(dòng)App的設(shè)計(jì)和信息架構(gòu)，F(xiàn)AB可以：
 

　　●執(zhí)行一個(gè)典型的核心操作(打開新郵件屏幕，打開添加照片或視頻內(nèi)容的屏幕，在圖庫(kù)中搜索需要的內(nèi)容，等等)。
 

　　●展示額外的動(dòng)作選項(xiàng)
 

　　●彈出其他界面UI組件
 

　　FAB在屏幕上的位置通常是由高可視性因素決定的，可能會(huì)根據(jù)網(wǎng)站制作及App屏幕的總體設(shè)計(jì)理念而有所不同。最重要的經(jīng)驗(yàn)法則是：每個(gè)屏幕只使用一個(gè)FAB，而不是更多，以避免用戶注意力的分散。
 

　　設(shè)計(jì)高效按鈕的要素：

　　尺寸是告知用戶布局元素的重要性和UI組件層次結(jié)構(gòu)的核心方法之一。一個(gè)吸引人且高效的行動(dòng)按鈕需要足夠大，以便快速找到，但又不能太大，以免破壞布局結(jié)構(gòu)。營(yíng)銷或市場(chǎng)管理者者通常會(huì)在他們的指導(dǎo)方針中提供關(guān)于按鈕大小的建議。例如,蘋果在移動(dòng)設(shè)備UI中行動(dòng)按鈕應(yīng)該至少44Х44像素,而微軟建議34Х26像素。如果你是為手機(jī)設(shè)計(jì)UI界面，對(duì)不同類型的按鈕的要求可能會(huì)非常嚴(yán)格，所以要仔細(xì)研究這些設(shè)計(jì)規(guī)范，將因糟糕的UI按鈕設(shè)計(jì)而導(dǎo)致的App不良的用戶體驗(yàn)的風(fēng)險(xiǎn)降到最低。
 

　　2.顏色

　　為了讓一些按鈕容易被注意到，而另一些按鈕是次要的，選擇合適的顏色是至關(guān)重要的。問題是人類的情緒和行為與視覺環(huán)境顏色高度相關(guān)，而色彩是這方面最有力的工具之一。在為行動(dòng)按鈕選擇顏色時(shí)，一定要記住:按鈕顏色和背景顏色必須產(chǎn)生明顯對(duì)比度，才能使按鈕快速地從其他UI組件中脫穎而出。
 

　　3.形狀

　　至于行動(dòng)按鈕的形狀，它們通?？雌饋?lái)像水平矩形。原因是這種形狀的按鈕看起來(lái)是可點(diǎn)擊和可交互的，人們習(xí)慣于把這個(gè)形狀看作一個(gè)按鈕。此外，建議設(shè)計(jì)圓角矩形的形狀按鈕，因?yàn)楫?dāng)視線指向按鈕內(nèi)部時(shí)，用戶更容易將注意力轉(zhuǎn)移到按鈕文字上。當(dāng)然，這么做有時(shí)也是為了使按鈕形狀與Web制作或移動(dòng)App面選擇的風(fēng)格等概念和諧結(jié)合。那更多相關(guān)內(nèi)容，可以結(jié)合《UI設(shè)計(jì)中，用戶界面按鈕的幾種基本類型（二）》詳細(xì)了解。
 

　　4.位置

　　按鈕的位置對(duì)于構(gòu)建堅(jiān)實(shí)的可視層次結(jié)構(gòu)和清晰的導(dǎo)航非常重要。如果它們位于用戶眼睛無(wú)法捕捉到的區(qū)域，其他視覺要素，如顏色和大小，可能無(wú)法有效運(yùn)作。設(shè)計(jì)師必須明確哪里是最佳視覺中心，并將核心功能的按鈕放置在那里。
 

　　5.文字

　　功能強(qiáng)大的按鈕文字通常很簡(jiǎn)練，且語(yǔ)調(diào)規(guī)范統(tǒng)一，因此可以迅速吸引用戶的注意。它通常使用白色等與按鈕對(duì)比強(qiáng)烈但和諧的顏色。盡管如此，這并不是必須的，決策是根據(jù)具體的設(shè)計(jì)概念、排版和文本內(nèi)容等綜合因素決定的。