如何正确使用浮动按钮

用户头像
广州/设计爱好者/8年前/1009浏览
如何正确使用浮动按钮

主要介绍浮动按钮有三种类型;常规的,迷你的,扩展的,各自的特点和使用规范。


undefined

   正确动效:当切换选项卡时,FABs会消失,然后重新出现。

错误动效:在选项卡之间切换时,浮动按钮不会与屏幕内容一致。

undefined

浮动按钮变形为应用程序结构的一部分

undefined

一个浮动按钮可以转换成横跨整个屏幕的新表面。

undefined

扩展浮动按钮转换为标准浮动按钮

当屏幕被滚动时,扩展的浮动按钮可以转换为标准的。在用户滚动回页面顶部之前,浮动按钮不应该返回扩展的浮动按钮。

5
阅读原文
|
举报
|
11
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
APP/小程序商业项目UI模板|99个高保真UI+79个原型
钱包ui模板
我的钱包-UI界面设计-app
Security Camera UI kit
新拟态风格 UI设计组件库
手表表盘UI系列
【新年UI图标】秒杀icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】钱包icon
3D渐变流体抽象矢量UI背景图
盲盒APP UI设计
【新年UI图标】30个图标
UI通用设计素材1
科技医疗透明柜UI界面设计
拟物风质感写实UI卡片合集源文件
【新年UI图标】汽车icon
【新年UI图标】体育icon
高级感金属拟物 UI设计组件库
【新年UI图标】会员icon
【新年UI图标】旅行icon
3D卡通UI界面图标可爱插画免扣素
UI界面 组件
新能源APP应用UIKit
UI 登录界面设计模板包
你可能喜欢
大家都在看
登录注册