安卓的设计规范及分辨率尺寸

来源:网络   作者:热心网友   发布时间:2017-06-12    浏览次数:280

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


推荐阅读》《2015年最新移动App界面尺寸规范》《UI设计尺寸规范大全》《Android UI界面设计规范


一:设计规范(以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)(供参考,具体的根据设计来定)


7044591be7a3a801216a3e7f3192.jpg


间距,图标按钮尺寸:左右间距与内容之间的距离: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


6425591be832b5b3086ed419ce1b.jpg


按钮状态及样式:按钮状态主要分为普通(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个像素点。 



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









联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:规范适配

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/6032.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通