能否用通俗語(yǔ)言講一下web前端講的“切圖”到底是什么意思?
時(shí)間:2024-02-16 04:25:01 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2024-02-16 04:25:01 來(lái)源:網(wǎng)站運(yùn)營(yíng)
能否用通俗語(yǔ)言講一下web前端講的“切圖”到底是什么意思?:樓上的解釋真的是……反正我是沒(méi)看懂
首先設(shè)計(jì)師給了psd之后,前端分析一下布局,然后把其中需要用到的圖片或者圖標(biāo)用ps的切片工具分割好,然后點(diǎn)擊左上角
[文件 ] —[ 保存為web模式]
就會(huì)得到一個(gè)images的文件夾,里面是一些零散的圖片(就是你分割的那些)。然后前端開(kāi)始寫(xiě)代碼,一般純色的背景或者按鈕 和一些系統(tǒng)自帶的文字都是可以直接用代碼打出來(lái)的,就那樣用代碼一點(diǎn)一點(diǎn)的組成、還原設(shè)計(jì)師設(shè)計(jì)的網(wǎng)頁(yè),其中的一些icon和圖片自然是沒(méi)辦法用代碼寫(xiě)出來(lái)的,所以需要用到之前切好的那些圖片和圖標(biāo),一起拼上去。拼成一個(gè)完整的網(wǎng)頁(yè),然后還可以給那些圖標(biāo)添加一些代碼,使得使用者點(diǎn)擊它的時(shí)候可以執(zhí)行一些動(dòng)作,比如有趣的動(dòng)效,或者彈出一個(gè)神奇的窗口等等。
啊~好通俗易懂啊~