Ui设计师一般是如何解决，屏幕适配的尺寸问题的?

一般来说，我们把屏幕适配的尺寸问题分成三种尺寸：大、中、小。在应用程序的设计和开发中，必须考虑三个屏幕之间采用何种协作模式。如何提供一套设计方案来解决三屏适应的问题?其基本思想是：选择一个尺寸作为设计和开发的基准;定义一组适应规则，并自动适应其余两个尺寸;特殊的适应效果赋予设计效果。下图显示了市场上常见的苹果手机类型和屏幕尺寸。

首先，选择屏幕适配的尺寸问题作为设计和开发基准，选择iPhone 6作为基准尺寸。在视觉设计中，设计师根据750px的宽度来制作设计草图，除了图片以外的所有设计元素都是通过矢量路径来制作的。设计完成后，在750px设计图上进行标记，并输出标记图。同时，通过放大1.5倍产生宽度为1125px的设计草图，并在宽度为1125px的草图中剪切。

在设计和开发合作过程中，向开发工程师输出两个可交付成果：一个是程序使用的@3x切削资源，另一个是宽度为750px的设计注释图。开发工程师得到了750px的注解图和@3x的裁剪图资源，完成了iPhone 6(375pt)的界面开发。在这个阶段，不允许以固定宽度的方式开发接口，但必须使用自动布局，以便于后续适应其他尺寸。

关于屏幕适配的尺寸问题，根据iPhone 6的界面效果，分别上下调试iPhone 6 plus(414pt)和iPhone 5S及以下(320pt)的界面效果，从而完成了大、中、小三屏的改编。环球网校将会持续更新ui设计的相关资讯及技巧，也可以在文末下载ui设计的灵感素材及图文教程等，我们下期再见!