高度和阴影·Material Design

【高度】

静止高度:高度变化后,终将自动恢复静止高度

响应高度:材料对交互和事件作出响应时的高度

【禁止】

避免高度冲突:避免材料交叉、穿透

【阴影】

阴影是标示z轴高度的唯一视觉线索

阴影随高度增加的变化:卷曲——>柔和、放大

阴影的变化,标示了高度的变化

【父·子元素】

通常,子元素是与父元素随动的。(FAB是个例外,或说是它的父元素是屏幕)

父·子元素间,在z轴上不可插入其他材料


通用材料阴影大小表:(阴影大小=z轴高度,单位:dp)

应用条:4dp

浮动按钮:静态2dp,响应8dp

浮动动作按钮FAB:静态6dp,响应12dp

卡片:静态2dp,响应8dp

菜单:8dp。子菜单:9dp(母菜单+1)

对话框:24dp

导航抽屉:16dp

底部单页:16dp

刷新按钮:3dp(SwipeRefreshLayout的刷新效果)

搜索条:静止2dp,响应3dp

snackbar:6dp

切换按钮:1dp

通用材料高度表:

高度和阴影·Material Design_第1张图片

通用材料高度示意图:

高度和阴影·Material Design_第2张图片

你可能感兴趣的:(高度和阴影·Material Design)