Material Design設計規範(三)
懸浮按鈕(FAB)設計規範及實戰案例欣賞
懸浮按鈕英文Floating Action Button，簡稱FAB,是手機移動端網頁設計及APP產品設計中，最爲靈動和熱門輔助工具之一。
懸浮按鈕的使用原則
A、選擇適當的懸浮按鈕尺寸
默認的尺寸一般爲5656dp，迷你版的尺寸爲4040dp。界面寬度低於460dp時，需要從默認尺寸（56dp）調整至迷你尺寸（40dp）。
B、懸浮按鈕只承載正向操作
由於懸浮按鈕通常承載的是主要的、有代表性的操作，通常它應該是個積極正向的交互，比如創建、分享、探索等。
唯一的懸浮按鈕不應該執行破壞性的操作，比如刪除、歸檔。
它不應該是非特定的操作，或者是不完整的交互，比如剪切和粘貼是一組組合交互，它們應該存在於菜單欄當中，而非懸浮按鈕中。
C、大尺寸屏幕上的懸浮按鈕
懸浮按鈕在大尺寸的屏幕上可以放置在擴展的APP欄、工具欄或者結構性的元素（前提不阻礙其他元素）和表單的邊緣上。
需要注意的是，每個頁面只能出現一個懸浮按鈕，也不要將懸浮按鈕與一個頁面上的所有元素產生關聯。
懸浮按鈕本身顯眼抓人眼球，濫用懸浮按鈕會分散用戶的注意力。
懸浮按鈕的用途
觸發器
懸浮按鈕可以簡單地觸發某個動作或在某處導航，常用於觸發功能、菜單或導航。
工具欄
懸浮按鈕可以在進行點按或滾動操作時變換成工具欄。
界面變形的樞紐
觸發和擴展一系列操作
作爲一般規則，這組拓展出來的按鈕不應少於3個，不能多於6個，否則違反了作爲懸浮按鈕的快速、高效的原則。
案例欣賞
案例1：Navigation at the bottom
作品功能和UI貼切地結合是整體變得出彩，設計中，下拉菜單佔據了屏幕的一半，模糊了背景上的元素，突出了表單的重要性。
菜單設計得非常簡練，所有選項都按照垂直順序排列，大量的留白保證了文字處於主體地位。
流動的切換動畫細節增強了呼吸感，給用戶帶來了感性細膩的操作反饋。
案例2：FAB for User Engagement
這一款FAB顯得非常有侵略性。 激活之後沒有一點的猶豫，壟斷了整個屏幕，佔據了主導地位。
因爲空間的充裕，設計成功地將所有重要環節都包含在內，圖標美麗直觀，體驗強烈而寬敞。
在UI方面作者巧妙地設置焦點，帶來了愉悅的視覺觀感。
案例3：Filter Menu
這款作品把FAB作爲一種樞紐，使搜索過程更加高效和愉快，爲用戶提供了更靈活的使用體驗。
必要的過濾器選項排列在一個弧形當中，每一個都有一款精心設計的圓形圖標。菜單面板也具有非常像按鈕本身的圓形形狀。