南宁UI培训
达内南宁UI中心

tel:15307715702

热门课程

UI设计中的iOS适配原理

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

不得不承认,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设计培训助力高薪就业

曲佳受邀在IXDC分享设计理念

安卓版微软OneNote启用全新UI设计

中国要有引领世界的创新设计

从设计角度来分析“方便面一包不饱、两包吃不下”

选择城市和中心
贵州省

广西省

海南省

台湾