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

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

1. 著色UI

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

2. 通過Eric Azares添加媒體

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

3. PSD模板

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

4. 用戶體驗探索

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

5. 魔法按鈕

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

6. 拇指界面

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

7. Alternacare

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

8. 水滴型FAB

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

9. 安卓分數(shù)

這個浮動操作按鈕由Matt Legaspi精心設(shè)計，看起來精致且有著復(fù)雜的行為召喚。配上誘人的雙色調(diào)顏色主題，將行動轉(zhuǎn)化為焦點時達到卓越的美學(xué)審美。

10. Swipii應(yīng)用概念

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

總結(jié)

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

本文翻譯自：

PS: 關(guān)于移動開發(fā)，這些產(chǎn)品你可以關(guān)注>>

      關(guān)于UI用戶界面，這些產(chǎn)品你可以關(guān)注>>

      關(guān)于移動用戶界面設(shè)計的最新產(chǎn)品和資訊，請<>!