什么是「真正」的切圖？
時(shí)間：2024-02-16 03:45:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2024-02-16 03:45:01 來源：網(wǎng)站運(yùn)營
什么是「真正」的切圖？：古語有云：欲練切圖，必先強(qiáng)擼
我理解的網(wǎng)頁設(shè)計(jì)中的切圖，有三個(gè)境界：
- 能把所有設(shè)計(jì)稿里出現(xiàn)的圖形元素按照基礎(chǔ)要求切出來交給前端工程師。
- 對(duì)所有切圖進(jìn)行優(yōu)化，有針對(duì)圖片輸出體積的優(yōu)化、有利用 CSS Sprite 減少請(qǐng)求的優(yōu)化、也有針對(duì)減少自己后期網(wǎng)站改版升級(jí)時(shí)候工作量的優(yōu)化。這部分已經(jīng)需要很多前段方面的知識(shí)了。要讓切圖也「語義化」必須得和前段配合得很好。
- 從超出「圖片」的角度思考并且實(shí)現(xiàn)更高階的效果，比如現(xiàn)在做網(wǎng)頁經(jīng)常需要考慮桌面和移動(dòng)平臺(tái)的不同分辨率，使用 Responsive 的布局的話切圖應(yīng)該怎么切，是不是需要切兩套；遇到 iPad 或者 rMBP 的高清屏怎么處理網(wǎng)頁中的圖片以及背景；是否可以應(yīng)用一些新的技術(shù)比如 Web Font、Font Icon、CSS 3 里的新特性來減少網(wǎng)頁里的圖片等等。
比起網(wǎng)頁的切圖，移動(dòng)平臺(tái)和桌面軟件的切圖又不一樣了，比如可以方便時(shí)候用九宮格、不在乎圖片數(shù)量但同樣在乎文件體積等等，所以就像開頭所說的，切圖自古就不是一件輕松的活兒~
在線咨詢