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