五档屏幕尺寸表
按 xxxhdpi、xxhdpi、xhdpi、hdpi、mdpi 列出分辨率、dpi、像素比,并给出 48dp 在每档下的对应像素,例如 xxxhdpi 为 192px、xxhdpi 为 144px。
拖动滑块完成拼图,通过后发送验证码
独立第三方 AI 评测平台 · 只用实测数据
这是一份把安卓设计尺寸、字体排版、图标规格和布局规则集中整理的速查文档,适合开发者和设计师在切图、标注、适配时随手查表。文档列出了从 mdpi 到 xxxhdpi 五档屏幕的 dpi、像素比和对应像素,还给出了完整的字号排版表与图标尺寸表。整体是静态参考资料,不涉及在线工具或账号体系,也不提供自动生成标注或切图能力,更新频率取决于维护者个人,遇到新系统版本时未必能第一时间覆盖。
这是一份面向安卓应用开发与界面设计的尺寸规范速查文档,把屏幕密度、字体排版、图标规格和布局规则集中在一处,方便开发者在切图、标注和适配时对照查表。
文档内容分几块:一是按 xxxhdpi、xxhdpi、xhdpi、hdpi、mdpi 五档列出分辨率、dpi、像素比和 48dp 的对应像素;二是中英文推荐字体(中文字体 Source Han Sans / Noto,英文字体 Roboto)与常用字号排版;三是元素级的字重、字号、行距、字间距表,覆盖 App bar、Buttons、Headline、Title、Subheading、Body 1、Body 2、Caption;四是应用图标与系统图标在各密度下的尺寸表;五是布局规则,包括最小点击区域 48dp X 48dp 和 8dp 栅格系统。
用法上,设计师可以用它确定多倍图切图尺寸和标注数值,开发者可以用它核对控件间距、字号和图标资源规格,也可以作为团队内部 UI 走查的对照标准。
按 xxxhdpi、xxhdpi、xhdpi、hdpi、mdpi 列出分辨率、dpi、像素比,并给出 48dp 在每档下的对应像素,例如 xxxhdpi 为 192px、xxhdpi 为 144px。
中文字体推荐 Source Han Sans / Noto,英文字体推荐 Roboto;常用字号给出 12sp 小字提示、14sp 正文与按钮、16sp 小标题、20sp Appbar 文字、24sp 大标题及 34sp/45sp/56sp/112sp 超大号文字。
逐个元素给出字重、字号、行距、字间距,覆盖 App bar、Buttons、Headline、Title、Subheading、Body 1、Body 2、Caption,可直接用于标注和样式定义。
应用图标与系统图标分别按 mdpi 至 xxxhdpi 五档列出像素尺寸,例如应用图标从 48 x 48 px 到 192 x 192 px,系统图标从 24 x 24 px 到 196 x 196 px。
规定所有可操作元素最小点击区域为 48dp X 48dp,栅格系统最小单位为 8dp,一切距离与尺寸按 8dp 整数倍设计;对话框、菜单等可变宽控件可按 56 的整数倍取宽。
给出 dpi 与 dp 的计算方式:dpi = 屏幕宽度(或高度)像素 / 屏幕宽度(或高度)英寸,dp =(宽度像素 x 160)/ dpi,方便在非标准分辨率下自行换算。
页面顶部提供谷歌官方设计规范与谷歌中文设计规范的链接,便于在本地速查之外回到完整规范文档核对细节。
当你要快速核对安卓切图尺寸、字号或图标规格时,这份文档值得放进书签——五档屏幕密度、元素排版表和图标尺寸都集中在一页,查起来比翻官方文档快。当你要跟进最新系统版本的设计规范时要注意,它是一份静态整理资料,覆盖范围以文档列出的内容为准,新控件、新动效规范未必包含。适合作为日常标注和 UI 走查的对照表,不适合当作唯一的设计规范来源。
日常要出多倍图、写标注,五档尺寸表和图标尺寸表能直接当查表用,48dp 与 8dp 规则可减少返工。
写布局时对照元素排版表的字重、字号、行距,能快速判断间距取值是否偏离栅格,省去逐项翻官方文档。
缺少专职设计规范维护时,可用这份表作为走查对照,检查点击区域是否达到 48dp X 48dp 等硬性项。
文档以已列出的尺寸与排版内容为主,覆盖不到新系统版本新增的组件与规范,拿它当唯一规范来源会漏项。
这是静态速查资料,不提供自动标注、切图导出或设计稿解析,想要自动化的团队需要用专门的设计协作工具。
| 指标 | 数值 | 数据来源 |
|---|---|---|
| 屏幕密度档位 | xxxhdpi / xxhdpi / xhdpi / hdpi / mdpi | 设计尺寸表 |
| 最小点击区域 | 48dp X 48dp | 布局章节 |
| 栅格最小单位 | 8dp | 布局章节 |
| 可变宽控件宽度倍数 | 56 的整数倍 | 布局章节 |
| 正文建议每行字符数(英文) | 长篇幅 60 字符左右,短文本 30 字符左右 | 常用字号排版 |
| 应用图标尺寸范围 | 48 x 48 px 至 192 x 192 px | 图标 icons 章节 |
| 系统图标尺寸范围 | 24 x 24 px 至 196 x 196 px | 图标 icons 章节 |
解决安卓界面在做多倍图、标注和适配时需要反复查尺寸的问题。它把 xxxhdpi 到 mdpi 五档屏幕的分辨率、dpi、像素比和 48dp 对应像素放在同一页,同时给出字号排版、元素字重行距字间距和图标像素尺寸,打开一页就能查到大部分常用数值。
按文档给出的对照表,xxxhdpi 的 48dp 对应 192px,xxhdpi 对应 144px,xhdpi 对应 96px,hdpi 对应 72px,mdpi 对应 48px。知道目标屏幕属于哪一档,就能直接取到像素值。
中文字体用 Source Han Sans / Noto,英文字体用 Roboto。常用字号包括 12sp 小字提示、14sp(桌面端 13sp)正文与按钮文字、16sp(桌面端 15sp)小标题、20sp Appbar 文字、24sp 大标题,以及 34sp/45sp/56sp/112sp 超大号文字。长篇幅正文每行建议 60 字符(英文)左右,短文本建议 30 字符左右。
两条最常引用:所有可操作元素的最小点击区域为 48dp X 48dp;栅格系统最小单位是 8dp,一切距离和尺寸都按 8dp 的整数倍来取。另外对话框、菜单等宽度可变的控件,宽度可以按 56 的整数倍设计,平板与 PC 上留白更多,距离与尺寸要相应增大。
应用图标按 mdpi 到 xxxhdpi 依次为 48 x 48 px、72 x 72 px、96 x 96 px、144 x 144 px、192 x 192 px;系统图标依次为 24 x 24 px、36 x 36 px、48 x 48 px、72 x 72 px、196 x 196 px。按目标屏幕密度取对应一套即可。
文档给出了公式:dpi = 屏幕宽度(或高度)像素 / 屏幕宽度(或高度)英寸,dp =(宽度像素 x 160)/ dpi。用这两个公式可以自行算出非标准分辨率的基准,再按 8dp 栅格取整,不要直接套用标准档位的像素值。
不能。它是一份把常用尺寸、排版和图标规格集中起来的速查资料,覆盖面以文档列出的内容为主;页面顶部给出了谷歌官方设计规范和中文设计规范的入口,遇到速查表没写到的组件、交互或动效细节时,还是回到完整规范里核对。