佛山網頁設計公司分享切圖時應注意的問題

2022-11-30 分類：網頁設計公司

網站建設 - 建站教程 - 網頁設計 - 佛山網頁設計公司分享切圖時應注意的問題

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

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

成都網站建設

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

切片大小：切片的目的主要是加快下載進度，讓多個圖片同時下載而不是只下載一個大圖片，所以切片大小要根據需要來切，標志LOGO等主要部分盡量切在一個切片內，防止顯示遇到特殊情況時顯示一部分，圓角表格部分要根據顯示區域的大小來切，控制好邊緣和邊角，有時候切出來的切片并不是直接插入到DW了事，而需要在DW中編輯，比如有的圖片應該設置成背景圖片；

切片區域：保證完整的一部分在一個切片內，例如某區域的標題文字，以后修改時方便；

導出類型：顏色單一過渡少的，應該導出為GIF，顏色過渡比較多，顏色豐富的應該導出為JPG，有動畫的部分應該導出為GIF動畫；

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

本文題目：佛山網頁設計公司分享切圖時應注意的問題
文章分享：http://m.kartarina.com/news27/218127.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網頁設計公司等

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

欧美日韩激情_美女国产一区_国产精品久久久久影院日本_69xxx在线

佛山網頁設計公司分享切圖時應注意的問題