佛山網(wǎng)頁設計公司分享切圖時應注意的問題
2022-11-30 分類： 網(wǎng)頁設計公司
確定設計稿，然后交給網(wǎng)頁前端的人員進行網(wǎng)頁的制作，把靜態(tài)的PSD文件切成html的靜態(tài)頁面，然后加上相應的效果，后交給程序完善后的程序代碼工作。我今天要說的是切圖這方面的事情，應該注意的一些細節(jié)問題。
網(wǎng)頁設計師把一個整體的psd交給我們前段人員的時候一定不要急于的去切圖，一定要想要先整體的瀏覽一下，做到心里有數(shù)，整體的把控是非常重要的事情，我們知道網(wǎng)頁無非由一些基本模塊組成，每一種基本模塊在UI設計上，不同的應用實例是否元素一致，包括字型、字號、顏色、按鈕顏色、按鈕形狀、按鈕功能、提示文字、行距等。說來容易，執(zhí)行的時候很多設計師會有一些隨意的想法，可能某些想法是挺好的，但是我們必須執(zhí)行統(tǒng)一的界面標準。設想windows里面，如果不同的窗口關閉按鈕在不同的地方，并且顏色還不一樣，這會是什么樣混亂的狀況。命名的準確性，也是前端人員應該注意的問題，切圖后把個元素放到相應的文件夾后，圖片等相關元素命名要符合div+css的命名規(guī)范，以備后邊程序在后臺看代碼的時候有較高的效率，及代碼的規(guī)范程度。
切片大?。呵衅哪康闹饕羌涌煜螺d進度，讓多個圖片同時下載而不是只下載一個大圖片，所以切片大小要根據(jù)需要來切，標志LOGO等主要部分盡量切在一個切片內(nèi)，防止顯示遇到特殊情況時顯示一部分，圓角表格部分要根據(jù)顯示區(qū)域的大小來切，控制好邊緣和邊角，有時候切出來的切片并不是直接插入到DW了事，而需要在DW中編輯，比如有的圖片應該設置成背景圖片；
切片區(qū)域：保證完整的一部分在一個切片內(nèi)，例如某區(qū)域的標題文字，以后修改時方便；
導出類型：顏色單一過渡少的，應該導出為GIF，顏色過渡比較多，顏色豐富的應該導出為JPG，有動畫的部分應該導出為GIF動畫；
源文件：即使頁面作好了，也要保留帶切片層的源文件，說不上哪天要改某一個部分，例如文字什么的，直接修改單獨導出所用的切片就可以了。
當前名稱：佛山網(wǎng)頁設計公司分享切圖時應注意的問題
URL標題：http://www.rwnh.cn/news/218127.html
網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡營銷seo公司；服務項目有網(wǎng)頁設計公司等
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 網(wǎng)頁設計公司怎樣制作網(wǎng)頁 2022-11-29
- 找網(wǎng)頁設計公司：意想不到的服務 2022-11-28
- 如何才能找到靠譜的網(wǎng)頁設計公司 2022-11-21
- 佛山順德網(wǎng)頁設計公司容易被忽視的三大問題 2022-11-13
- 尋求專業(yè)網(wǎng)頁設計公司的好處 2022-10-31
- 網(wǎng)頁設計公司針對您的業(yè)務的標準 2022-10-27
- 網(wǎng)頁設計公司對新圖形設計師的建議 2022-10-25
- 為什么選擇專業(yè)網(wǎng)頁設計公司而不是自由職業(yè)者？ 2022-10-20
- 一家好的網(wǎng)頁設計公司是建立網(wǎng)站完成的開始 2022-11-28
- 網(wǎng)頁設計公司需要哪些必要的軟件來設計網(wǎng)頁 2022-11-22
- 網(wǎng)頁設計公司網(wǎng)站哪家強？ 2022-11-17
- 成都網(wǎng)頁設計公司講解一個好的的網(wǎng)站設計應有哪些特點 2022-11-06
- 選擇適合小型企業(yè)的網(wǎng)頁設計公司 2022-10-21
- 如何找到合適的網(wǎng)頁設計公司？ 2022-10-20
- 為您的網(wǎng)頁設計公司吸引更多客戶的5種方法 2022-10-19
- 如何選擇一個網(wǎng)頁設計公司 2022-10-14
- 如何選擇很好的網(wǎng)頁設計公司 2022-10-13
- 通過專業(yè)的網(wǎng)頁設計公司促進您的業(yè)務 2022-10-01
- H5網(wǎng)頁設計公司為您分析移動端H5網(wǎng)頁設計尺寸 2022-09-19