干货分享！悬浮按钮设计规范和经典实践

悬浮按钮（Floating Action Button，简称FAB）是APP应用中常见的UI元件。它轻盈、优雅、便捷又高效，是Google设计语言中一颗璀璨的明珠。悬浮按钮往往都会独立出现在界面之上，提升整体的导航，拓展页面的功能，使应用的操作更加便捷。

作为Android UI交互中最关键的元素之一，悬浮按钮在用户体验中的地位十分重要。UI上，往往是色彩最大胆、最直观的页面元素；在功能上，是用户在页面上最高频次的操作。悬浮按钮的使用有什么基本准则？有哪些实用用途？我们一起在这篇文章中来看一看。

悬浮按钮的使用原则

A、选择适当的悬浮按钮尺寸

悬浮按钮主要用于促进用户行为，它们通过在UI上浮动的圆圈图标来区分，并且具有包括变形，启动和传送锚点的运动行为。一般有两种尺寸，默认版和迷你版（仅用于与其他界面元素创建视觉连续性）。

默认的尺寸一般为56*56dp，迷你版的尺寸为40*40dp。界面宽度低于460dp时，需要从默认尺寸（56dp）调整至迷你尺寸（40dp）。

B、悬浮按钮只承载正向操作

由于悬浮按钮通常承载的是主要的、有代表性的操作，通常它应该是个积极正向的交互，比如创建、分享、探索等。唯一的悬浮按钮不应该执行破坏性的操作，比如删除、归档。它不应该是非特定的操作，或者是不完整的交互，比如剪切和粘贴是一组组合交互，它们应该存在于菜单栏当中，而非悬浮按钮中。

C、大尺寸屏幕上的悬浮按钮

悬浮按钮在大尺寸的屏幕上可以放置在扩展的APP栏、工具栏或者结构性的元素（前提不阻碍其他元素）和表单的边缘上。需要注意的是，每个页面只能出现一个悬浮按钮，也不要将悬浮按钮与一个页面上的所有元素产生关联，悬浮按钮本身显眼抓人眼球，滥用悬浮按钮会分散用户的注意力。