浮动式按钮(FAB)就是在用户界面上方浮动的图标，它的形状、位置和颜色使得它从界面的其他部分有明显的区别。在2014年谷歌发布了Material Design principles后，浮动式按钮开始逐渐被推广。在此之后，浮动按钮的设计在web和移动设计中得到了广泛的应用。
尽管浮动按钮看上去是一个很小很微不足道的设计元素，但它对用户界面的影响是非常重要的，如果设计得当，它就可以第一时间被用户识别并点击浏览。
Android应用程序中的浮动按钮
1. 仅代表一个标志性的行为
一般情况下，浮动按钮应该突出最相关或最常使用的用户操作，它应该用于APP中主要特性的操作。如果你打算使用浮动按钮在你的APP当中，在设计时必须仔细考虑清楚，用户在点击浮动按钮时必须是一个非常重要的目标性行为。例如，一个音乐类的APP当中的浮动按钮，一般都表示’Play/Stop’，而像Instagram这类似的APP一般会使用浮动式按钮来代表“拍照”功能。
在这个屏幕上，一个浮动式按钮是App的主要操作，功能是暂停或恢复播放，告诉用户这是一个音乐类APP
根据Steve Jones的研究表明，当用户首次使用时，浮动按钮会表现出轻微的负面影响，但是当用户在使用浮动按钮成功的完成任务之后，相比于传统按钮，用户就会更有效地使用这种方式。
2.作为一种提供线索的工具
浮动按钮是告诉用户下一步该做什么的重要线索，谷歌的研究表明，当面对一个陌生的App界面时，许多用户会依靠浮动按钮来进行导航。因此，浮动式设计是告诉用户下一步该做什么的重要线索。
在Twitter中使用浮动按钮鼓励用户发布内容
3. 提供一套动态效果
在某些情况下，如下图Evernote，它的浮动按钮进行适当的旋转后便显示了其他操作选项，浮动按钮可以用一系列更完善的动作来丰富功能，也可以设计浮动按钮对用户进行前后引导。一般情况下，可以设计3到6个操作选项（其中包括原来浮动按钮的操作项）。
Evernote
同时还要注意的是，这些动作必须与浮动按钮彼此关联，如果在工作栏上，不要把这些操作行为看成是各自独立的。
错误示例：“Where I am”的行为与其他创建内容的动作无关。
4. 前后关联使用场景
在用户交互中的使用场景是非常重要的，有的时候，用户只阅读内容，有的时候用户需要进行操作，这完全取决于当前的使用场景，结合用户使用场景对用户进行浮动式按钮的引导，可以给任何一个App带来最好的实现效果。以Google+为例，当用户静止在该页面时，Google+就在用户界面上显示浮动按钮，反之就将该按钮隐藏。这两个行为都是基于用户的使用场景：当用户正在进行滑动页面操作的时候，他主要的行为就是滑动页面，因此并不需要浮动按钮，而当用户停止滑动时，用户就可能需要按钮来进行某些发布内容的操作。
5. 将两个模块互相关联
浮动按钮不仅仅只是一个圆形的按钮，它可以帮助用户从一个界面到另一个界面进行连贯的切换，点击浮动按钮，按钮图形变换的同时界面状态之间随之进行状态转换。在下面的示例中的以动画引导用户的视觉方向，并帮助用户理解界面布局中刚刚发生的变化，告诉用户是什么触发了这样的变化，以及如何在需要的情况下再次启动。
总结
有些人可能会说浮动按钮时一个糟糕的用户体验，因为很多用户和设计并不习惯这个设计，我们都比较习惯使用我们所熟悉的工具，而浮动按钮的设计相对而言还是比较新的，而接触新的事物往往都是比较困难的，但是这个困难能够帮助我们做出更优秀的用户体验设计，只要使用得当，浮动设计会成为一种让人喜闻乐见的设计体验。
本文作者来自天津求谛互动，转载请注明出处：求谛互动（http://www.qd218.com）
选择天津网站建设公司-求谛互动，优质服务，绝对不容错过 ！
1. 优秀的网络资源，稳定的网站和速度保证
（配送双线独立ip空间，国际A级BGP机房，99.5% 的主机在线时间）
2. 8年天津网站建设经验，优秀的技术和设计水平，更放心
3. 全程省心服务，不必担心自己不懂网络，更省心。
------------------------------------------------------------------------------------------
我们的与众不同之处：
免费网络营销顾问：我们为您提供免费的网络营销顾问服务，您需要了解关于如何开展网络营销，电子商务，网站设计等的事宜，欢迎随时联系我们。
seo友好的网站管理系统：除了优质的网站空间，网站管理系统，和网站设计外，我们的网站管理系统更是seo友好的，包括：自定义栏目名，Google Sitemap自动生成，静态页面生成等等，让您的网站。
免费网络营销培训：如何更好的投放网络广告，如何提高网络广告的投资回报，如何发帖子，
如何优化网站，我们有丰富的经验开放给您！祝君成功！
联系我们：022-66351726
天津网站建设本站关键词：天津网站建设 天津网站制作 天津网站设计 网站建设 天津网站建设公司 网站建设
