App.Android Material Design

所属分类:UI/UX
design.1sters.com
_僵尸粉采集到App.Android Material Design

菜单显示在触发它的元素处,当前选中的菜单项显示在触发元素的顶部。 不要重复显示选中的菜单...

1

design.1sters.com
_僵尸粉采集到App.Android Material Design

不要(Don’t)
不要重复显示选中的菜单项。

design.1sters.com
_僵尸粉采集到App.Android Material Design

将动作菜单项显示为禁用状态,而不是移除它们,这样可以让用户知道在正确条件下它们是存在的。 ...

2

design.1sters.com
_僵尸粉采集到App.Android Material Design

带图标的文本 高: 48dp 文本内边距: 16dp 默认字体大小: 1...

design.1sters.com
_僵尸粉采集到App.Android Material Design

单行网格列表、仅有文本 高: 48dp 文本内边距: 16dp 默认字体大小: ...

design.1sters.com
_僵尸粉采集到App.Android Material Design

单行表头/表尾 高: 48dp 文本内边距: 16dp 默认字体大小: 16sp 次要动作...

3

design.1sters.com
_僵尸粉采集到App.Android Material Design

单行表头/表尾 高: 48dp 文本内边距: 16dp 默认字体大小: 16sp 次要动作...

design.1sters.com
_僵尸粉采集到App.Android Material Design

砍去网格瓦片来通知内容未结束。

design.1sters.com
_僵尸粉采集到App.Android Material Design

在使用分隔的子标题时,可以将分隔线置于子标题之上,可以加强子标题与内容关联度。

design.1sters.com
_僵尸粉采集到App.Android Material Design

在使用分隔的子标题时,可以将分隔线置于子标题之上,可以加强子标题与内容关联度。

1

design.1sters.com
_僵尸粉采集到App.Android Material Design

在有锚点元素(头像或者是图标)并且有关键字的标题列中,我们可以使用内凹分隔线。

1

design.1sters.com
_僵尸粉采集到App.Android Material Design

在有锚点元素(头像或者是图标)并且有关键字的标题列中,我们可以使用内凹分隔线。

10

design.1sters.com
_僵尸粉采集到App.Android Material Design

如果可以,请尽量保持提示框里面的内容不需要滚动 。如果滚动的内容太多了,那么可以考虑使用其...

14

design.1sters.com
_僵尸粉采集到App.Android Material Design

网格副标题 区块高度是48dp。 副标题字体为 Roboto Medium 14s...

1

design.1sters.com
_僵尸粉采集到App.Android Material Design

如果有跟列表中的头像或图标左对齐的进阶操作(promoted action),副标题则需要...

17

design.1sters.com
_僵尸粉采集到App.Android Material Design

列表副标题 区块高度是48dp。 副标题字体为 Roboto Medium 14sp。 ...

1

design.1sters.com
_僵尸粉采集到App.Android Material Design

可滚动的Tab Tab 宽度:12 dp + 文本宽度 + 12 dp 激活的Tab的指...

3

design.1sters.com
_僵尸粉采集到App.Android Material Design

规格固定并且全屏宽度 Tab 宽度:屏幕的 1/3 激活的Tab的指示器高度:2 dp ...

3

design.1sters.com
_僵尸粉采集到App.Android Material Design

自动补全文本框 使用自动补全的文本框去呈现即时建议或补全弹出窗口,可让用户更准确,更高效地...

4

design.1sters.com
_僵尸粉采集到App.Android Material Design

自动补全文本框 使用自动补全的文本框去呈现即时建议或补全弹出窗口,可让用户更准确,更高效地...

9

design.1sters.com
_僵尸粉采集到App.Android Material Design

单行字符计数器 计数器文本:Roboto Regular 12 sp 多行文本框的字符计数...

2

design.1sters.com
_僵尸粉采集到App.Android Material Design

多行文本框的字符计数器
计数器文本:Roboto Regular 12 sp

design.1sters.com
_僵尸粉采集到App.Android Material Design

多行文本框的字符计数器
计数器文本:Roboto Regular 12 sp

2

design.1sters.com
_僵尸粉采集到App.Android Material Design

单行字符计数器
计数器文本:Roboto Regular 12 sp

design.1sters.com
_僵尸粉采集到App.Android Material Design

单行字符计数器
计数器文本:Roboto Regular 12 sp

design.1sters.com
_僵尸粉采集到App.Android Material Design

全宽文本框
全宽文本框适用于更深入的工作。

1

design.1sters.com
_僵尸粉采集到App.Android Material Design

全宽文本框
全宽文本框适用于更深入的工作。

1

design.1sters.com
_僵尸粉采集到App.Android Material Design

提示和输入字体:Roboto Regular 16 sp 标签字体:Roboto Regu...

9

design.1sters.com
_僵尸粉采集到App.Android Material Design

浮动内嵌标签,当用户在输入文本时,标签会浮动到输入内容的上方。

23

design.1sters.com
_僵尸粉采集到App.Android Material Design

提示和输入字体:Roboto Regular 16 sp 输入框高度:48 dp 文本顶部...

36

design.1sters.com
_僵尸粉采集到App.Android Material Design

Raised Dark/Dark Color 最小宽度: 88 dp, 高度: 36 d...

design.1sters.com
_僵尸粉采集到App.Android Material Design

Flat Dark/Dark Color 最小宽度: 88 dp, 高度: 36 dp ...

design.1sters.com
_僵尸粉采集到App.Android Material Design

Flat Light/Light color 最小宽度: 88 dp, 高度: 36 d...

design.1sters.com
_僵尸粉采集到App.Android Material Design

正确示例,使用扁平按钮的示例。