android界面设计字体大小,UI基础汇总——Android设计尺寸规范

来源：壹念视觉

字 体Typography

中文字体：Source Han Sans / Noto

英文字体：Roboto元    素字   重字   号行   距字间距

App barMedium20sp--

ButtonsMedium15sp-10

HeadlineRegular24sp34dp0

TitleMedium21sp-5

SubheadingRegular17sp30dp10

Body 1Regular15sp23dp10

Body 2Bold15sp26dp10

CaptionRegular13sp-20

从标题(Title)到小字提示(Caption),中文比英文都大1sp，比标题大的文本样式，中文与英文采用相同大小的字号。

行 高:为了提供适当的可读性与节奏感，Material Design根据不同的字号大小与字重规定了对应的行高。没有特殊要求下,建议使用常用1.25行倍值

字体颜色:在安卓设计中很少使用某种色号控制,他是通过纯黑或纯白不透明度控制它的一个显示.

亮色背景上的黑色文本：

1.最重要的文本使用87%的不透明度

2.次要文本也就是较低视觉层次文本使用54%不透明度。

3.提示文本(例如输入框里的文字和标签里的文字)禁用文本或者更低视觉层次文本使用38%不透明度

暗色背景上的白色文本：

1.在黑色背景和有色背景上主要文本都使用100%不透明度值。

2.次要文本使用70%的不透明度

3.其他更低视觉层次的文本使用50%的不透明度

图  标Iocn

应用图标 App Icon

系统图标 System icons

小图标尺寸是24dp X 24dp。图形限制在中央20dp X 20dp区域内。

小图标同样有栅格系统。线条、空隙尽量保持2dp宽，圆角半径2dp。特殊情况相应调整。

图标的颜色使用纯黑与纯白，通过透明度调整：

黑色：[54% 正常状态] [26% 禁用状态]

白色：[100% 正常状态] [30% 禁用状态]

快捷图标 Shortcut icon

单位和度量

dpi=屏幕宽度(或高度)像素 / 屏幕宽度(或高度)英寸

dp=(宽度像素 x 160)/ dpi

UI组件布局 Element Layout

列 表 List

详情视图 Detail view

抽屉导航Navigation Drawe

触控区域尺寸 Touch target size

应用栏 App bar

固定式底部导航规格

轮换式底部导航规格

对话框dialog box

按钮BUTTON

底部动作条Bottom Sheets

底部动作条是一个从屏幕底部边缘向上滑出的一个面板，向用户呈现一组功能。

底部动作条有两种类型：Modal bottom sheets、Persistent bottom sheets