Secrets to Designing an Excellent Floating Action Button
As one of the most crucial elements in Android UI, floating action button plays an important role. It’s always the most charming and visual elements and presents the high efficiency of action. What are the basic guidelines for the FAB? Where can it be used? Let’s take a look at this article. Guidelines for FAB Step 1: Select an appropriate size for FAB Floating action buttons are distinguished by a circled icon floating above the UI and have motion behaviors that include morphing, launching, and a transferring anchor point. There are generally two kinds of size, the default version and the mini version (only used to create visual continuity with other interface elements). The default size is generally 56 * 56 dp, and the mini version of the size is 40 * 40dp. When the interface width is less than 460dp, it needs to be adjusted from the default size (56dp) to the mini size (40dp). Step 2: Use FAB only for positive actions The floating button usually carries the main,...