随着前端技术的不断演变进化,很多东西名字没变,但早已改头换面了。’切图‘就是其中之一吧。
早期’切图‘是非常形象的比喻,就是用PS把设计稿图切成一块一块,再用DW拼在一起,二一点的直接导出(那时候叫网页制作无可厚非)。
现在的’切图‘是一种思路。看到设计稿,脑子里迅速形成’’切图‘‘思路,哪些平铺、哪些用纯css实现,哪些用png24,哪些合并, UI的层次是怎样的, 模板怎么组织...... ,这是现在的’’切图”方式,是前端工程师必备的最基本能力。而最终只是把必须分离出来的图用PS“切”出来。
分享之前我还是要推荐下我自己创建的web前端学习群:528576461,这是全国最大的web前端学习交流的地方,5000人聚集,不管你是小白还是大牛,小编我都挺欢迎,不定期分享干货,包括我自己整理的一份最新的适合2017年学习的前端资料和零基础入门教程,欢迎初学和进阶中的小伙伴。
切图,前端基本技能!
不仅要会,还要精;
另外,还要和设计师多沟通版面排版、图层、组处理之类技术点。
一张图片响应式处理,根据原稿缩放,还是考虑进去显示分辨率比,图标css spirits还是web font, landscape、portrait版面和图形处理,视觉差效果图片边界,栅格,图形与模块边界(有设计稿华丽丽的不要不要的),图片何种格式、品质、色深,交互效果,高效插件动作…
设计师和产品经理很难考虑到这么全面细致,只有你心思缜密,才能和各工种之间相辅相成。
有回答说是在大公司大项目,前端无切图需求,可轻可略,此念,某是强烈反对的,一个人的处境和从事领域是变幻莫测的。