懸浮按鈕設計規范和經典實踐-揚州浩瑞互聯網站建設公司

懸浮按鈕設計規范和經典實踐

2018-03-04 11:15:48

懸浮按鈕（Floating Action Button，簡稱FAB）是APP應用中常見的UI元件。它輕盈、優雅、便捷又高效，是Google設計語言中一顆璀璨的明珠。懸浮按鈕往往都會獨立出現在界面之上，提升整體的導航，拓展頁面的功能，使應用的操作更加便捷。

作為Android UI交互中最關鍵的元素之一，懸浮按鈕在用戶體驗中的地位十分重要。UI上，往往是色彩最大膽、最直觀的頁面元素；在功能上，是用戶在頁面上最高頻次的操作。懸浮按鈕的使用有什么基本準則？有哪些實用用途？我們一起在這篇文章中來看一看。

懸浮按鈕的使用原則

A、選擇適當的懸浮按鈕尺寸

懸浮按鈕主要用于促進用戶行為，它們通過在UI上浮動的圓圈圖標來區分，并且具有包括變形，啟動和傳送錨點的運動行為。一般有兩種尺寸，默認版和迷你版（僅用于與其他界面元素創建視覺連續性）。

默認的尺寸一般為56*56dp，迷你版的尺寸為40*40dp。界面寬度低于460dp時，需要從默認尺寸（56dp）調整至迷你尺寸（40dp）。

B、懸浮按鈕只承載正向操作

由于懸浮按鈕通常承載的是主要的、有代表性的操作，通常它應該是個積極正向的交互，比如創建、分享、探索等。唯一的懸浮按鈕不應該執行破壞性的操作，比如刪除、歸檔。它不應該是非特定的操作，或者是不完整的交互，比如剪切和粘貼是一組組合交互，它們應該存在于菜單欄當中，而非懸浮按鈕中。

C、大尺寸屏幕上的懸浮按鈕

懸浮按鈕在大尺寸的屏幕上可以放置在擴展的APP欄、工具欄或者結構性的元素（前提不阻礙其他元素）和表單的邊緣上。需要注意的是，每個頁面只能出現一個懸浮按鈕，也不要將懸浮按鈕與一個頁面上的所有元素產生關聯，懸浮按鈕本身顯眼抓人眼球，濫用懸浮按鈕會分散用戶的注意力。

您要的不止是一個網站