前端工程师,请问切图是什么意思?我会写div﹢css已经比较熟练了,js也、jquery这些也学完

JavaScript014

前端工程师,请问切图是什么意思?我会写div﹢css已经比较熟练了,js也、jquery这些也学完,第1张

是的,做前端必须必须会切图,但是 切图 就是PS里面的一步操作,十分简单。QQ截图和PS切图是动作不一样,但是基本上是一样的,QQ是截取,而PS里面有个工具张的像 刀 ,拿着这个刀在图上面画,所以叫切图。

你选择这个工具,选择切片工具,然后:

在图片上这么画上一块儿或者说切上一刀,就叫切图。

然后在选择 文件→储存为web所用格式→在用切图选择工具

把你需要保存的切图那块儿选中,点击存储,

选择选中的切片,在点击保存,就这么先切,在选择,在保存,就完成了切图,但是PS切图比qq截图用着爽多了,因为在PS里面可以将图片放大N倍,在切,在小的图也能切,而且可以一次切很多,也能一次保存很多,所以比QQ截图用着爽。总体来讲比QQ截图专业吧。

切图是设计师交付给开发的产物之一,设计稿完成后,设计师需要将其切成便于制作成页面的图片。但因为开发经常需要不同平台不同尺寸的切图,如果全部由UI来做,不仅费时费力,可能还会因为细微的差距造成开发不能很好的还原设计稿。

所以可以用摹客之类的专业工具来自动切图。UI把Sketch、Adobe XD、PS的设计稿进行切图标记,上传至摹客后,开发就可以自主下载不同平台不同尺寸的切图和使用了。

扩展资料:

切图用于完成html+css布局的静态页面,有利于交互,形成良好的视觉感。通俗来讲,把一张设计图利用到切片工具 把自己所需的切成一张张小图,然后前端开发用DIV+CSS完成静态页面书写,完成CSS布局。

切图大家都有个误区,觉得切图就是把图片切出来,其实并不完全是这样,首先处理的是什么类型的页面图片型(EDM 或活动着陆页等)、图文型(门户网站或电商网站等)、界面型(Web App 等),把图片切出来这个过程是叫切片。

参考资料来源:百度百科-切图