屏幕适配的尺寸问题然后解决?

环球青藤 2020/08/04 02:13

屏幕适配的尺寸问题然后解决?一般来说,我们将屏幕适配问题分为三种尺寸:大、中、小。在应用程序的设计和开发中,您必须考虑在这三个屏幕之间使用哪种协作模式。如何提供一种设计方案来解决三屏改编的问题?其基本思想是:选择一个尺寸作为设计和开发的基准;定义一组自适应规则,并自动适应剩下的两个维度;特殊的适应赋予设计效果。下面的图表显示了市场上常见的iphone型号和屏幕尺寸。

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

在设计开发协作过程中,向开发工程师输出两个交付物:程序使用的@3x切割资源和750px设计注释。开发人员获得了750px注释图和@3x剪切图资源,完成了iPhone 6(375PT)接口开发。在这个阶段,不允许以固定宽度的方式开发接口,但是必须自动地进行布局,以便以后能够适应其他维度。

关于屏幕适配的尺寸问题,根据iPhone 6的界面效果,分别上下调试iPhone 6 plus(414pt)和iPhone 5S及以下(320pt)的界面效果,从而完成了大、中、小三屏的改编。环球网校将会持续更新ui设计的相关资讯及技巧,可以点击本文其他文章进行学习。

免费直播

    精选课程 更多

    注册电脑版

    版权所有 2003-2020 广州环球青藤科技发展有限公司