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

什么是UI界面設(shè)計(jì)切圖？標(biāo)準(zhǔn)是什么

作者：腦洞君發(fā)布時(shí)間： 2025-06-13 16:24:24 瀏覽量：1248次

UI設(shè)計(jì)切圖是UI設(shè)計(jì)師最重要的設(shè)計(jì)輸出物，切圖資源輸出是否規(guī)范直接影響到工程師對(duì)設(shè)計(jì)效果的還原度。設(shè)計(jì)師的切圖輸出物是是體現(xiàn)一個(gè)設(shè)計(jì)師專業(yè)水準(zhǔn)的重要標(biāo)準(zhǔn)，同時(shí)也是設(shè)計(jì)師表達(dá)自己對(duì)設(shè)計(jì)態(tài)度的最有力的語(yǔ)言。今天我們就來(lái)看看什么是UI界面設(shè)計(jì)切圖？標(biāo)準(zhǔn)是什么呢？

首先是切圖資源尺寸必須為雙數(shù)，如果是單數(shù)切圖的話手機(jī)系統(tǒng)就會(huì)自動(dòng)拉伸切圖從而導(dǎo)致切圖元素邊緣模糊，進(jìn)而造成開發(fā)出來(lái)的APP界面效果與原設(shè)計(jì)效果差距甚遠(yuǎn)。其次，圖標(biāo)切圖輸出應(yīng)根據(jù)標(biāo)準(zhǔn)尺寸輸出并且考慮到適配性，在切圖資源輸出中圖標(biāo)切圖輸出是至關(guān)重要的部分。因?yàn)樵陂_發(fā)中由于各機(jī)型的屏幕分辨率不同，需要針對(duì)一些大屏機(jī)型進(jìn)行適配。還有就是可點(diǎn)擊部件要把相關(guān)狀態(tài)都切圖輸出，比如正常狀態(tài)、點(diǎn)擊狀態(tài)等等，大家如果想要了解的更仔細(xì)，更具體可以去火星時(shí)代官網(wǎng)領(lǐng)取相關(guān)學(xué)習(xí)資料。

什么是UI界面設(shè)計(jì)切圖？標(biāo)準(zhǔn)是什么

想要學(xué)習(xí)ui界面設(shè)計(jì)等知識(shí)，小編建議大家可以多多關(guān)注火星時(shí)代開設(shè)的相關(guān)課程，比如說(shuō)UXD全鏈路設(shè)計(jì)課程，九大主流設(shè)計(jì)軟件，輔助創(chuàng)意完美呈現(xiàn)，在這里你可以學(xué)會(huì)ui設(shè)計(jì)的九大主流軟件：Photoshop Illustrator Cinema 4D After Effect Premiere Sketch Principle Keynote X-mind等軟件，火星時(shí)代期待大家的到來(lái)！