UI设计素材|正确使用浮动按钮

什么是浮动按钮？浮动按钮通常是一个界面浮动的图标，它的颜色、图标、位置在界面中有着明显的区别，出现在屏幕内容的前面，由一个圆形加中间一个图标组成，通常在所处的屏幕中是为了突出一个重要功能点，执行主要的操作或最频繁的操作，有着较强的引导性。

浮动按钮动画

三大原则主要原则。浮动按钮应该是屏幕上的主要操作。

建设性原则。浮动按钮应该执行建设性的行动，如创建、分享或探险。关联原则。浮动按钮应该与它所显示的屏幕相关。

 

浮动操作按钮

组成元素浮动按钮通常由一个圆形容器加中间一个图标组成。

 

浮动操作按钮（FAB） - 材料设计UI

尺寸及颜色

颜色

浮动按钮的颜色通常是由应用程序的颜色或者产品本身的品牌颜色决定的，并且与后面的背景形成鲜明的对比&