屏幕适配的尺寸问题然后解决?
【摘要】在屏幕尺寸适配方面,在手机时代,不同的屏幕尺寸、不同的系统、不同的分辨率,迫使界面设计师解决屏幕尺寸适配问题,顺应设计的发展趋势。本篇文章小编将讲述Ui设计师一般是如何解决,屏幕适配的尺寸问题的。
屏幕适配的尺寸问题然后解决?一般来说,我们将屏幕适配问题分为三种尺寸:大、中、小。在应用程序的设计和开发中,您必须考虑在这三个屏幕之间使用哪种协作模式。如何提供一种设计方案来解决三屏改编的问题?其基本思想是:选择一个尺寸作为设计和开发的基准;定义一组自适应规则,并自动适应剩下的两个维度;特殊的适应赋予设计效果。下面的图表显示了市场上常见的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设计的相关资讯及技巧,可以点击本文其他文章进行学习。
就业培训申请领取
环球青藤
官方QQ群扫描上方二维码或点击一键加群,免费领取大礼包,加群暗号:青藤。 一键加群
刷题看课 APP下载
免费直播 一键购课
代报名等人工服务