当前位置: 首页 > UI设计 > UI设计实战技能 > UI设计框架设计 > 屏幕适配的尺寸问题然后解决?

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

发布时间:2020年08月04日 02:13:58 来源:环球青藤 点击量:686

【摘要】在屏幕尺寸适配方面,在手机时代,不同的屏幕尺寸、不同的系统、不同的分辨率,迫使界面设计师解决屏幕尺寸适配问题,顺应设计的发展趋势。本篇文章小编将讲述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 直播、听课。职达未来!

安卓版

下载

iPhone版

下载
环球青藤官方微信服务平台

刷题看课 APP下载

免费直播 一键购课

代报名等人工服务

课程咨询 学员服务 公众号

扫描关注微信公众号

APP

扫描下载APP

返回顶部