IOS的屏幕适配几乎不需要大量的代码操作,更多的时间我们只是动动鼠标选择一下就搞定。可以苹果在这方面做的还是比较人性的,解放了开发者。

首先来说说Iphone这几种屏(由于最近做的是iPhone APP还未涉及到iPad,将来涉及到iPad时会更新)

机型 资源分辨率 屏幕宽高,单位点 屏幕模式
iPhone 3gs 320X480 320X480 1X
iPhone 4s 640X960 320X480 2X
iPhone 5/5c/5s 640X1136 320X568 2X
iPhone 6 750X1334 375X667 2X
iPhone 6 plus 1242X2208 414X376 3X

当面对大中小三种屏幕需要适配的时候,很容易想到先做好一种屏幕,再去适配剩下两种屏幕。第一个决定是到底以哪种屏幕作为设计和开发的基准尺寸。我们选择中间尺寸的iPhone 6(750px/375pt)作为基准,基于几个原因:

1、从中间尺寸向上和向下适配的时候界面调整的幅度最小。375pt下的设计效果适配到414pt和320pt偏差不会太大。假设以414pt为基准做出很优雅的设计,到320pt可能元素之间比例就不是那么回事了,比如图片和文字之间视觉比例可能失调。

2、iPhone 6 plus有两种显示模式,标准模式分辨率为1242x2208,放大模式分辨率为1125x2001(即iPhone 6的1.5倍)。可见官方系统里iPhone 6和iPhone 6 plus分辨率之间就存在1.5倍的倍率关系。很多情况下这两种尺寸可以用1.5倍直接等比适配。

3、1242x2208这个奇葩的数值是苹果官方都不愿意公开宣传的一个分辨率,不便于记忆和计算栅格。640x1136虽然是广泛应用的一个分辨率,但是大屏时代依然以小尺寸为设计基准显然不合时宜,设计师会停留在小屏的视角做设计。

所以,iPhone6的750x1334是最适合基准尺寸。

选定基准尺寸后,为了不让750x1334分辨率的图片在iphone 6 plus上放大太多出现模糊的情况,我们采750x1334的1.5倍(1125x2001)作为设计尺寸.UI工程师在设计UI时,所有尺寸均为3的倍数,在程序需要设置图片大小时,用图片的像素除以3.即得到程序需要的点单位数.图片处理可以用prepo这个工具自动生成@2x @3x图片。

注:因为3gs现在设备较少,所以我们一般支持到2x和3x模式就可以了,即750x1334和1125x2001

最新文章

  1. mysql测试题
  2. 实用SQL语句大全
  3. canvas缓动3
  4. Mysql Concat()bug
  5. 让.NET 4.0支持TLS1.2协议
  6. enum to IEnumerable<T>
  7. cdoj 15 Kastenlauf dfs
  8. What are TCHAR, WCHAR, LPSTR, LPWSTR, LPCTSTR (etc.)?
  9. 自己写的Ext树,Ext3.4,静态全部加载
  10. Linux系统服务 1 ---- rSyslog日志服务
  11. MyBatis动态SQL与模糊查询
  12. http性能测试工具wrk源码学习之开篇
  13. Linux进程-命令行参数和环境列表
  14. rsyncd 配置使用
  15. [Java] 绕过证书验证调 HTTPS 接口时报 “SSLHandshakeException: DHPublicKey does not comply to algorithm constraints”的解决办法
  16. java基础-day11
  17. VB控件 与 引用或部件
  18. mysql数据库优化 pt-query-digest使用
  19. layer-list:Android中layer-list使用详解
  20. 学习笔记之.NET Core

热门文章

  1. TensorFlow框架(2)之TensorBoard详解
  2. SpringMVC获取页面数据乱码的解决get/post
  3. Spring详解(三)------DI依赖注入
  4. NOSQL EYE开源
  5. switch_to 家族
  6. TX2017秋招笔试题之编码
  7. 谈谈.NET,Java,php
  8. vue引入echarts、找不到的图表引入方法、图表中的点击事件
  9. C#大量数据导出到Excel(转)
  10. C语言中复数运算及调用blas,lapack中复数函数进行科学计算