×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

0755 -
82538016
82560826
网站制作资讯

APP项目开发关于切图的标准尺寸

文章编辑:网站建设 文章来源:APP开发 浏览量:

 一个APP项目开发离不开前端设计,那么APP的切图工作最理想的情况是设计人员给iOSAPP和AndroidAPP设计两套图片,为了节约资源,许多设计人员只按iOSAPP的要求提供设计切图和标注尺寸。深圳APP开发公司整理了部分iPhone设备的屏幕尺寸和像素密度见表2-1。
iPhone手机的最小分辨率是320px×480px,把这个尺寸定为基准界面尺寸(baseline),基准尺寸所对应的图片称为1倍图(@1x),其余机型使用的图片按像素密度值与基准尺寸的像素密度值的倍数定为2倍图和3倍图。屏幕像素密度是指每英寸上的像素点数,单位是DPI(DotPerInch);PPI(PixelPerInch)是每英寸像素数。针对显示器的设计,DPI=PPI。计算方法是长宽的像素各自平方之和开方再除以对角线长度(单位英寸),如iPhone5的DPI为/4=326。Android系统将屏幕大小分为以下4个级别。
Small:屏幕尺寸小于3英寸。
Normal:屏幕尺寸小于4.5英寸。
Large:屏幕尺寸4英寸~7英寸之间。
xLarge:屏幕尺寸7英寸~10英寸之间。
  屏幕像素密度与屏幕尺寸和屏幕分辨率有关,即屏幕尺寸越小,分辨率越高,像素密度越大,反之越小。Android设备的部分屏幕尺寸和像素密度见表2-2。
注意:其中的xhdpi按屏幕尺寸为4.5寸计算,DPI为/4.5=326,约为320;XXHDPI的DPI值为480。在iOSAPP中通常内置两套图片:@2x和@3x,而AndroidAPP中通常只内置一套XHDPI的图片。XHDPI对应的分辨率和iPhone5系列的分辨率最接近(像素密度一样),所以设计师可以按iPhone5系列的分辨率做一套@2x的切图,在AndroidAPP中把@2x的图片放在drawable-xhdpi文件夹中就可以了(在4.5寸720px×1280px的手机上适配效果最好,像素密度一样)。在提供APP动态加载的图片时,如电商APP中的商品图片,同样需要考虑不同分辨率的情况。如在@1x和mdpi的情况下,图片显示区域的大小为10px×10px;在@3x和xxhdpi的情况下,图片显示区域的大小变为30px×30px;对于10px×10px的图片,此时要放大显示,就会变得模糊,因此在提供图片的时候,就需要按@3x和xxhdpi的情况,提供最高分辨率的图片,保证在各种分辨率下都能正常显示(高分辨率的图片缩小成低分辨率的图片,图片内容不会变模糊)。好了,APP开发公司本文关于“APP项目开发关于切图的标准尺寸”就分享到这里,谢谢关注,博纳网络编辑整理。
 

当前文章链接:/construction/appkaifa/2205.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。