网页的设计过程中避免不了的要进行切图,特别是网页在APP端显示时,更要利用切图,让整个网站更完美的展示出来。但是到底切图需要遵循哪些原则呢?北京网建公司原创先锋来为大家总结一下经验。
首先,从整体上来首,北京网建公司进行设计切图输出时是需要跟下游的工程师团队协同工作,在合作时,首先应该确保切图输出能够实现工程师设计效果图的高保真性。同时,切图输出还需要最大可能的降低工程师的开发工作量,避免因切图输出而导致工作量的增大。在输出的切图应需要适当的压缩大小,这样就能够将APP的总大小降低,用户打开的时候更加快捷。因此切图输出一定要精准,并且方便进行协同和压缩大小。
其次,切图资源尺寸必须为双数。北京网建公司指出,智能手机的屏幕大小都是双数值,像是新推出的iPhone 7的屏幕分辨率是750*1334 px。那么北京网建公司在进行切图资源尺寸也一定要为双数,这样就确保切图资源在工程师开发时是高清显示。因此假如采用了单数切图的话,手机系统就会将切图进行自动的拉升,这样就会使得切图元素边缘模糊,使得开发出来的APP界面效果与原设计效果产生很大的出入。
第三,北京网建公司在进行图标切图输出时,需要结合标准尺寸输出,并且考虑手机适配,在切图资源输出时,图标切图输出是非常关键的。在开发中由于各机型的屏幕分辨率不一样,需要针对一些大屏机型采取适配。
通常,北京网建公司为了适配大分辨率手机,图标在切图的时候需要输出@2x和@3x的切图,其中@2x的切图能够对双平台大部分机型的适配要求进行满足,@3x是用来适配iPhone手机的各种plus版本。@3x是@2x尺寸的1.5倍,例如一个图标切图@2x尺寸是44px,那么@3x尺寸是66px。
第四,为了提升APP使用速度,北京网建公司在设计时一定要尽可能将图片文件大小降低,在切图资源输出中,图标切图是很关键的,像是新手引导页、启动页面、默认图、广告图等。图片切图通常情况下文件大小都比较大,用户在使用app过程中加载页面不够流畅,因此图片切图要尽量压缩图片文件的大小。
北京网站建设 北京网页设计 网站制作(www.bjycxf.com)