Android设计尺寸规范
Author：厦门米铺网络科技有限公司
Click：
Time：2018-07-08 18:31:02
字体 Typography
中文字体：Source Han Sans / Noto
英文字体：Roboto
| 元素 | 字重 | 字号 | 行距 | 字间距 |
|---|---|---|---|---|
| App bar | Medium | 20sp | - | - |
| Buttons | Medium | 15sp | - | 10 |
| Headline | Regular | 24sp | 34dp | 0 |
| Title | Medium | 21sp | - | 5 |
| Subheading | Regular | 17sp | 30dp | 10 |
| Body 1 | Regular | 15sp | 23dp | 10 |
| Body 2 | Bold | 15sp | 26dp | 10 |
| Caption | Regular | 13sp | - | 20 |
图标 icons
| 图标用途 | mdpi (160dpi) | hdpi (240dpi) | xhdpi (320dpi) | xxhdpi (480dpi) | xxxhdpi (640dpi) |
|---|---|---|---|---|---|
| 应用图标 | 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 |
应用图标 Product icons
系统图标 System icons
快捷图标 Shortcut icon
单位和度量 Units and measurements
dpi =屏幕宽度（或高度）像素 / 屏幕宽度（或高度）英寸
dp =(宽度像素 x 160)/ dpi
| 名称 | 分辨率 px | dpi | 像素比 | 示例 dp | 对应像素 |
|---|---|---|---|---|---|
| xxxhdpi | 2160 x 3840 | 640 | 4.0 | 48dp | 192px |
| xxhdpi | 1080 x 1920 | 480 | 3.0 | 48dp | 144px |
| xhdpi | 720 x 1280 | 320 | 2.0 | 48dp | 96px |
| hdpi | 480 x 800 | 240 | 1.5 | 48dp | 72px |
| mdpi | 320 x 480 | 160 | 1.0 | 48dp | 48px |
UI组件布局 Element Layout
列表 List
详情视图 Detail view
触控区域尺寸 Touch target size
应用栏 App bar
点击右上角
分享给朋友吧
Long by picture save/share
文章推荐
包装设计策略的五个中心思想
最全面的图标设计类型和设计风格
几何元素在Banner设计中的正确打开姿势！
负空间Logo设计！动物篇
极简艺术风咖啡店VI设计
科技感能源科技公司VI设计
简约科技感人工智能品牌VI设计
清新自然的水果饮品VI设计
科技范儿！极简人工智能品牌VI设计
18款中式传统美食点心Logo设计
展现创意！30款简洁时尚Logo设计
清凉感！冰品店VI形象设计
20款人物吉祥物Logo设计
20款简练时尚Logo设计分享
夜空雷达！20款蝙蝠Logo设计
UI切图标注工作流程指南
UI设计评审工作流程指南
UI设计规范工作流程指南
UI视觉设计总结-超全面的UI工作流程指南
吸引用户的CTA按钮在UI设计上有何讲究？
