切图这项流程在制作页面中所站的地位是很高的,不能小看了切图,肯定有人会说:我觉得切图很简单啊,唰,一刀,唰,一刀...如果你觉得这样子的话,我就只能呵呵了。为啥我说切图地位很重要了?因为在你切图之前,你必须要对效果图有一个很深的认识:
1、你要了解效果图中的操作逻辑,设计逻辑
2、然后对效果图中的各个元素和部位都做一个大概的分析:哪里我可以写成公共部分,哪里我花的时间较长,哪里的特效比较复杂
3、这都有一个初步的认识后,你开始切图:在切图的过程中,你还要想:图标我该怎么切,切出来的格式什么,这里我改用图片还是CSS代码来实现,这里的结构该怎么写方便以后扩展,方便JS来操作DOM...
所以我现在看一个页面写的好不好,基本上就可以从他怎么切图看出来。如果一个有经验的前端,他切的图肯定是相当清晰的,对了,还有切出来的图的命名,嗯,这个也是一个很重要的,方便一眼看出这个图片放在哪里的。
怀恋一下切图的日子:还是在兼容IE6+的时代,圆角是靠切的,阴影是靠切的,渐变是靠切的,各种各样的图片是需要处理png24的兼容性的。
写CSS要记住的几点:重用、扩展、维护