ui设计现在以什么尺寸为准,ui设计官网尺寸

首页 > 体育 > 作者:YD1662023-11-17 23:06:31

Android的设计规范及分辨率尺寸

一:设计规范(以720*1280px为准):

注:所有的规范时基于320PPI的,要做其他分辨率的设计图,只需要把720*1280px对应的像素值换成 DP;适应哪个分辨率就,所对应的像素px=dp*比例,例如:240ppi--px=8dp*1.5

画布:720*1280px (5.5英寸)

布局:statusbar:状态栏:50px

navigationbar:导航栏:96px

Tab bar:菜单栏:96px

Content:内容区:1038px

Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,当然高度也是和菜单栏一样的:96px

字体:中文:思源黑体/Noto Sans Han 英文、数字:Roboto

按钮文字,小标题:32px; (16dp)(供参考,具体的根据设计来定)

ui设计现在以什么尺寸为准,ui设计官网尺寸(1)

间距,图标按钮尺寸:左右间距与内容之间的距离:16px; (8dp)

可触摸UI元件的尺寸:96px (最小);(48dp)

默认list高度:96px;(48dp)

每个元素之间的最小间距:16px;(8dp)

界面默认btn的高度:80px; (40dp)

操作栏图标:图像资源大小是:32*32dp=64px

图行区域尺寸是:24*24dp=48px

小图标:图像资源大小是:16*16dp=32px

图行区域尺寸是:12*12dp=24px

ui设计现在以什么尺寸为准,ui设计官网尺寸(2)

按钮状态及样式:按钮状态主要分为普通(normal)、选中(selected)、 按下(highlighted)、不 可点(disabled)四种,大部分按钮都包含了这4种状态。

图标logo:画布:512*512px 圆角:10px

切图大小:36*36px 48*48px 72*72px 96*96px 144*144px192*192px 49*49px

二:Android换算概念:

像素(PX)(pixel): 代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。

不同设备显示效果相同。这里的“相同”是指像素数不会变,比如指定UI长度是 100px,那么不管分辨率是多少UI长度都是100px,也正因为如此才造成了UI在小分 辨率设备上放大而失真,在大分辨率上被缩小。

密度(DP):为解决Android设备碎片化,引入一个概念DP,也就是密度。指在一定尺寸的物理屏幕上显示像素的数量,通常指分辨率。

像素密度(ppi):PPI = Pixels per inch,每英寸上的像素数.

ppi=√(长度像素数2 宽度像素数2)/屏幕对角线英寸数,以三星 Note2 为例,PPI=√(12802 7202)/5.5=267

为了简单起见,Android把屏幕密度分为了四个广义的大小:低(120dpi)、中(160dpi)、高(240dpi)和超高(320dpi)像素= DP * ( DPI / 160 ) 例如,在一个240dpi的屏幕里,1DP等于1.5PX。

分辨率(Resolution):指手机屏幕垂直和水平方向上的像素个数。如分辨率是480*800,则是指设备垂直方向有800个像素点,水平方向有480个像素点。

三:多种屏幕分辨率规格:

ui设计现在以什么尺寸为准,ui设计官网尺寸(3)

ui设计现在以什么尺寸为准,ui设计官网尺寸(4)

ui设计现在以什么尺寸为准,ui设计官网尺寸(5)

欢迎加入UI设计群587751709 一起加油进步!

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.