當(dāng)前位置：首頁 >ui設(shè)計培訓(xùn)

ui設(shè)計師切圖注意事項

作者：像素空間發(fā)布時間： 2026-02-25 08:24:16 瀏覽量：879次

UI設(shè)計切圖是UI設(shè)計師非常重要的設(shè)計輸出物。切圖資源輸出是否規(guī)范可以說是直接影響到開發(fā)工程師對設(shè)計效果的還原度的。直觀地說，切圖就仿佛把做好的設(shè)計稿切成一片片的拼圖，然后工程師就對照著效果圖把拼圖拼好，是所有設(shè)計師一直需要追求的能力。今天，來分享一些，ui設(shè)計師切圖注意事項。

ui設(shè)計師切圖注意事項

資源尺寸必須雙數(shù)

智能手機(jī)的屏幕大小是雙數(shù)值，所以這也導(dǎo)致了切圖資源尺寸必須為雙數(shù)。這是為了保切圖資源在工程師開發(fā)時是高清顯示。

注意可點擊區(qū)域

按照界面規(guī)范，iOS的可點擊區(qū)域是不小于88*88像素，安卓不小于96*96像素，但是在實際的切圖應(yīng)用中，兩個圖標(biāo)離得特別近，如果還是按照88像素來切的話，可能會導(dǎo)致兩個圖標(biāo)的可點擊區(qū)域出現(xiàn)重合，容易產(chǎn)生誤操作。所以，在切圖輸出時，可以把可點擊區(qū)域縮小到44*44像素，這個區(qū)域也是可以被手指點擊到的。

ui設(shè)計師切圖注意事項

注意桌面圖標(biāo)切圖尺寸

app的桌面圖標(biāo)會被運(yùn)用到很多不同的地方進(jìn)行展示的，比如手機(jī)桌面、APP、手機(jī)的設(shè)置列表等等，所以app桌面圖標(biāo)需要很多個不同尺寸的切圖輸出。iOS與安卓兩個平臺對相應(yīng)桌面圖標(biāo)設(shè)計輸出尺寸也不盡相同，在輸出的時候要把雙平臺的這些尺寸全部輸出切圖。

不需要切圖部分

在切圖輸出中，有需要切圖的部分，也有很多元素是不需要輸出的，可以直接使用系統(tǒng)原生的設(shè)計元素修改參數(shù)。作為設(shè)計師需要知道哪些元素是需要切圖，哪些元素是使用系統(tǒng)自帶的避免不必要的切圖。

ui設(shè)計師切圖注意事項

以上這些注意事項，你記住了嗎？想要成為一個合格的UI設(shè)計，是必須要注意到這些的，而且學(xué)習(xí)UI設(shè)計是需要一定細(xì)致和耐心的，是需要了解行業(yè)規(guī)范和崗位要求的，這些單憑看幾個視頻是無法搞定的，條件允許的情況下，報班是性價比較高的選擇。

火星時代就很不錯，他們的UI設(shè)計課程涵蓋了行業(yè)技能要求，課程中每一個案例和細(xì)節(jié)都是源于授課老師在工作中反復(fù)磨煉和不斷優(yōu)化的精華，能夠從基礎(chǔ)穩(wěn)扎穩(wěn)打地構(gòu)造UI設(shè)計知識體系。在實踐項目中，更是能幫助同學(xué)化理論為經(jīng)驗，在操作中真正將知識運(yùn)用起來，想要學(xué)習(xí)UI設(shè)計的同學(xué)，快來火星時代官網(wǎng)報名學(xué)習(xí)吧~