作為一名手機(jī)APP UI設(shè)計(jì)師，當(dāng)我們完成APP視覺(jué)設(shè)計(jì)稿之后，就要進(jìn)行APP切片資源的輸出。作為iOS端的切片資源需要提供2套。分別是@2x和@3x的切圖資源。

android端的切片資源只需要提供hdpi、xhdpi、xxhdpi 三套切片資源。

今天，25學(xué)堂在網(wǎng)上看到有位小伙伴重新整理了?iOS的切片文件命名規(guī)范。非常的全面，也適合前端H5的開(kāi)發(fā)命名。之前分享的APP切圖流程和APP切圖命名規(guī)范詳細(xì)完整版和手機(jī)APP界面切圖命名和文件整理規(guī)范【簡(jiǎn)單版】

這一份iOS的切片文件命名規(guī)范信息圖可以讓APP設(shè)計(jì)師、APP產(chǎn)品經(jīng)理和webAPP 前端開(kāi)發(fā)人員可以共用的命名原則。

如果你剛?cè)腴T的APP設(shè)計(jì)師新手，可以再來(lái)看看iOS端的切片文件命名規(guī)范。

1、我們以iPhone 6（750px/375pt）的尺寸作為基準(zhǔn)設(shè)計(jì)，切圖的時(shí)候我們通常需要切兩套圖。分別是@2x和@3x的切圖資源。

詳細(xì)的iOS的切片文件命名規(guī)范如下：

2、常見(jiàn)界面、控件、功能、狀態(tài)命名集合：

APP產(chǎn)品經(jīng)理、APP設(shè)計(jì)師、APP開(kāi)發(fā)工程師，包括H5前端開(kāi)發(fā)人員都可以記住的文件命名規(guī)范。

非常完整的APP元件切圖的中英文對(duì)照表。

3、用幾個(gè)APP頁(yè)面來(lái)具體展示切片文件命名。

以上三個(gè)不錯(cuò)的iOS的切片文件命名規(guī)范值得各位APP設(shè)計(jì)師們好好的閱讀和理解。充分讓我們提供的APP切片資源非常的專業(yè)。