課程
/產(chǎn)品設(shè)計(jì)
/設(shè)計(jì)工具
/前端工程師必備的PS技能——切圖篇
我想知道到底是怎么切的?傳統(tǒng)切圖好像老師都是說(shuō)的理論
2015-12-23
源自:前端工程師必備的PS技能——切圖篇 5-1
正在回答
老師不是切好了嗎,你沒(méi)認(rèn)真看吧
切圖是指將設(shè)計(jì)稿切成便于制作成頁(yè)面的圖片,并完成html+css布局的靜態(tài)頁(yè)面,通俗來(lái)講,把一張?jiān)O(shè)計(jì)圖 利用到切片工具 把自己所需的切成一張張小圖,然后用DIV+CSS完成靜態(tài)頁(yè)面書(shū)寫(xiě),完成CSS布局。
切圖大家都有個(gè)誤區(qū),覺(jué)得切圖就是把圖片切出來(lái),其實(shí)并不完全是這樣,把圖片切出來(lái)這個(gè)過(guò)程是叫切片。
切圖的目的:第一個(gè)是讓網(wǎng)頁(yè)稿有了交互性,實(shí)現(xiàn)你平時(shí)看到的各種各樣的功能。
第二個(gè)是體積,所以切圖時(shí)候一定注意少用圖片工具:主流是dreamweaver,也有公司自己開(kāi)發(fā)平臺(tái)進(jìn)行制作的。
采用div+css布局更能減小網(wǎng)頁(yè)體積 是表現(xiàn)與內(nèi)容分離。
切,代表前端!
舉報(bào)
前端開(kāi)發(fā)需要的Photoshop技巧,結(jié)合實(shí)際例子教會(huì)大家如何操作
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-02-11
老師不是切好了嗎,你沒(méi)認(rèn)真看吧
2015-12-23
切圖是指將設(shè)計(jì)稿切成便于制作成頁(yè)面的圖片,并完成html+css布局的靜態(tài)頁(yè)面,通俗來(lái)講,把一張?jiān)O(shè)計(jì)圖 利用到切片工具 把自己所需的切成一張張小圖,然后用DIV+CSS完成靜態(tài)頁(yè)面書(shū)寫(xiě),完成CSS布局。
切圖大家都有個(gè)誤區(qū),覺(jué)得切圖就是把圖片切出來(lái),其實(shí)并不完全是這樣,把圖片切出來(lái)這個(gè)過(guò)程是叫切片。
切圖的目的:第一個(gè)是讓網(wǎng)頁(yè)稿有了交互性,實(shí)現(xiàn)你平時(shí)看到的各種各樣的功能。
第二個(gè)是體積,所以切圖時(shí)候一定注意少用圖片工具:主流是dreamweaver,也有公司自己開(kāi)發(fā)平臺(tái)進(jìn)行制作的。
采用div+css布局更能減小網(wǎng)頁(yè)體積 是表現(xiàn)與內(nèi)容分離。
切,代表前端!