什么是「真正」的切图？
时间：2024-02-16 03:45:01 | 来源：网站运营
时间：2024-02-16 03:45:01 来源：网站运营
什么是「真正」的切图？：古语有云：欲练切图，必先强撸
我理解的网页设计中的切图，有三个境界：
- 能把所有设计稿里出现的图形元素按照基础要求切出来交给前端工程师。
- 对所有切图进行优化，有针对图片输出体积的优化、有利用 CSS Sprite 减少请求的优化、也有针对减少自己后期网站改版升级时候工作量的优化。这部分已经需要很多前段方面的知识了。要让切图也「语义化」必须得和前段配合得很好。
- 从超出「图片」的角度思考并且实现更高阶的效果，比如现在做网页经常需要考虑桌面和移动平台的不同分辨率，使用 Responsive 的布局的话切图应该怎么切，是不是需要切两套；遇到 iPad 或者 rMBP 的高清屏怎么处理网页中的图片以及背景；是否可以应用一些新的技术比如 Web Font、Font Icon、CSS 3 里的新特性来减少网页里的图片等等。
比起网页的切图，移动平台和桌面软件的切图又不一样了，比如可以方便时候用九宫格、不在乎图片数量但同样在乎文件体积等等，所以就像开头所说的，切图自古就不是一件轻松的活儿~
在线咨询
