MasterGo切图功能价值大赏造就

北京哪个酒渣鼻医院好 http://m.39.net/pf/a_8733705.html

当前端收到一张设计稿的时候,他们随即需要考虑非常多的问题,首先第一个摆在面前的就是切图。切图是指添加了导出项的图层,通过设置倍率、前缀/后缀的方式生成和导出png、jpg、webp、pdf等不同类型图片。

切图这一技术诞生的背景与网速有着十分密切的联系。将一张大图切分为几个小部分,由于每部分都相对较小,在相同的带宽下网速便会有一定的提升。因此,切图是为了保证在网速差的环境下,页面也能很好很快的呈现。

另外,切图还可以高度还原个性化设计。无论是移动端还是网页端设计,为了更好吸引用户目光、拉开与竞品的差异,设计师往往会做一些特别的设计,页面中有大量的精致的图标和特殊造型的装饰元素,这些东西工程师无法用代码实现,便需要设计师将其切出来以图片的形式置于页面之上。

在切图刚被广泛应用的时候确实引起了不小的轰动,UI和前端工程师的沟通顺畅度提升了不止一个等级。不过随着越来越广泛的应用,渐渐的,普通的切图功能开始无法满足于项目的需求。比如一张UI图无法适配多种界面开发,需要重复导出不同参数的切图。为了解决这些问题,MasterGo进行了一次次的功能升级。

使用MasterGo的切图功能,把设计稿中的部分元素切成便于制作为页面的图片,并标注好尺寸和间距,交付给前端来完成html+css布局的静态页面,切图让交互的视觉效果更好。

MasterGo上线切图,旨在为产研团队提供更高效的交付方式。MasterGo提供预设切图参数功能,支持Android、iOS、Flutter设备的尺寸、倍率、前后缀、格式等不同类型的切图导出。设计师不用单独制作不同参数类型的切图,再打包交付给开发了,在MasterGo上,一图即可满足多设备、多尺寸使用需求,帮助设计师更高效地交付设计稿。

对设计师而言,MasterGo的切图功能可以快速满足一图多设备、多尺寸的使用需求,支持根据不同设备导出不同尺寸命名的图片;而对于前端而言,它会让交付变得更简单,更易,对二者而言皆是双赢。




转载请注明:http://www.aierlanlan.com/rzgz/5452.html