如何正确使用浮动按钮

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

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


undefined

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

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

undefined

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

undefined

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

undefined

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

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

5
阅读原文
|
举报
|
11
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
智能家居中心 简约 UI设计组件库
【新年UI图标】体育icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】美食icon
UI应用平面图标
新能源APP应用UIKit
【新年UI图标】旅行icon
【新年UI图标】积分icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
新拟态风格 UI设计组件库
Security Camera UI kit
3D渐变流体抽象矢量UI背景图
UI 登录界面设计模板包
森系3D渐变流体抽象矢量UI背景图
【新年UI图标】活动icon
UI通用设计素材1
【新年UI图标】礼物/活动icon
户外旅行飞机情侣假日出行
我的钱包-UI界面设计-app
UI界面 组件
【新年UI图标】钱包icon
科技医疗透明柜UI界面设计
盲盒APP UI设计
高级表盘系列UI源文件
你可能喜欢
大家都在看
登录注册