课程咨询 :13481013014

南宁UI培训 > 达内新闻 > UI设计中的iOS适配原理
  • UI设计中的iOS适配原理

    发布:南宁UI培训      来源:达内新闻      时间:2016-03-11

  • 不得不承认,iOS系统的苹果手机在用户交互这方面做得很好,优质的服务也使得iOS用户越来越多。手机UI 界面设计师整日与手机打交道,就一定要清楚iOS系统的iPhone6iPhone6 Plus的一些适配原理。


    1、主流iphone的分辨率ptpxPPI

    对于6+之前的手机,ptpx的比例为1:2。而6+出来之后,这一比例达到了1:3 。同时分辨率达到了1242×2208(使用ip6+截图,再传到电脑上看,就是这个分辨率),而iphone实际分辨率为1080×1920 。分辨率的比率为1.15:1

    2UI切图到代码

    由于ip6+点(point)和像素(pixel)的关系为13,因此,当UI设计稿基于 1242 x 2208 分辨率iphone6+图给定UI设计稿时,程序员进行实际换算为设计稿的 1/3。随着ip6 的出现,屏幕分辨率也越来越多样化,以前在iOS中很方便的写死坐标法将越来越不好用了。因此需要进行适配。可以对控件间距进行适配,也可以对控件大小本身适配。

    3、机型尺寸适配

    iPhone5s发展到iPhone6+,由于高宽比保持不变,iOS 对图标、图片、字体进行等比放大自适应,清晰度会有所降低。同时,绝对坐标布局会导致在大屏下出现偏左偏上的问题。从分辨率的角度来看,iPhone6沿用二倍图(@2x),但需为iPhone6+提供更高的三倍图(@3x );从屏幕尺寸角度来看,需要重新对UI元素尺寸和布局进行适配,以期视觉协调。可以按宽度、高度和字体适配。

    UI设计课程涉及到的知识很多,就业面也很广,是很多人转型高薪职业的主要选择。

    推荐文章

上一篇:为什么大学没有UI设计专业?

下一篇:UI设计培训助力高薪就业

最新开班日期  |  更多

UI培训免费训练营

UI培训免费训练营

开班日期:

第一阶段 GUI 平面设计

第一阶段 GUI 平面设计

开班日期:

第二阶段 AUI 商业美术

第二阶段 AUI 商业美术

开班日期:

第三阶段 WUI WEB界面设计

第三阶段 WUI WEB界面设计

开班日期:

  • 地址:南宁市科园大道东四路远信大厦
  • 课程培训电话:13481013014     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56