关闭

[置顶] Android必知必会-App 常用图标尺寸规范汇总

标签: android
19690人阅读 评论(2) 收藏 举报
分类:

若移动端访问不佳,请使用 –> Github版

内容持续更新中,更新日期:2016-08-11

1. 程序启动图标(icon launcher)

放在mipmap-*dpi下,文件名为ic_launcher.png

  • L DPI ( Low Density Screen,120 DPI ),其图标大小为 36 x 36 px
  • M DPI ( Medium Density Screen, 160 DPI ),其图标大小为 48 x 48 px
  • H DPI ( High Density Screen, 240 DPI ),其图标大小为 72 x 72 px
  • XH DPI ( Extra-high density screen, 320 DPI ),其图标大小为 96 x 96 px
  • XXH DPI( xx-high density screen, 480 DPI ),其图标大小为144 x 144 px
  • XXXH DPI( xxx-high density screen, 640 DPI ),其图标大小为192 x 192 px

技巧:自动生成对应分辨率的 icon launcher

新增于2016-08-11

使用 Android Studio ,在 module或者 drawable 上右键 new > ImageAsset ,可以把一张大图自动裁切成各 DPI 对应的分辨率的 icon launcher。

细节操作参照下图:
create icon launcher

  1. 选择要生成的图片类型:Launcher Icons
  2. Name 会自动生成 ic_launcher ,如果不是则填成 ic_launcher
  3. Asset Type 设置成 Image ;
  4. path 一列的最后选择自己要生成的图片
  5. 调整 Shape 等参数;
  6. 点击 next 一路到 finish 即可。

PS:使用 Shape 的其他参数,比如圆角square , 会默认使用不支持透明度的颜色作为背景,所以要根据具体的图标进行修改,特殊的情况需要设计师切出带圆角和透明度的大图。

2. 不透明度16进制值

不透明度 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

3. dp和px换算及关系

各DPI的换算:

Android DPI

数据总结表:

名称 对应 DPI 比例(以 mdpi 为基数 1) 和px的换算关系
lpdi 120 DPI 0.75 1 dp = 0.75 px
mdpi 160 DPI 1 1 dp = 1 px
hdpi 240 DPI 1.5 1 dp = 1.5 px
xhdpi 320 DPI 2 1 dp = 2 px
xxhdpi 480 DPI 3 1 dp = 3 px
xxxhdpi 640 DPI 4 1 dp = 4 px

dp 到 px

这里给定:400 dp * 240 dp
则对应的图片分辨率分别为:

  • lpdi ⇒ 300 px * 180 px
  • mdpi ⇒ 400 px * 240 px
  • hdpi ⇒ 600 px * 360 px
  • xhdpi ⇒ 800 px * 480 px
  • xxhdpi ⇒ 1200 px * 720 px
  • xxxhdpi ⇒ 1600 px * 960 px

px 到 dp

px 换算成 dp 要知道它是以什么 dpi 标准来设计的,根据换算关系表可得到相应的 dp
例如: 以 xxhdpi 标准设计的 UI,其中一个切图的分辨率是 600 px * 360 px ,根据换算关系表可知,在 xxhdpi 标准下,1 dp = 3 px ,则其对应的 dp200 dp * 120 dp

PS:

你可以通过 GithubCSDN微博 和我交流

8
0
查看评论

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

目录 1. Android手机目前常见的分辨率及设计规范 2. dp,px,sp单位转换 3.程序启动图标(icon launcher)制作 4.9-patch PNG图片的使用 5. 屏幕适配的注意事项 1. Android手机目前常见的分辨率及设计规范https://uiiiuiii.com/s...
  • Grandaunt
  • Grandaunt
  • 2017-09-18 09:26
  • 1828

【android笔记】Android logo的几种尺寸

【android笔记】Android logo的几种尺寸Android Icon Size and Location for Apps DENSITY SIZE LOCATION RATIO SCREEN MARGIN XXXHDPI 192×192 dr...
  • tonyyxm
  • tonyyxm
  • 2016-01-28 16:49
  • 7003

Android应用图标尺寸规范

转自:http://blog.sina.com.cn/s/blog_4b20ae2e0101h84o.html Android Icon Size and Location for Apps DENSITY SIZE LOCATION RATIO ...
  • gf771115
  • gf771115
  • 2015-12-16 09:36
  • 15718

Android的桌面图标切图大小

Android的桌面图标切多大合适呢? 二种方案 第一种: 36*36 -l 48*48 -m 72*72 -h 512*512 -xh 第二种: 36*36 -l 48*48 -m 72*72 -h 96*96 -xh 位深度都是32的 一般都给四种logo大小,分别放到不同文件夹下。。 其中...
  • liyx2018
  • liyx2018
  • 2016-04-20 10:04
  • 4198

Android 图标(Icon)绘制尺寸规范

在开发Android程序时,常需要使用各种图标。开发代码需要规范,图标也同样需要规范,以下是图标的制作规范。1. 程序启动图标:LDPI (Low Density Screen,120 DPI),其图标大小为 36 x 36 px。MDPI (Medium Density Screen, 160 D...
  • u012145166
  • u012145166
  • 2016-01-27 22:55
  • 2496

App常用图标使用规范

Android开发中UI切的图标不是随便乱放的,我们需要根据图标的尺寸大小放在对应的目录下。 我们可以根据上图中的icon尺寸找出对应的drawable目录,放入即可。 下面总结一些常用的图标尺寸: 1. 程序启动图标: LDPI (Low Density Screen,120 DP...
  • Android_xue
  • Android_xue
  • 2017-11-16 22:59
  • 295

Android App常用图标尺寸规范

Android App常用图标尺寸规范
  • SSBBY
  • SSBBY
  • 2016-07-08 21:09
  • 6497

【Android】各机型分辨率对应app图标像素大小

昨天在给软件发布后发现app的图标竟是个默认的机器人,顿时感到好奇怪,我明明已经在xxhdpi里边放了app图标的呀,折腾了半天也没搞定,后来救助同事,最后找到了原因。 由于有不确定因素,如果只在xxhdpi中放了app图标,有时会导致个别机型的图标无法正常显示,故要在各种分辨率文件夹(即mdpi...
  • yingpaixiaochuan
  • yingpaixiaochuan
  • 2016-03-17 09:16
  • 3133

Android必知必会-App 常用图标尺寸规范汇总

转自http://blog.csdn.net/ys743276112/article/details/51910874 1. 程序启动图标(icon launcher) 放在mipmap-*dpi下,文件名为ic_launcher.png LDPI (Low...
  • findsafety
  • findsafety
  • 2016-07-29 17:16
  • 1394

Android设计规范-字体字号与图标尺寸

内容部分转载,博主整理 众所周知安卓设备的尺寸众多,不同的分辨率对应不同的dpi模式.分辨率由粗糙到清晰排序: ldpi,mdpi,hdpi,xhdpi,xxhdpi,xxxhdpi(4K分辨率). 其中主流分辨率是hdpi,xdpi,xxhdpi.以后还会普及xxxhdpi和更清晰的分辨率. ...
  • yuanshuaicsdn
  • yuanshuaicsdn
  • 2016-07-11 10:01
  • 6722
    个人资料
    • 访问:306528次
    • 积分:3566
    • 等级:
    • 排名:第10982名
    • 原创:68篇
    • 转载:8篇
    • 译文:3篇
    • 评论:140条
    博客专栏
    文章分类
    最新评论
    样式调整