失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > android界面设计字体大小 UI基础汇总——Android设计尺寸规范

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

时间:2021-11-14 06:34:30

相关推荐

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

如果觉得《android界面设计字体大小 UI基础汇总——Android设计尺寸规范》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。