大屏时代的到来,电脑屏幕尺寸不一,加上手机,IPAD越来越大,分辨率越来越高,不同机型屏幕尺寸各有不同,在这种情况下如何做好排版和适配,是我们UI设计师和开发人员必须要正视的题目,知足大众所需是根本。
??????今上帝要分析APP的界面适配,都知道IOS的尺寸固定,数量少,先从这里入手,再适配安卓。??????
原图
??????
iPhone6/6s 尺寸:750*1334px 状况栏40px 导航栏88px 标签栏98px
??????
????????
iPhone5/5c/5s 尺寸:640*1136px 状况栏40px 导航栏88px 标签栏98px
????????
??????????????iPhone4/4s 尺寸:640*960px 状况栏40px 导航栏88px 标签栏98px??????????????
??????
iPhone6plus/6splus 尺寸:1080*1920px(设计尺寸:1242*2208px) 状况栏60px 导航栏132px 标签栏146px
??????
??????????Android 尺寸:720*1280px 状况栏50px 导航栏88px 标签栏96px(我是从ip6进行适配的)??????????
????????????Android 尺寸:1080*1920px 状况栏50px 导航栏88px 标签栏96px(我是从ip6p进行适配的)????????????
??总结:适配题目就是简单的排版武汉网站制作,因为尺寸大小的不同成都人事考试,必要控制间距,图片大小,字体大小,在内容雷同的同时给所有效户获得雷同的信息。??
本文链接http://www.esmo.cn/dimaiweb3564/article-show-402
原文地址UI中国