安卓界面设计规范

安卓界面设计规范

ID:12935843

大小:22.23 KB

页数:6页

时间:2018-07-19

安卓界面设计规范_第1页
安卓界面设计规范_第2页
安卓界面设计规范_第3页
安卓界面设计规范_第4页
安卓界面设计规范_第5页
资源描述:

《安卓界面设计规范》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、目前主流的安卓手机分辨率有以下3种:hdpi,对应800*480的手机。主流机型,很多。如小米1,1s三星htc等xdpi,对应1280*720的手机。三星Galaxy系列和华为p6.xxdpi,对应1080*1920的手机。小米手机,华为荣耀手机系列为主加上 htcone。 下面是当面流行的安卓手机的屏幕尺寸和分辨率:小米3和小米4屏幕尺寸和分辨率:    5英寸1920×1080像素魅族MX2屏幕尺寸和分辨率:          4.4英寸1280×800像魅族MX3屏幕尺寸和分辨率:         5.1英

2、寸1800×1080像素HTC one屏幕尺寸和分辨率:        4.7英寸1920×1080像素华为荣耀6屏幕尺寸和分辨率:       5英寸1920×1080像素华为p6屏幕尺寸和分辨率:          4.7英寸1280×720像素华为p7屏幕尺寸和分辨率:          5英寸1920×1080像素什么是屏幕像素密度?屏幕像素密度,即每英寸屏幕所拥有的像素数,英文简称PPI。 在目前我们的安卓APP设计项目当中,我们并不会去为每一种分辨率去设计一套UI界面。这是一种追求完美和理想的状态。小公

3、司肯定是耗不起这样的。所以,这个时候我们需要学会变通。为了适应多分辨率,1:在标准基础(xdpi:1280*720)上开始,然后放大或缩小,以适应到其他尺寸。2:从设备的最大尺寸(xxdpi:1920×1080)开始,然后缩小,并适应到所需的最小屏幕尺寸。有些时候我们也会在实际开发过程中,Android和IOS的设计稿若无太大差异,也可从IOS的分辨率(960*640)开始,再调整设计稿的比例,适应其他分辨率。但是这种方法在切图的时候需要做一些图片的调整。如果不是矢量图的元件需要重新按照1280*720的尺寸设计下

4、。 2、安卓app设计规范之字体和字体大小我们必须知道的安卓设计常识:安卓4.0之后用的字体是Roboto。中文字体:方正兰亭黑体今天跟大家讲解的是在720*1280的基础上的字体设计大小。注释最小字体:       12sp == 24px文本字体:           14sp == 28px文章标题或图标名称: 16sp == 32px导航标题:           18sp == 36px一般android设置长度和宽度多用dip,设置字体大小多用sp.在屏幕密度为160,1dp=1px=1dip,1pt=

5、160/72sp 1pt=1/72英寸.当屏幕密度为240时,1dp=1dip=1.5px.安卓多分辨率解决方案Android的多分辨率,一向是设计师和开发者非常头疼的事儿。尽管如此,对于多分辨造成的复杂问题,也是大家要优先解决的。Android支持多种不同的dpi模式:ldpi、mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi注意,ppi、dpi是密度单位,不是度量单位:*ppi(pixelsperinch):图像分辨率(在图像中,每英寸所包含的像素数目)*dpi(dotsperinch):打印分辨率

6、(每英寸所能打印的点数,即打印精度)dpi主要应用于输出,重点是打印设备上;ppi对于设计师应该比较熟悉,photoshop画布的分辨率常设置为72像素/英寸,这个单位其实就是ppi。尽管概念不同,但是对于移动设备的显示屏,可以看作ppi=dpi。ppi的运算方式是:PPI=√(长度像素数²+宽度像素数²)/屏幕对角线英寸数。即:长、宽各自平方之和的开方,再除以屏幕对角线的英寸数。以iphone5为例,其ppi=√(1136px²+640px²)/4in=326ppi(视网膜Retina屏)对于android手机,

7、一个不确切的分法是,720x1280的手机很可能接近320dpi(xhdpi模式),480x800的手机很可能接近240dpi(hdpi模式),而320x480的手机则很接近160dpi(mdpi模式)。来自友盟指数2014年3月份的数据(戳这里看最新数据):480x800的手机占比最高为31.9%,720x1280的手机占比为16.5%位居第二,而240x320的手机占比最少为1.0%。xxdhpi模式的高分辨率1080x1920手机占比也越来越高,目前为6.1%。2、单位换算方法android开发中,文字大小的

8、单位是sp,非文字的尺寸单位用dp,但是我们在设计稿用的单位是px。这些单位如何换算,是设计师、开发者需要了解的关键。*dp:Density-independentpixels,以160PPI屏幕为标准,则1dp=1px。dp和px的换算公式:dp*ppi/160=px。对于320ppi的屏幕,1dpx320ppi/160=2px。*sp:Scale-ind

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。