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

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

　　●展示額外的動作選項
 

　　●彈出其他界面UI組件
 

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

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

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

　　2.顏色

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

　　3.形狀

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

　　4.位置

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

　　5.文字

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