作為一名手機APP UI設計師,當我們完成APP視覺設計稿之后,就要進行APP切片資源的輸出。作為iOS端的切片資源需要提供2套。分別是@2x和@3x的切圖資源。
android端的切片資源只需要提供hdpi、xhdpi、xxhdpi 三套切片資源。
今天,25學堂在網(wǎng)上看到有位小伙伴重新整理了?iOS的切片文件命名規(guī)范。非常的全面,也適合前端H5的開發(fā)命名。之前分享的APP切圖流程和APP切圖命名規(guī)范詳細完整版和手機APP界面切圖命名和文件整理規(guī)范【簡單版】
這一份iOS的切片文件命名規(guī)范信息圖可以讓APP設計師、APP產品經理和webAPP 前端開發(fā)人員可以共用的命名原則。
如果你剛入門的APP設計師新手,可以再來看看iOS端的切片文件命名規(guī)范。
1、我們以iPhone 6(750px/375pt)的尺寸作為基準設計,切圖的時候我們通常需要切兩套圖。分別是@2x和@3x的切圖資源。
詳細的iOS的切片文件命名規(guī)范如下:
2、常見界面、控件、功能、狀態(tài)命名集合:
APP產品經理、APP設計師、APP開發(fā)工程師,包括H5前端開發(fā)人員都可以記住的文件命名規(guī)范。
非常完整的APP元件切圖的中英文對照表。
3、用幾個APP頁面來具體展示切片文件命名。
以上三個不錯的iOS的切片文件命名規(guī)范值得各位APP設計師們好好的閱讀和理解。充分讓我們提供的APP切片資源非常的專業(yè)。
每天更新,
全站高品質素材免費下載!
全站高品質素材免費下載!