Android设计规范-字体字号与图标尺寸
2017-06-01 16:54
253 查看
众所周知安卓设备的尺寸众多,不同的分辨率对应不同的dpi模式.分辨率由粗糙到清晰排序:
ldpi,mdpi,hdpi,xhdpi,xxhdpi,xxxhdpi(4K分辨率).
其中主流分辨率是hdpi,xdpi,xxhdpi.以后还会普及xxxhdpi和更清晰的分辨率.
而在我们app项目的设计和开发中,基于项目成本控制的考虑,并不会去为每一种分辨率去设计一套UI.
这就需要我们有一套设计规范,能在大多数设备上有良好的展现.不会由于字体过小或者图片模糊而影响用户体验.
一.字体字号:
Android
4.0之后使用的英文字体是Roboto,中文字体是方正兰亭黑体.
对于xhdpi设备的字号规范:
导航标题:
18sp=36px
文章标题或图标名称:
16sp=32px
文本字体:
14sp=28px
注释最小字体:
12sp=24px
二.控件尺寸:
控件尺寸是指,图片在app中展现时的尺寸大小.
设计的时候,一般遵循48dp定律:
48dp作为安卓可触摸的UI元件的标准.
一般来说,48dp转化为一个物理尺寸约9毫米.而建议的目标大小为7-10毫米的范围,这是一个用户手指能准确并且舒适触摸的区域.
如果你设计的元素高和宽至少48dp,就可以保证:
(1).触摸目标绝不会比建议的最低目标(7mm)小,无论在什么屏幕上显示.
(2).在整体信息密度和触摸目标大小之间取得了一个很好的平衡.
而每个UI元素之间的空白通常是8dp.
三.图片资源尺寸:
图片资源尺寸是指,图片资源的大小,可以决定app中图片的清晰度.
图片资源多为png格式,因为png可以表现透明效果.jpg不能.
设计规范(单位像素px):
表中空白处,按比例自行脑补.
博主感觉,从减小apk包体积的角度出发,只准备一套最清晰的图片资源就可以了.用来适配所有尺寸的设备.
但是低端机型由于配置问题,在加载过大图片资源的时候会不会产生其他问题(例如OOM)就不得而知了.
ldpi,mdpi,hdpi,xhdpi,xxhdpi,xxxhdpi(4K分辨率).
其中主流分辨率是hdpi,xdpi,xxhdpi.以后还会普及xxxhdpi和更清晰的分辨率.
而在我们app项目的设计和开发中,基于项目成本控制的考虑,并不会去为每一种分辨率去设计一套UI.
这就需要我们有一套设计规范,能在大多数设备上有良好的展现.不会由于字体过小或者图片模糊而影响用户体验.
一.字体字号:
Android
4.0之后使用的英文字体是Roboto,中文字体是方正兰亭黑体.
对于xhdpi设备的字号规范:
导航标题:
18sp=36px
文章标题或图标名称:
16sp=32px
文本字体:
14sp=28px
注释最小字体:
12sp=24px
二.控件尺寸:
控件尺寸是指,图片在app中展现时的尺寸大小.
设计的时候,一般遵循48dp定律:
48dp作为安卓可触摸的UI元件的标准.
一般来说,48dp转化为一个物理尺寸约9毫米.而建议的目标大小为7-10毫米的范围,这是一个用户手指能准确并且舒适触摸的区域.
如果你设计的元素高和宽至少48dp,就可以保证:
(1).触摸目标绝不会比建议的最低目标(7mm)小,无论在什么屏幕上显示.
(2).在整体信息密度和触摸目标大小之间取得了一个很好的平衡.
而每个UI元素之间的空白通常是8dp.
三.图片资源尺寸:
图片资源尺寸是指,图片资源的大小,可以决定app中图片的清晰度.
图片资源多为png格式,因为png可以表现透明效果.jpg不能.
设计规范(单位像素px):
ldpi | mdpi | hdpi | xhdpi | xxhdpi | |
程序启动图标 | 36 x 36 | 48 x 48 | 72 x 72 | 96 x 96 | 144 x 144 |
底部菜单图标 | 36 x 36 | 48 x 48 | 72 x 72 | ||
弹出对话框顶部图标 | 24 x 24 | 32 x 32 | 48 x 48 | ||
长列表内部列表项图标 | 24 x 24 | 32 x 32 | 48 x 48 | ||
底部或顶部tab标签图标 | 24 x 24 | 32 x 32 | 48 x 48 | ||
底部状态栏图标 | 18 x 18 | 24 x 24 | 36 x 36 | 48 x 48 |
博主感觉,从减小apk包体积的角度出发,只准备一套最清晰的图片资源就可以了.用来适配所有尺寸的设备.
但是低端机型由于配置问题,在加载过大图片资源的时候会不会产生其他问题(例如OOM)就不得而知了.
相关文章推荐
- Android设计规范-字体字号与图标尺寸
- 【Android】字体和图标大小设计规范
- iOS设备上的App设计规范,包括尺寸,颜色,字体,图标等
- Android设计规范-字体字号
- Android平台设计规范整理(尺寸+组成元素+字体+滑块)
- Android 图标尺寸设计要求官方地址
- Android屏幕图标尺寸规范
- Android屏幕图标尺寸规范
- Android系统的图标设计规范 icon 大小
- Android,App 常用图标尺寸规范
- Android屏幕图标尺寸规范
- Android系统的图标设计规范 icon 大小
- Android和ios 图标设计 规范
- iOS和Android 界面设计尺寸规范
- Android尺寸标注设计大全和Android切图规范
- Android尺寸标注设计大全和Android切图规范
- Android系统的图标设计规范
- Android可视化开发工具,包括设计GUI,图标ICON,字体等的工具集合
- Android屏幕图标尺寸规范
- Android屏幕图标尺寸规范