android设计规范
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
• 剪影的,不要太多细节,最细部分不可小于2dp
10
小图标和上下文图标
Icons 16×16dp 或 12×12dp
柔和的颜色,简单的,扁平的,轮廓纤细的
使用中性色做指示,如果需要交互则需要加强与背景的对比
11
通知图标
Icons 24×24dp或22×22dp 扁平的,luncher icon的简化版本 必须为纯白色,系统可能某些情况把它变暗
Android设计规范
1
度量单位
Andriod相关的单位: • px:即像素,单位尺寸内像素点越多,显示的图像就越清楚。单位是px,1px=1个像素点。 • dp:Andriod开发中用于描述尺寸和间距。一种基于屏幕密度的抽象单位。 在像素密度为160dpi的设备上,1dp = 1px。 • sp:和dp一样,只是用于描述字号和行距。 这个跟Android开发工程师相关。我们设计师要 按照设计的单位 px即可。但是标注的时候,必须采用。 • dpi:屏幕密度,表示屏幕每英寸有多少个像素,即屏幕像素密度。
15
华为荣耀6屏幕尺寸和分辨率:5英寸 1920×1080像素
华为p6屏幕尺寸和分辨率:4.7英寸 1280×720像素 华为p7屏幕尺寸和分辨率:5英寸 1920×1080像素
14
Android系统dp/SP/PX换算
Android设计规范中,使用的单位是dp, dp在安卓机上不同的密度转换后的px 是不一样的。
5
Android系统规定使用字号
安卓界面使用的色彩样式
6
sp与px的换算公式:sp*ppi/160 = px
7
Android标准图片尺寸(px)
8
启动图标
移动设备为48DP约8mm:应用程序商店中显示图标 需要512px 轮廓清晰的,具有一些透视的,前上方俯视的效果
9
功能栏图标
• Icons 32×32dp 或 24×24dp
2
度量单位
屏幕密度分类以及对应图标尺寸
48px
72px
96px
144px
小屏
中屏
大屏
特大屏百度文库
3
不同分辨率的兼容问题
设计和制作UI界面时建立画布大小的尺寸建议是xhdpi。(720*1280)
4
字体
安卓4.0之后用的英文字体是Roboto,默认中文字体都是droid sans fallback,是谷歌自己的 字体。与微软雅黑很像,小米miui v5 用的也是这种字体。
12
Android手机图标大小
13
主流Android手机分辨率和尺寸
小米 3和小米4 屏幕尺寸和分辨率:5英寸 1920×1080像素 魅族MX2 屏幕尺寸和分辨率:4.4英寸 1280×800像 魅族MX3 屏幕尺寸和分辨率:5.1英寸 1800×1080像素 HTC one屏幕尺寸和分辨率:4.7英寸 1920×1080像素
10
小图标和上下文图标
Icons 16×16dp 或 12×12dp
柔和的颜色,简单的,扁平的,轮廓纤细的
使用中性色做指示,如果需要交互则需要加强与背景的对比
11
通知图标
Icons 24×24dp或22×22dp 扁平的,luncher icon的简化版本 必须为纯白色,系统可能某些情况把它变暗
Android设计规范
1
度量单位
Andriod相关的单位: • px:即像素,单位尺寸内像素点越多,显示的图像就越清楚。单位是px,1px=1个像素点。 • dp:Andriod开发中用于描述尺寸和间距。一种基于屏幕密度的抽象单位。 在像素密度为160dpi的设备上,1dp = 1px。 • sp:和dp一样,只是用于描述字号和行距。 这个跟Android开发工程师相关。我们设计师要 按照设计的单位 px即可。但是标注的时候,必须采用。 • dpi:屏幕密度,表示屏幕每英寸有多少个像素,即屏幕像素密度。
15
华为荣耀6屏幕尺寸和分辨率:5英寸 1920×1080像素
华为p6屏幕尺寸和分辨率:4.7英寸 1280×720像素 华为p7屏幕尺寸和分辨率:5英寸 1920×1080像素
14
Android系统dp/SP/PX换算
Android设计规范中,使用的单位是dp, dp在安卓机上不同的密度转换后的px 是不一样的。
5
Android系统规定使用字号
安卓界面使用的色彩样式
6
sp与px的换算公式:sp*ppi/160 = px
7
Android标准图片尺寸(px)
8
启动图标
移动设备为48DP约8mm:应用程序商店中显示图标 需要512px 轮廓清晰的,具有一些透视的,前上方俯视的效果
9
功能栏图标
• Icons 32×32dp 或 24×24dp
2
度量单位
屏幕密度分类以及对应图标尺寸
48px
72px
96px
144px
小屏
中屏
大屏
特大屏百度文库
3
不同分辨率的兼容问题
设计和制作UI界面时建立画布大小的尺寸建议是xhdpi。(720*1280)
4
字体
安卓4.0之后用的英文字体是Roboto,默认中文字体都是droid sans fallback,是谷歌自己的 字体。与微软雅黑很像,小米miui v5 用的也是这种字体。
12
Android手机图标大小
13
主流Android手机分辨率和尺寸
小米 3和小米4 屏幕尺寸和分辨率:5英寸 1920×1080像素 魅族MX2 屏幕尺寸和分辨率:4.4英寸 1280×800像 魅族MX3 屏幕尺寸和分辨率:5.1英寸 1800×1080像素 HTC one屏幕尺寸和分辨率:4.7英寸 1920×1080像素