佛山網(wǎng)頁設(shè)計(jì)公司分享切圖時(shí)應(yīng)注意的問題

如果你是一個(gè)了解網(wǎng)站建設(shè)行業(yè)的人來講定知道網(wǎng)站建設(shè)公司的建站流程，那我們就來說說目前佛山網(wǎng)站建設(shè)公司的建站流程吧：也就是先和客戶溝通
確定設(shè)計(jì)稿，然后交給網(wǎng)頁前端的人員進(jìn)行網(wǎng)頁的制作，把靜態(tài)的PSD文件切成html的靜態(tài)頁面，然后加上相應(yīng)的效果，后交給程序完善后的程序代碼工作。我今天要說的是切圖這方面的事情，應(yīng)該注意的一些細(xì)節(jié)問題。

網(wǎng)頁設(shè)計(jì)師把一個(gè)整體的psd交給我們前段人員的時(shí)候一定不要急于的去切圖，一定要想要先整體的瀏覽一下，做到心里有數(shù)，整體的把控是非常重要的事情，我們知道網(wǎng)頁無非由一些基本模塊組成，每一種基本模塊在UI設(shè)計(jì)上，不同的應(yīng)用實(shí)例是否元素一致，包括字型、字號(hào)、顏色、按鈕顏色、按鈕形狀、按鈕功能、提示文字、行距等。說來容易，執(zhí)行的時(shí)候很多設(shè)計(jì)師會(huì)有一些隨意的想法，可能某些想法是挺好的，但是我們必須執(zhí)行統(tǒng)一的界面標(biāo)準(zhǔn)。設(shè)想windows里面，如果不同的窗口關(guān)閉按鈕在不同的地方，并且顏色還不一樣，這會(huì)是什么樣混亂的狀況。命名的準(zhǔn)確性，也是前端人員應(yīng)該注意的問題，切圖后把個(gè)元素放到相應(yīng)的文件夾后，圖片等相關(guān)元素命名要符合div+css的命名規(guī)范，以備后邊程序在后臺(tái)看代碼的時(shí)候有較高的效率，及代碼的規(guī)范程度。

顏色范圍：如果一個(gè)區(qū)域中顏色范圍不大，只有幾種顏色，那么應(yīng)該單獨(dú)切出，如果只有一種顏色，就應(yīng)該象劍氣所說，切片后選擇HTML類型，在DW中改背景顏色來達(dá)到目的；如果顏色數(shù)量比較多，漸變過渡多一些，應(yīng)該把切片數(shù)量切的多一些，盡量把單個(gè)切片控制在一個(gè)顏色范圍的輪廓內(nèi)；

切片大?。呵衅哪康闹饕羌涌煜螺d進(jìn)度，讓多個(gè)圖片同時(shí)下載而不是只下載一個(gè)大圖片，所以切片大小要根據(jù)需要來切，標(biāo)志LOGO等主要部分盡量切在一個(gè)切片內(nèi)，防止顯示遇到特殊情況時(shí)顯示一部分，圓角表格部分要根據(jù)顯示區(qū)域的大小來切，控制好邊緣和邊角，有時(shí)候切出來的切片并不是直接插入到DW了事，而需要在DW中編輯，比如有的圖片應(yīng)該設(shè)置成背景圖片；

切片區(qū)域：保證完整的一部分在一個(gè)切片內(nèi)，例如某區(qū)域的標(biāo)題文字，以后修改時(shí)方便；

導(dǎo)出類型：顏色單一過渡少的，應(yīng)該導(dǎo)出為GIF，顏色過渡比較多，顏色豐富的應(yīng)該導(dǎo)出為JPG，有動(dòng)畫的部分應(yīng)該導(dǎo)出為GIF動(dòng)畫；

源文件：即使頁面作好了，也要保留帶切片層的源文件，說不上哪天要改某一個(gè)部分，例如文字什么的，直接修改單獨(dú)導(dǎo)出所用的切片就可以了。

本文題目：佛山網(wǎng)頁設(shè)計(jì)公司分享切圖時(shí)應(yīng)注意的問題
文章分享：http://www.muchs.cn/news27/218127.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)頁設(shè)計(jì)公司等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)