2年前 (2015-11-16)  设计教程 |   2 条评论  0 
文章评分 0 次,平均分 0.0

  Android 和 iPhone、iPad以及主流手机屏幕的分辨率和相关设计尺寸规范。

  初涉移动端设计和开发的同学们,基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也不废话了,直接上图,右键“在新标签页中打开图片”看大图

最新手机APP UI设计尺寸规范

iPhone

  iPhone的屏幕尺寸各不相同,我说的是逻辑像素尺寸,这确实是让人很头疼的事情。如果想用一套设计涵盖所有iPhone,就要选择逻辑像素折中的机型。

  从市场占有率数据来看,目前最多的是iPhone5/5s的屏幕。倍率为2,逻辑像素320x568。上升势头最猛,未来有望登上第一的是iPhone 6的屏幕。倍率为2,逻辑像素375x667。

  按照这两种尺寸来设计,都是比较主流的做法。可以兼顾短一些的iPhone 4s,大一点的6 plus也不会过于空旷。

  不过在切图的时候要注意,由于iPhone 6 plus的3倍图是由2倍图放大而来,所以位图要注意保证清晰。

Android

  都说Android碎片化严重,但它现在反而比iOS好处理。因为如今的Android屏幕逻辑像素已经趋于统一了:360x640,就看你设成几倍了。想以xhdpi为准,就把DPI设成72x2=144。想以xxhdpi为准,就把DPI设成72x3=216。

  对于那些比较老的低端机,宽度是480px的那批,画面确实会小一些,显示内容会更少。稍微留意一下,重要内容尽量保持在界面中上部分。

  当然,这些机型不出一年就会被边缘化,基本淘汰。现在能运转的也是当作功能机在用,软件多了必卡无疑,用户体验无从谈起。不作考虑也是OK的。

 

除特别注明外,本站所有文章均为氧16网原创,转载请注明出处来自http://yang16.com/8736.html

关于
氧16是专注于分享设计、摄影的原创独立博客,立志打造成为中国优质的设计摄影分享平台。文章涉及平面设计、交互设计、设计教程、创意广告、美图插画和优秀摄影作品

发表评论

表情 格式
  1. 辛苦!辛苦!!!

    惠茜 评论达人 LV.1 2年前 (2015-12-05) [0] [0]
  2. 每年都得变

    氧16 评论达人 LV.7 2年前 (2015-11-23) [0] [0]

登录

忘记密码 ?

切换登录

注册

扫一扫二维码分享