首页 >> 网页切图

寻找切图外包的工作沟通基础点.9切图法

发布时间:2017年05月10日

互联网营销公司,为了展示产品功能不同体验,常常要策划设计不同产品的网页,并且有专业的网页切图工程师来完成网页切图工作。


为了同时上N种产品网页设计,产品经理心急火燎的催网页设计,网页切图的时候,避免不了把一些网页切图外包,按时完成工作的目的。

初次尝试寻找切图外包工程师的时候,遇到了各种各样的问题,网页切图不兼容各种浏览器,做出来适配总是出错并且耗时较长。如何找到切图外包合适人员,需要找到工作方法中有沟通基础点是关键。

比如,需要3中尺寸的适配,hdpi、xhdpi、xxhdpi,起初只导出一种尺寸来做适配,结果三种尺寸适配上效果都不是很理想,最终决定还是做3种尺寸的适配。

使用的工具:Sketch、Photoshop

方法:

①.需要先准备好需要做成.9的图片(如左图),然后保证圆角等不需要被拉伸的部分不变的情况下缩小整张图(如右图),并导出所需的三种尺寸,画板命名记得添加.9,这样可以节约时间(由于sketch作图,所以这一步用sketch完成,ps亦可,工具选自己常用的就好)



②.打开ps开始制作.9图(本打算都用sketch完成,但是从sketch导出来的图程序无法编译,所以这一步还是用ps完成)

自己用ps写了两个动作,节约了大量的时间,一个是画布相对各扩大1px,然后换成铅笔工具,前景色改为纯黑#000,另外一个是psd格式导出为png。

批处理第一个动作,然后每个图自行点黑点儿(写入动作里的话有误差,手动画相对更精确),保存psd,关闭文件。

完成以上动作后,在批量执行第二个动作,就可以完成啦。


相对来说这样网页切图效率还是蛮快的,手机端预览都非常的完美。3套尺寸用时大概1小时左右(时间还是好长,两步花的时间差不多,各半小时左右)。

 

这样的问题前端切图人员都应该熟练掌握,起码沟通的时候,一说就明白。不会再是小白做切图了。

本文网页地址:http://www.fena.cn/qietu/748.html



上一篇:切图工程师总结的知识结构干货 | 下一篇:没有了

为你推荐的产品服务