苹果公司一年一度的新品发布会落下帷幕，其中iPhone系列最受瞩目。本次手机新品除了我们“熟知”的8和8plus，还推出了iPhone X。作为设计师，关系的无非两点：价格和设计尺寸的变化。至于价格就不多说了，自己体会吧。
一.原生开发
iPhone X的尺寸是1125x2436像素，对数字敏感的人，可以发现1125是750的1.5倍，375的3倍，即可以适配@3x。
从上图可知，iPhone X与plus系列共用一套切图，即@3X。你的设计稿尺寸选择750x1334px, 那么对应输出@2x和@3x即可。
二.H5开发
移动端网页，即俗称H5，适配方式不同于原生开发，均为“等比缩放”。那么，等比缩放原理即宽高比不变，面对如此之多的机型，iPhone X是否完美适配呢？
从表格中很明显看出，iPhone X与其他机型的比例还是有不对等的。如果你的设计稿是750x1334px, 那么常规的“等比缩放”将不能完美适用。如何解决，官方也有一些答案，如下图，可以适配高度，不过两边将会被裁剪（图中红色部分）; 若适配宽度，则上下有留白，活动专题页可以用底色填充。究竟什么方法，具体问题具体解决比较好。
iPhone X不仅给我们带来适配上的改变，还有一些全新的交互方式，大家看看资料，有机会的多用用，用来提升自身产品的用户体验。当然，最重要的改变还是价格...
网友评论