加入收藏 | 设为首页 | 会员中心 | 我要投稿 厦门网 (https://www.xiamenwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

想做用户引导?看谷歌Material Design 的官方教程是怎么做的!

发布时间:2017-09-08 16:55:15 所属栏目:建站 来源:优设网
导读:副问题#e# 荣超:这个指南中的实践案例和组件可以辅佐用户快速直观地相识他们在你的应用中能做些什么,想知道谷歌的计划团队是怎样做有用用户引导的,看这个准没错! 以下指南旨在: 通过在相干景象中先容应用的特征和成果来辅佐用户从中获取更多的代价 改

居中对齐的文本和交互元素安排在插图之下。

想做用户引导?看谷歌Material Design 的官方教程是怎么做的!

△  移动端:竖向表现

想做用户引导?看谷歌Material Design 的官方教程是怎么做的!

△  平板端:竖向表现

移动僻静板端横向表现

左对齐的文本和交互元素安排在插图的右侧,并垂直居中。

想做用户引导?看谷歌Material Design 的官方教程是怎么做的!

△  移动端:横向表现

想做用户引导?看谷歌Material Design 的官方教程是怎么做的!

△  平板端:横向表现

桌面端

将插图、文本和交互元素放在一个居中对齐的卡片中。在卡片旁边表现“上一页”和“下一页”按钮,并在它的下方安排分页指示器。

想做用户引导?看谷歌Material Design 的官方教程是怎么做的!

△  桌面端

可穿着和TV设惫亓?启动页行使的是差异的交互要领,以是必要以差异的方法举办计划。

各平台尺寸尺度

  • 移动僻静板端上竖向表现

文本和UI在页面中居中对齐。屏幕底部的上方天生24dp内边距(padding)。

1.大问题:24sp,行距32sp

2.副问题:15sp,行距24dp

3.32sp行高

4.按钮顶部到文本中心的间隔:56dp(空间只应承存在1- 3 行文本)

5.垂直偏向上24dp内边距

想做用户引导?看谷歌Material Design 的官方教程是怎么做的!

移动僻静板端上横向表现

文本和UI对齐至插画的左边沿,并垂直居中

1. 大问题:24sp,行距32sp

2. 副问题:15sp,行距24dp

3. 32sp行高

4. 按钮顶部到文本中心的间隔:56dp(空间只应承存在1- 3 行文本)

5. 垂直偏向上24dp内边距

想做用户引导?看谷歌Material Design 的官方教程是怎么做的!

想做用户引导?看谷歌Material Design 的官方教程是怎么做的!

桌面端

1. 大问题:24sp,行距32sp

2. 副问题:16sp,行距24dp

3. 32sp行高

4. 按钮顶部到文本中心的间隔:56dp(空间只应承存在1- 3 行文本)

5. 图像间隔页码圆点:24dp

6. 图像间隔箭头:48dp

(编辑:厦门网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读