网站建设的切图要遵顼哪些原则?

2020-10-10 09:29
由 admin 发表
  首先,从整体上来首,进行设计切图输出时是需要跟下游的工程师团队协同工作,在合作时,首先应该确保切图输出能够实现工程师设计效果图的高保真性。同时,切图输出还需要最大可能的降低工程师的开发工作量,避免因切图输出而导致工作量的增大。在输出的切图应需要适当的压缩大小,这样就能够将APP的总大小降低,用户打开的时候更加快捷。因此切图输出一定要精准,并且方便进行协同和压缩大小。
  其次,切图资源尺寸必须为双数。智能手机的屏幕大小都是双数值,像是新推出的iPhone 7的屏幕分辨率是750*1334 px。那么在进行切图资源尺寸也一定要为双数,这样就确保切图资源在工程师开发时是高清显示。因此假如采用了单数切图的话,手机系统就会将切图进行自动的拉升,这样就会使得切图元素边缘模糊,使得开发出来的APP界面效果与原设计效果产生很大的出入。
  第三,在进行图标切图输出时,需要结合标准尺寸输出,并且考虑手机适配,在切图资源输出时,图标切图输出是非常关键的。在开发中由于各机型的屏幕分辨率不一样,需要针对一些大屏机型采取适配。
  通常,为了适配大分辨率手机,图标在切图的时候需要输出@2x和@3x的切图,进行满足,@3x是用来适配iPhone手机的各种plus版本。@3x是@2x尺寸的1.5倍,例如一个图标切图@2x尺寸是44px,那么@3x尺寸是66px。
  第四,为了提升APP使用速度,在设计时一定要尽可能将图片文件大小降低,在切图资源输出中,图标切图是很关键的,像是新手引导页、启动页面、默认图、广告图等。图片切图通常情况下文件大小都比较大,用户在使用app过程中加载页面不够流畅,因此图片切图要尽量压缩图片文件的大小。
Copyright © 2012-2020 赤峰蒙仁信息咨询有限公司 版权所有