欢迎来到培训无忧网!

全国切换

咨询热线 400-001-5729

位置:培训无忧网 > 新闻资讯 > 电脑/IT > UI设计 >  学习UI设计如何解决屏幕适配尺寸问题

学习UI设计如何解决屏幕适配尺寸问题

来源:培训无忧网 发布人:星星

2022-02-24 11:48:56|已浏览:212次

如何解决屏幕适配尺寸

       关于屏幕适配的尺寸问题,由于是手机时代,不同的屏幕尺寸、不同的系统和不同的分辨率迫使界面设计者解决屏幕尺寸的适配问题,顺应设计的发展趋势。本篇文章将讲述UI设计师一般是如何解决,屏幕适配的尺寸问题的。

       一般来说,我们把屏幕适配的尺寸问题分成三种尺寸:大、中、小。在应用程序的设计和开发中,必须考虑三个屏幕之间采用何种协作模式。如何提供一套设计方案来解决三屏适应的问题?其基本思想是:选择一个尺寸作为设计和开发的基准;定义一组适应规则,并自动适应其余两个尺寸;特殊的适应效果赋予设计效果。
       首先,选择屏幕适配的尺寸问题作为设计和开发基准,选择iPhone 6作为基准尺寸。在视觉设计中,设计师根据750 px的宽度来制作设计草图,除了图片以外的所有设计元素都是通过矢量路径来制作的。设计完成后,在750 px设计图上进行标记,并输出标记图。同时,通过放大1.5倍产生宽度为1125 px的设计草图,并在宽度为1125 px的草图中剪切。

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

       关于屏幕适配的尺寸问题,可根据iPhone 6的界面效果,分别上下调试iPhone 6 plus(414 pt)和iPhone 5S及以下(320 pt)的界面效果,从而完成大、中、小三屏的改编。

      注:尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-23220.html 违者必究!部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们,了解更多相关资讯请关注UI设计频道查看更多,了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多:150 3333 6050

留下你的信息,课程顾问老师会一对一帮助你规划更适合你的专业课程!
  • 姓名:

  • 手机:

  • 地区:

  • 想学什么:

  • 培训无忧网
免 费 申 请 试 听
提交申请,《培训无忧网》课程顾问老师会一对一帮助你规划更适合你的专业课程!