確定設(shè)計(jì)稿,然后交給網(wǎng)頁前端的人員進(jìn)行網(wǎng)頁的制作,把靜態(tài)的PSD文件切成html的靜態(tài)頁面,然后加上相應(yīng)的效果,后交給程序完善后的程序代碼工作。我今天要說的是切圖這方面的事情,應(yīng)該注意的一些細(xì)節(jié)問題。
網(wǎng)頁設(shè)計(jì)師把一個整體的psd交給我們前段人員的時候一定不要急于的去切圖,一定要想要先整體的瀏覽一下,做到心里有數(shù),整體的把控是非常重要的事情,我們知道網(wǎng)頁無非由一些基本模塊組成,每一種基本模塊在UI設(shè)計(jì)上,不同的應(yīng)用實(shí)例是否元素一致,包括字型、字號、顏色、按鈕顏色、按鈕形狀、按鈕功能、提示文字、行距等。說來容易,執(zhí)行的時候很多設(shè)計(jì)師會有一些隨意的想法,可能某些想法是挺好的,但是我們必須執(zhí)行統(tǒng)一的界面標(biāo)準(zhǔn)。設(shè)想windows里面,如果不同的窗口關(guān)閉按鈕在不同的地方,并且顏色還不一樣,這會是什么樣混亂的狀況。命名的準(zhǔn)確性,也是前端人員應(yīng)該注意的問題,切圖后把個元素放到相應(yīng)的文件夾后,圖片等相關(guān)元素命名要符合div+css的命名規(guī)范,以備后邊程序在后臺看代碼的時候有較高的效率,及代碼的規(guī)范程度。
顏色范圍:如果一個區(qū)域中顏色范圍不大,只有幾種顏色,那么應(yīng)該單獨(dú)切出,如果只有一種顏色,就應(yīng)該象劍氣所說,切片后選擇HTML類型,在DW中改背景顏色來達(dá)到目的;如果顏色數(shù)量比較多,漸變過渡多一些,應(yīng)該把切片數(shù)量切的多一些,盡量把單個切片控制在一個顏色范圍的輪廓內(nèi);
切片大?。呵衅哪康闹饕羌涌煜螺d進(jìn)度,讓多個圖片同時下載而不是只下載一個大圖片,所以切片大小要根據(jù)需要來切,標(biāo)志LOGO等主要部分盡量切在一個切片內(nèi),防止顯示遇到特殊情況時顯示一部分,圓角表格部分要根據(jù)顯示區(qū)域的大小來切,控制好邊緣和邊角,有時候切出來的切片并不是直接插入到DW了事,而需要在DW中編輯,比如有的圖片應(yīng)該設(shè)置成背景圖片;
導(dǎo)出類型:顏色單一過渡少的,應(yīng)該導(dǎo)出為GIF,顏色過渡比較多,顏色豐富的應(yīng)該導(dǎo)出為JPG,有動畫的部分應(yīng)該導(dǎo)出為GIF動畫;
企業(yè)網(wǎng)站建設(shè)一條龍
找零度飛易網(wǎng)絡(luò)公司-fslingdu所做php
網(wǎng)站建設(shè)方案、
網(wǎng)站設(shè)計(jì)、
網(wǎng)站制作由
北京上海深圳龍崗衢州蘭州常州東營南通濟(jì)寧桂林淮安煙臺長春無錫天津昆山蘇州合肥貴洛陽昆明天津唐山泉州惠州萬州新鄉(xiāng)商丘臺州哈爾濱太原攝影???/strong>隨州學(xué)校商丘廣東湖南廣西江西海南廣州企業(yè)中小企業(yè)武漢南山羅湖福田虎門肇慶汕尾汕頭廣州佛山成都杭州濟(jì)南重慶福州西安廈門昆山沈陽青島徐州鄭州南京寧南寧長沙大連淄博石家莊南昌溫州珠海番禺順德南三水高明中山東莞合肥江門嘉興西寧大良容桂倫教勒流陳村均安杏壇龍江樂從北滘祖廟石灣南莊等地區(qū)企業(yè)網(wǎng)站建設(shè)(廣告)公司提供專業(yè)做網(wǎng)站價格規(guī)劃書及營銷型網(wǎng)站制作,網(wǎng)站建設(shè)基礎(chǔ)知識