一.移动UI载体怕屏幕

视网膜屏幕(Retina screen):

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

1.DPI和PPI的区别

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

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

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

注意:

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

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

屏幕密度:

UI——day2.android设计规范
UI——day2.android设计规范

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

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

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

UI——day2.android设计规范

二.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 提示性文字

UI——day2.android设计规范

3.间距:1.3—1.5倍

4.颜色

​ 主文:#333333

​ 副文:#666666

​ 提示文#999999

相关文章:

  • 2021-12-15
  • 2021-08-13
  • 2021-10-01
  • 2021-12-05
  • 2021-10-18
  • 2021-12-03
  • 2021-06-04
猜你喜欢
  • 2021-05-02
  • 2021-12-15
  • 2021-12-15
  • 2021-05-22
  • 2021-04-05
  • 2021-12-05
  • 2021-08-11
相关资源
相似解决方案