UI——day2.android设计规范

一.移动UI载体怕屏幕

视网膜屏幕(Retina screen):

​ 分辨率超过人眼识别极限的高分辨率屏幕

1.DPI和PPI的区别

DPI (Dots Per Inch) :点数密度,所表示的是每英寸所拥有的点数量。(安卓)
​ DPI数值越高,即代表显示屏能以越高的密度显示图像。

PPI (Pixels Per Inch):像素密度,所表示的是每英寸所拥有的像素数量。(ios)

PPI数值越高,即代表显示屏能够以越高的密度显示图像。

注意:

​ PS中所说的分辨率跟屏幕的分辨率不是同一个东西!!!

​ 屏幕分辨率指的是屏幕密度

屏幕密度:

在这里插入图片描述
在这里插入图片描述

2.Android手机的主流尺寸及分辨率

​ a.XHDPI:320dpi(720px*1280px)

​ b.XXHDPl:480dpi(1080px*1920px)

在这里插入图片描述

二.Android尺寸规范

1.状态栏高度:50px

2.导航栏高度:96px

3.标签栏:96px

4.“白色”背景

​ 1)#f5f5f5

​ 2)#eeeeee

​ 3)#efefef4

5.分隔线: 1px #000000 #dddddd、#cccccc 不透明度10%

6.卡片之间间隙:20px

7.列表高:100-120px

注意:尺寸一般为偶数!!!

4.Android的图标

1)启动图标

​ 启动图标的设计尺寸:512——圆角:90px(其他等比缩放)

​ 不同应用场景的图标尺寸:

​ a)主屏幕/应用商店:96px

​ b)设置:48px

​ c)导航栏/标签栏/工具栏:48px

2)功能图标

三.Android字体规范

1.种类:Android官方字体:思源黑体

2.字号:

​ 导航栏:36-38px 主题副标题

​ 正文:28-34px 说明性文字

​ 标签栏:22-24px 提示性文字

在这里插入图片描述

3.间距:1.3—1.5倍

4.颜色

​ 主文:#333333

​ 副文:#666666

​ 提示文#999999

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值