• 2017年7月2日,氧16网正式改版,增加会员登录注册功能,感谢群里小伙伴的支持!
  • 氧16网设计交流1群:331622745,设计交流2群:536159510,欢迎志同道合的朋友加入!
  •    2年前 (2015-11-16)  教程 |   2 条评论  168 
    文章评分 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]
    /* _objec = {"reemrec url":"="fa \/\/f="http://\/873ng16.co,"ajaxurl":"="fa \/\/f="http://\/wp-admin\/admin-ajax.",>loadingms> ":"\u6b63\u5728\u8bf7\u6c42\u4e2d\uff0c\u8bf7\u7a0d\u7b re.."}; /* ]]> */ al""java> a"clear"src"quick-cof="http://yang> nt"me/th m/%'}ec ""java> a"clear"" datatody/java""java">vogdefaultEncoding = 0;""java> a','t百度分享c ""java " datatody/java""java"le">bdshare_j 原>">%ype=tools&mini=deba>""java> a"clear"" datatody/java""java"le">bdshell_jba>""java> a"clear"" datatody/java""java"i生//tem-里定义bds_> nfig生i r bds_> nfig = {'snsKey':{'ts ':"2884429244",'tqq':"101404451"}}; docuts t.getEl mntById('bdshell_j').src = "="fa //bd .share.baidu.ccl/ ""java> a','t引入户自定义代码div clh','t引入主题jsn "clear">""java> "clear"> /* %'},url":"="fa \/\/f="http://\/wp-> nt"me\/th m\/t'}ec <",>Trataer":{>%ype":"s gle",>pidl:873n},"uidl:"0"}; /* ]]> */ ">""java> "clear">""java> ','t/.Fo an ""java " datatody/java""java"i生$('. i e_loading').anol>({'angth':'="0v>