浮動操作按鈕（Floating Action Button , FAB）將是Material Design的下一件大事！它以圓形的樣子漂浮在用戶界面上，有著特異的作用。這些圖標有著特殊的運動行為，漂浮在UI上方并執行一些操作，如啟動、變形。他們有兩個不同的尺寸，包括迷你型和默認大小。

浮動操作按鈕是一個優雅、動態、輕量級和始終如一的設計元素，提供快速而有效的導航和增強用戶體驗。按照規則和指導方針，它被定位在右邊，使程序通用并且擴展其功能。根據谷歌的規范，浮動操作按鈕應具有建設性的色調，提供快速訪問重要工具的功能。

1. 著色UI

雖然用戶界面可以飽滿厚重，Lois Yang還是通過選擇一個有吸引力的顏色來完成其優秀的工作。帶有微妙的陰影效果的堅實紅色背景使得圖標能夠將內容區分，抓住用戶的注意力。

2. 通過Eric Azares添加媒體

靜止在屏幕的底部，一個○形按鈕被其他四個快速訪問的CTA（Call to action，行為召喚）環繞，展示成一個圓形的形狀。四個按鈕顏色鮮艷，帶有快速邏輯符號并且顯示出相對巨大的規模。

3. PSD模板

PSD模板界面由Daniel De Santis設計，它提供一個很好的高效浮動操作按鈕例子。浮動操作按鈕帶出一個大面板覆蓋了整個屏幕。此外，這個功能也可以免費。所以盡情下載來享受吧！

4. 用戶體驗探索

浮動操作按鈕是復雜的，它要在一行中體現一系列操作按鈕調用。展示在屏幕的較低部分，這些按鈕需要以水平方式從左到右依次放置。

5. 魔法按鈕

漂浮魔術按鈕由Lee Giles開發，有著極簡約的功能。快速訪問提供給用戶工作小組來創建他們的書籍。這個設計高度兼容材料站和應用聚集。

6. 拇指界面

拇指的用戶界面由Jochem Van Der Veer設計，其轉向定位在右側，有一個簡單的外觀和引人注目且功能強大的設計。它有時放置應用程序標識的迷你版本。

7. Alternacare

Alternacare 由MayurKarodia設計，允許用戶在幾秒內解決冗余信息并實現目標。浮動操作按鈕的大膽外觀和鮮艷顏色主題使它區別于其他內容，吸引用戶的注意力。

8. 水滴型FAB

Shu Makino設計的浮動操作按鈕是一個有著標準工作流程的動畫GIF。由一個一致的變調支持，它包含了七個不同的項目，會一個接一個的出現，并靜止在屏幕的右側。

9. 安卓分數

這個浮動操作按鈕由Matt Legaspi精心設計，看起來精致且有著復雜的行為召喚。配上誘人的雙色調顏色主題，將行動轉化為焦點時達到卓越的美學審美。

10. Swipii應用概念

由Sarah Ahmad設計的概念是許多新解決方案的獨特制定。它的功能很好，使訪問變得更加容易。它靜止在應用程序每個頁面的右邊，顯示一個QR（快速響應）代碼的彈出頁面，幫助快速地收集點。

總結

浮動操作按鈕不僅讓用戶界面高效而有吸引力，還有助于用戶體驗。他們已經成為應用程序的必須元素，因為他們堅持方便直接的功能，并且使應用程序更加以用戶為中心，也更富有成效。

本文翻譯自：

PS: 關于移動開發，這些產品你可以關注>>

      關于UI用戶界面，這些產品你可以關注>>

      關于移動用戶界面設計的最新產品和資訊，請<>!