1. 首頁 > 生活百科 > >

ui設計師怎么切圖給工程師 切圖是什么意思

生活百科

切圖是什么意思(ui設計師怎么切圖給工程師)，小編帶你了解更多信息 。

ui設計師怎么切圖給工程師 切圖是什么意思

文章插圖
外人說：
切圖就是把圖片切碎
百度說：
切圖是指將設計稿切成便于制作成頁面的圖片，并完成html+css布局的靜態頁面 。
通俗來講，把一張設計圖 利用到切片工具 把自己所需的切成一張張小圖，然后用DIV+CSS完成靜態頁面書寫，完成CSS布局 。
切圖大家都有個誤區，覺得切圖就是把圖片切出來，其實并不完全是這樣，把圖片切出來這個過程是叫切片 。
切圖的目的：第一個是讓網頁稿有了交互性，實現你平時看到的各種各樣的功能 。
第二個是體積，所以切圖時候一定注意少用圖片工具：主流是dreamweaver，也有公司自己開發平臺進行制作的 。
采用div+css布局更能減小網頁體積 是表現與內容分離 。
知乎說：
我理解的網頁設計中的切圖，有三個境界：
  1. 能把所有設計稿里出現的圖形元素按照基礎要求切出來交給前端工程師 。
  2. 對所有切圖進行優化，有針對圖片輸出體積的優化、有利用 CSS Sprite 減少請求的優化、也有針對減少自己后期網站改版升級時候工作量的優化 。這部分已經需要很多前段方面的知識了 。要讓切圖也「語義化」必須得和前段配合得很好 。
  3. 從超出「圖片」的角度思考并且實現更高階的效果，比如現在做網頁經常需要考慮桌面和移動平臺的不同分辨率，使用 Responsive 的布局的話切圖應該怎么切，是不是需要切兩套；遇到 iPad 或者 rMBP 的高清屏怎么處理網頁中的圖片以及背景；是否可以應用一些新的技術比如 Web Font、Font Icon、CSS 3 里的新特性來減少網頁里的圖片等等
新手說：
切圖太簡單，小兒科
老手說：
【ui設計師怎么切圖給工程師 切圖是什么意思】在零幾年的時候我們把前端叫做切圖 。

    推薦閱讀