ui設計中的切圖是什么

ui設計中的切圖是什么？切圖是設計師交付給開發人員的產物之一。在設計稿完成后，設計師需要把它切成可以很容易地做成頁面的圖片。切圖是指將設計稿切割成便于制作成頁面的圖片，并完成HTML + CSS布局的靜態頁面。

1.ui設計中的切圖是什么

切圖是設計師交付給開發人員的產物之一。在設計稿完成后，設計師需要把它切成可以很容易地做成頁面的圖片。切圖是指將設計稿切割成便于制作成頁面的圖片，并完成HTML + CSS布局的靜態頁面。

通俗來講，就是利用切片工具把自己需要的圖片切成一張張小圖，然后用DIV+CSS完成靜態頁面編寫，完成CSS布局。

切圖的目的：第一個是讓網頁稿具有交互性，實現平時看到的各種功能。第二個是優化體積。在切圖的時候一定要注意少使用圖片工具，現在主流是Dreamweaver，使用DIV + CSS布局可以減少網頁體積，也有一些公司自己開發平臺進行制作。

2.切圖的作用

有利于優化圖片輸出體積;有利于優化CSS Sprite減少請求，也有利于優化減少自己后期網站改版升級時候工作量。這部分需要很多前端方面的知識。

考慮超越“圖片”的角度思考并且實現更高階的效果。例如，需要考慮PC端和移動端不同的分辨率;使用 Responsive 的布局的話切圖應該怎么切;是否有必要切割兩套;當遇到iPad或RMBP高清屏幕時，如何處理網頁中的圖片和背景;否可以應用一些新技術，如Web字體、字體圖標、css3中的新功能來減少網頁中的圖像數量等。

      注：尊重原創文章,轉載請注明出處和鏈接 http://m.hebeijilong.cn/news-id-61418.html 違者必究！部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們，了解更多相關資訊請關注UI設計頻道查看更多，了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多：150 3333 6050