Android 设计尺寸规范
 
Android 常用图标尺寸及设计规范汇总

Android设计尺寸规范
 
--Android Design Guidelines 
 
字体 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
 
 
 
方形
 
高度：152dp 宽度：152dp
 
 
 
圆形
 
直径：176dp
 
 
 
垂直长方形
 
高度：176dp 宽度：128dp
 
 
 
水平长方形
 
高度：128dp 宽度：176dp
 
系统图标 System icons
 
 
 
方形
 
高度：18dp 宽度：18dp
 
 
 
圆形
 
直径：20dp
 
 
 
垂直长方形
 
高度：20dp 宽度：16dp
 
 
 
水平长方形
 
高度：16dp 宽度：20dp
 
快捷图标 Shortcut icon
 
 
 
实际面积
 
高度：44dp 宽度：44dp
 
 
 
总面积
 
高度：48dp 宽度：48dp
 
 
 
系统图标尺寸
 
高度：24dp 宽度：24dp
 
 
 
实际面积位置
 
剩余高度：24dp
 剩余宽度：24dp
 
单位和度量 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
 
 
 
垂直边框和水平外边距
 
边框左右外边距各16dp
 
带有图标或者头像的内容有 72dp 的左边距。
 
 
 
垂直边距
 
1. 状态栏：24dp
 2. 工具栏：56dp
 3. 子标题：48dp
 4. 列表项：72dp
 
 
 
垂直边框和水平外边距
 
边框左右外边距各16dp
 
带有图标或者头像的内容有 72dp 的左边距。
 
 
 
垂直边距
 
1. 状态栏：24dp
 2. 工具栏：56dp
 3. 标题和列表项：48dp
 4. 子标题：48dp
 5. 内容区域间的距离：8dp
 
详情视图 Detail view
 
 
 
垂直边框和水平外边距
 
边框左右外边距各16dp
 
带有图标或者头像的内容有 72dp 的左边距。
 
右边图标的右边距为32dp
 
 
 
垂直边距
 
1. 状态栏：24dp
 2. 工具栏：56dp
 3. 内容区域间的距离：8dp
 4. 列表项：72dp
 
 
 
垂直边框和水平外边距
 
边框左右外边距各16dp
 
带有图标或者头像的内容有 72dp 的左边距。
 
弹出菜单与右边框的距离为56dp
 
 
 
垂直边距
 
1. 列表项：48dp
 2. 内容区域间的距离：8dp
 3. 导航右边距：56dp
 
触控区域尺寸 Touch target size
 
 
 
头像：40dp
 
图标：24dp
 
触控区：48dp
 
 
 
实例
 
 
 
触控区域高度：48dp
 
按钮高度：36dp
 
 
 
实例
 
应用栏 App bar
 
 
 
应用栏高度：56dp
 应用栏左右内边距：16dp
 应用栏图标上、下、左内边距：16dp
 应用栏标题左内边距：72dp
 应用栏标题下内边距：20dp
 
 
 
应用栏高度：128dp
 
 
 
操作栏高度：56dp
 标题栏高度：80dp
 标题栏底部内边距：8dp
 描述区域高度：72dp
 描述区底部内边距：16dp
 
 
 
原文地址：https://www.25xt.com/screen/android.html
 
（如有侵权，请联系作者删除文章）

目录：
 
 
基础概念
 
 
Android界面设计规范
 
 
Android切图标注
 
 
安卓开发单位换算
 
 
总结
 
一. 基础概念
 
1. 什么是DPI？
 
DPI（Dots Per Inch）：每英寸点数，表示指屏幕密度。是测量空间点密度的单位，最初应用于打印技术中，它表示每英寸能打印上的墨滴数量。较小的DPI会产生不清晰的图片。
 
后来DPI的概念也被应用到了计算机屏幕上，计算机屏幕一般采用PPI（Pixels Per Inch）来表示一英寸屏幕上显示的像素点的数量，现在DPI也被引入。
 
 
安装Windows操作系统的电脑屏幕PPI的初始值是96，Mac的初始值是72，虽然这个值从80年代起就不是很准确了。 一般来说，非retina桌面（包括Mac）的PPI的取值区间在72-120之间，因为这个取值区间能够确保你的作品在任何地方都能保持大致相同的比例。
 
这里有一个应用实例： 27寸Mac影院显示屏的PPI是109，这表示在每英寸的屏幕上显示了109个像素点。斜角长是25.7英寸（65cm），实际屏幕的宽度大概是23.5英寸，23.5109约等于2560，因此原始屏幕分辨率就是2560x1440px。
 
 
 
屏幕密度计算公式：
 
 
 
1080x1920px屏幕密度：
 
 
2. 什么是PPI？
 
PPI(Pixels Per Inch)：图像分辨率；是每英寸图像内有多少个像素点，分辨率的单位为ppi，通常叫做像素每英寸。图像分辨率一般被用于ps中，用来改变图像的清晰度。
 
 
二. Android界面设计规范
 
1. Android各设备屏幕密度
 
安卓尺寸众多，按每个屏幕去适配肯定是不现实的。
 
所以为了解决这个问题，安卓手机屏幕有自己初始的固定密度，安卓会根据这些屏幕不同的密度自己进行适配。这一点内容掌握到能满足自己设计工作需要就可以了……
 
以下是Android的密度划分以及代表的分辨率，这里你可以发现已经和设计稿尺寸和切图输出开始挂钩了。
 
 
安卓各屏幕密度
 
 
U妹来带大家了解一下iPhone各设备的手机屏幕密度：
 
iphone 4/4S/5/5S/SE/6/7≈320DPI
 
2. Android开发单位DP和SP
 
DP：安卓专用长度单位。以160 DPI屏幕为标注，则1DP=1PX
 
计算公式：dp x dpi/160=px
 
例：以720x1280px （320dpi）为例计算 1dp x 320 dpi/=2px
 
SP：安卓专用字体单位。以160 DPI屏幕为标注，则1SP=1PX
 
计算公式：sp x dpi/160=px
 
例：以720x1280px （320dpi）为例计算 1sp x 320 dpi/=2px
 
3. 设计稿尺寸
 
从目前市场主流设备尺寸来看，我们要用1080 x 1920 PX 来做安卓设计稿尺寸。
 
 
以1080x1920px作为设计稿标准尺寸的原由：
 
① 从中间尺寸向上和向下适配的时候界面调整的幅度最小，最方便适配。
 
② 大屏幕时代依然以小尺寸作为设计尺寸，会限制设计师的设计视角。
 
③ 用主流尺寸来做设计稿尺寸，极大的提高了视觉还原和其他机型适配。
 
所以做安卓设计稿时请以1080x1920px来做设计稿
 
（sketch用户以540 x 960来做设计稿）
 
 
 
 
界面设计控件尺寸：
 
 
4. 安卓图标尺寸
 
 
安卓的图标相对iOS来说较少，我们只需提供以下几个尺寸就可以了，但是需要提高2套，圆角和直角各一套，因为有的地方都会用到。
 
512x512px、192x192px、144x144px、96x96px、72x72px、48x48px
 
 
因为安卓有很多的机型，不同屏幕密度的手机对应的icon大小也是不同的，所以U妹这里没法给你给出相应的icon所被应用的位置。
 
5. 安卓设计字体
 
英文字体为 Roboto字体，中文字体为 思源黑体。在Android 5.0之后，使用的是思源黑体，字体文件有2个名称，“source han sans”和“noto sans CJK”。
 
 
思源黑体是Adobe和Google领导开发的开源字体，支持繁简日韩，有7种字体粗细。
 
思源黑体字体下载地址，请戳这里：《免费下载！谷歌携手ADOBE推出超好看的的思源宋体（7种字重）》
 
6. 常见主流手机尺寸和分辨率
 
 
三. Android切图标注
 
1. 标注设计稿时，使用px还是dp或sp？
 
答：这个问题需要和安卓工程师沟通，推荐使用dp和sp进行标注（这里指的是在安卓设计稿的前提下）。但目前很多设计师对dp和sp这个单位并不理解，所以有些设计师提供安卓设计稿的时候依旧使用px进行标注，这一点去和你的搭档工程师进行沟通，如果不影响他开发以及他能换算清楚的前提下，你可以考虑使用Px，但是我并不推荐。
 
 
这里要记住一点(你只需要记住能帮助你工作就可以)：
 
 
当屏幕密度为MDPI（160DPI）时，1dp=1px
 
 
当屏幕密度为MDPI（160DPI）时，1sp=1px
 
像素字号=屏幕密度/160 * sp字号 可以根据这个去算算设计稿中的像素字号标注为sp是多少，比如xHDPI下,36px的字标注为sp就是18sp，以此类推。
 
按照不同的屏幕密度换算，也就是下图所示的意思：
 
 
2. 你需要提供几套切图资源？
 
答：理论状态下，如果你想兼顾到目前还存在的各个机型，应该为不同的密度提供不同尺寸大小的切图。
 
但这无疑提升了巨大的工作量，而且还可能浪费很大的资源空间，实际上，很多机型已经不占有主流市场了，而且很多奇葩的分辨率也没必要去考虑适配，所以，具体输出几套需要看公司的产品需求而定。
 
通常我是这么干的：
 
 
选取最大尺寸提供一套切图资源，交给开发工程师处理，适配到各个屏幕密度。
 
这里要注意，这个“最大尺寸”，指的并不是目前市面上Android手机出现过的最大尺寸，而是指目前流行的主流机型中的最大尺寸，这样可节省很大的资源空间。关于最大尺寸选取多少，你需要和你们的安卓工程师沟通，每个安卓工程师对这个问题的结论并不同。（我的安卓搭档，让我提供XXHDPI的切图资源就好，我用的切图工具是Cutterman，切图一键搞定）
 
3. Android的切图资源提供哪个尺寸给开发哥哥？
 
答：iOS的切图有@2x，@3x之分，那么Android的切图根据dpi的不同，其实和iOS的类似，只不过是按照dpi来进行资源文件夹的命名，如下图：
 
 
根据不同的分辨率进行切图归类，但是你看到了，如果切片特别多，提供5套切图岂不是要累死了？
 
一般情况下，我们只需要提供3套切图资源就可以满足安卓工程师的适配，分别是HDPI、XHDPI、 XXHDPI 3套切图资源。
 
 
目前我使用的办法就是只提供最大尺寸的切图，交给安卓工程师自己去缩放适配其他分辨率吧，所以和你的搭档沟通一下。
 
其实现在绝大多数公司限于人力物力的限制，没有这么严格的工作方式，基本上就是一个文件夹，命名好了就提供给工程师了。
 
 
这里还是提醒各位，没有固定的工作方式和方法，任何方式都是为了提升工作效率而进行的。
 
4. 在做设计稿时我们遇到的最多问题
 
① 用哪种尺寸做设计稿？
 
 
iOS：用750x1334px来做设计稿。
 
 
安卓：就目前的市场来看，XXHDPI属于主流机型；这样无论是标注，还是主流机型都能兼顾的到，所以推荐使用1080x1920px来做设计稿尺寸，这样即使你标注的是px，工程师也可以很方便的进行换算。
 
 
② 如何用iOS的设计稿去适配安卓（划重点啦）
 
现在有一种情况现在非常普遍，那就是一稿两用；设计师都是做iOS版本的设计稿，来适配安卓，现在要给安卓用，应该怎么办？
 
iPhone的屏幕密度已经达到xHDPI了，用750x1334px的尺寸做设计稿。
 
实际上，750×1334的@3x的切图资源正好是安卓XXhdpi（1080x1920px）的切图资源；安卓开发用iOS的设计稿自己进行换算就可以了，前提是你必须和安卓工程师沟通。
 
 
另一种情况：你可以把750×1334的设计稿等比例调整尺寸到安卓1080×1920尺寸下，对各个控件进行微调，重新提供标注（用dp标注）。也就是说，你需要提供两套标注，一套给iOS的标注，一套给Android的标注。
 
③ 大家可能还有一个问题，那就是我用cutterman切安卓图片输出的有drawable和mipmap 2个文件夹，到底将哪个给开发工程师呢？
 
 
答：以前用的开发工具，是只有drawable， 没有mipmap的，后来新的开发工具里面才有mipmap这个文件夹，专门用来放png格式的图片的，不过drawable里面还是可以放png图片。
 
所以现在我们给安卓工程师的切图输出文件只需给mipmap-前缀开头的就好。
 
四. Android开发单位换算
 
1. 安卓机型各种尺寸下的PX与DP、SP的对应关系
 
 
2. 字体单位SP与PX的对应关系
 
 
3. 距离单位DP与PX的对应关系
 
 
五. 总结
 
这里说的只是一种工作方法，好的工作方法才能自己事半功倍，在具体工作中也要灵活应用，一定要多和开发沟通交流，良好的沟通才是解决问题的唯一方法。

Android UI 设计规范整理
 
一、屏幕尺寸关系
 
一般选择720*1280来作为设计稿
 
 
二、设计要点
 
1.UI间隔
 
大多数间距单位是8dp的整数倍，对齐间距和整体布局。较小的组件（如图标和排版）可以与4dp网格对齐
 
 
2.ui大小
 
一般把48dp作为可触摸UI元件的标准
list默认高度为48dp
btn默认高度为40dp
边距默认可为16dp
顶部状态栏高度：24dp
Appbar最小高度：56dp
底部导航栏高度：48dp
悬浮按钮尺寸：56x56dp/40x40dp
用户头像尺寸：64x64dp/40x40dp
小图标点击区域：48x48dp
侧边抽屉到屏幕右边的距离：56dp
卡片间距：8dp
分隔线上下留白：8dp
大多元素的留白距离：16dp
屏幕左右对齐基线：16dp
文字左侧对齐基线：72dp
 
3.图标
 
启动图标必须为48*48dp
小图标24dp
 
4.Actionbar
 
hight 48dp，icon 24dp， font18sp
 
 
5.Bottom navigation
 
hight 56dp，icon 24dp， font11sp
 
 
6.List
 
item：hight 36dp，icon 16dp， font 14sp
 
 
 
 
7.button
 
圆角4dp， font 14sp
 
 
8.Tabs
 
 
9.字体大小
 
单位：sp
一般14sp，小12sp，大16sp，超大22sp
 
10.颜色
 
Android 定义颜色color时有6位或8位值的区别，6位（如：#0470C4）就是RGB，值8位（如：#1E000000）头两位是透明度，后6位是RGB值，00是完全透明，FF是完全不透明，比较适中的透明度值是 1E。
 
不透明度16进制值
 
格式如#00FFFFFF，前两位代表不透明度的十六进制。00表示完全透明，FF就是全不透明。依次递增。
 
不透明度	16进制值
100%	FF
95%	F2
90%	E6
85%	D9
80%	CC
75%	BF
70%	B3
65%	A6
60%	99
55%	8C
50%	80
45%	73
40%	66
35%	59
30%	4D
25%	40
20%	33
15%	26
10%	1A
5%	0D
0%	00