关于适配与排版关系那些事

发布时间:2016-12-09 编辑发布:迪麦互动

大屏时代的到来,电脑屏幕尺寸不一,加上手机,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.dimaiweb.com/article-show-402

原文地址UI中国






分享至: