2021-11-29 14:46:54|已浏览：2866次
浮动式按钮(FAB)就是在用户界面上方浮动的图标，它的形状、位置和颜色使得它从界面的其他部分有明显的区别。在2014年谷歌发布了Material Design principles后，浮动式按钮开始逐渐被推广。在此之后，浮动按钮的设计在web和移动设计中得到了广泛的应用。
尽管浮动按钮看上去是一个很小很微不足道的设计元素，但它对用户界面的影响是非常重要的，如果设计得当，它就可以第一时间被用户识别并点击浏览。在用户交互中的使用场景是非常重要的，有的时候，用户只阅读内容，有的时候用户需要进行操作，这完全取决于当前的使用场景，结合用户使用场景对用户进行浮动式按钮的引导，可以给任何一个App带来最好的实现效果。以Google+为例，当用户静止在该页面时，Google+就在用户界面上显示浮动按钮，反之就将该按钮隐藏。这两个行为都是基于用户的使用场景：当用户正在进行滑动页面操作的时候，他主要的行为就是滑动页面，因此并不需要浮动按钮，而当用户停止滑动时，用户就可能需要按钮来进行某些发布内容的操作。
5. 将两个模块互相关联
浮动按钮不仅仅只是一个圆形的按钮，它可以帮助用户从一个界面到另一个界面进行连贯的切换，点击浮动按钮，按钮图形变换的同时界面状态之间随之进行状态转换。在下面的示例中的以动画引导用户的视觉方向，并帮助用户理解界面布局中刚刚发生的变化，告诉用户是什么触发了这样的变化，以及如何在需要的情况下再次启动。
总结
有些人可能会说浮动按钮时一个糟糕的用户体验，因为很多用户和设计并不习惯这个设计，我们都比较习惯使用我们所熟悉的工具，而浮动按钮的设计相对而言还是比较新的，而接触新的事物往往都是比较困难的，但是这个困难能够帮助我们做出更优秀的用户体验设计，只要使用得当，浮动设计会成为一种让人喜闻乐见的设计体验。
本文由培训无忧网AAA教育课程顾问老师整理发布，更多手机开发课程信息可关注培训无忧网手机开发培训频道或添加老师微信：15033336050
注：尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-5457.html 违者必究！部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们，了解更多相关资讯请关注手机开发频道查看更多，了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多：150 3333 6050
