苏州设计培训学校
学校服务热线全国服务热线:400-035-8011

苏州专业的UI设计培训班

  什么是ui适配_ui适配原则

  占比5%以上的6个主流分辨率,占比高的是480*800,320*480的设备竟然也占据了很大比例,但是和半年前的数据相比较,中低分辨率(320*480、480*800)的比例在减少,而中辨率的比例则在不断地增加。虽然每个分辨率所占的比例在变化,但是总的趋势没变,还是这六种,只是分辨率在不断地提高。所以说,我们只要尽量适配这几种分辨率,就可以在大部分的手机上正常运行了。当然了,这只是手机的适配,对于平板设备(电视也可以看做是平板),我们还需要一些其他的处理。


  4ios ui适配

  从iPhone3GS/iPhone4(s)过渡到iPhone5(s)时,在逻辑上宽度不变高度稍高,之前旧的素材和布局通过AutoresizingFlexible简单适配即可运行得很好,但由于高宽比增大,上下两端出现黑粗边(典型如LaunchImage)。

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

  (1)按宽度适配

  iPhone4~6(+)的屏幕高宽比:

  iPhone4(s):分辨率960*640,高宽比1.5

  iPhone5(s):分辨率1136*640,高宽比1.775

  iPhone6:分辨率1334*750,高宽比1.779

  iPhone6+:分辨率1920*1080,高宽比1.778

  可粗略认为iPhone5(s)、6(+)的高宽比是一致的(16:9),即可以等比例缩放。这样,共有iPhone3/4/5、6、6+三组宽度,在iPhone6、6+下将按比例横向放大。

  (2)按高度适配

  在同样的宽度下,iPhone4(s)的屏高比iPhone5(s)低,若纵向排版紧张,可以iPhone5(s)为基准,共有iPhone3/4、5、6、6+四组高度,在iPhone3/4下将按比例纵向缩小,在iPhone6、6+下将按比例纵向放大。

  苏州专业的UI设计培训班?天琥秉承着“做负责任的教育,实现学员价值”的办学宗旨,依靠设计、设计总监、艺术院校讲师等强师资阵容和研发实力,培养猎才计划、UI设计、室内设计、平面设计、网页电商设计、营销推广、影视制作、C4D设计、PS合成等人才。先后与百度、欧派、尚品宅配、楷模、凡科股份、华视传媒等上千家企业联合实训培养专项人才.

尊重原创文章,转载请注明出处与链接:http://news.peixun360.com/921712/ 违者必究! 以上就是 苏州设计培训学校 小编为您整理 苏州专业的UI设计培训班 的全部内容。

校区地址

版权所有:培训指南(www.peixun360.com) 技术支持:培训指南网

温馨提示:提交留言后老师会第一时间与您联系!热线电话:400-035-8011