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

ui設(shè)計(jì)師切圖注意事項(xiàng)

作者：俊秀憶櫻桃發(fā)布時(shí)間： 2025-05-25 08:24:16 瀏覽量：825次

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

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

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

注意可點(diǎn)擊區(qū)域

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

ui設(shè)計(jì)師切圖注意事項(xiàng)

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

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

不需要切圖部分

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

ui設(shè)計(jì)師切圖注意事項(xiàng)

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

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