網(wǎng)頁切片小技巧分享一下哈~
第一,看顏色來切!如果一塊區(qū)域顏色差不多,就幾種色,那就單獨(dú)切出來;要是純色背景,直接用CSS寫背景色就行,不用切圖。顏色漸變的也別慌,多切幾塊,每塊盡量控制在相近色范圍內(nèi),這樣效果更順滑~
第二,切片能小就小!小圖加載快,多個(gè)小圖一起下,比等一個(gè)大圖飛快多了。但關(guān)鍵部分像logo、標(biāo)題這些,最好保持完整別亂拆,不然加載時(shí)容易缺胳膊少腿。圓角啊、邊框啊這些細(xì)節(jié),按實(shí)際顯示區(qū)域切,邊緣對齊很重要。有些圖別直接丟進(jìn)DW完事,記得設(shè)成背景圖更省事。
第三,內(nèi)容要完整!比如一段標(biāo)題文字或者一個(gè)按鈕,別切成兩半分散在不同圖片里,不然以后改字超麻煩,還容易錯位。
總之就是:顏色分清、大小合理、結(jié)構(gòu)完整,切片不翻車~
第一,看顏色來切!如果一塊區(qū)域顏色差不多,就幾種色,那就單獨(dú)切出來;要是純色背景,直接用CSS寫背景色就行,不用切圖。顏色漸變的也別慌,多切幾塊,每塊盡量控制在相近色范圍內(nèi),這樣效果更順滑~
第二,切片能小就小!小圖加載快,多個(gè)小圖一起下,比等一個(gè)大圖飛快多了。但關(guān)鍵部分像logo、標(biāo)題這些,最好保持完整別亂拆,不然加載時(shí)容易缺胳膊少腿。圓角啊、邊框啊這些細(xì)節(jié),按實(shí)際顯示區(qū)域切,邊緣對齊很重要。有些圖別直接丟進(jìn)DW完事,記得設(shè)成背景圖更省事。
第三,內(nèi)容要完整!比如一段標(biāo)題文字或者一個(gè)按鈕,別切成兩半分散在不同圖片里,不然以后改字超麻煩,還容易錯位。
總之就是:顏色分清、大小合理、結(jié)構(gòu)完整,切片不翻車~