APP切圖命名規(guī)范資料

1、APP切圖命名規(guī)范一、所有命名全部為小寫(xiě)英文字母我們的目標(biāo)是讓開(kāi)發(fā)宜接拿我們的切圖進(jìn)行使用，不能夠隨意修改名稱(chēng)， 但是我 們要知道，開(kāi)發(fā)人員的代碼里只有小寫(xiě)的英文字母，如果你給出的命名全是中文 的，那么他們是一定會(huì)更改的。 所以命名全部用小寫(xiě)的英文字母是最基本的規(guī)則。二、命名格式一個(gè)大型項(xiàng)目會(huì)分很多模塊， 每個(gè)模塊由不同的設(shè)計(jì)師來(lái)獨(dú)立完成，還有人會(huì)專(zhuān) 門(mén)管理公共的組件，如tabbar、navbar等等，這種情況下就會(huì)分為兩種切圖，一種是通用類(lèi)型的切圖，還有一種就是各個(gè)模塊特有的切圖。通用切片命名格式組件一類(lèi)別一功能一狀態(tài)2x.p ng舉例： tabbar_icon_home_default2x

2、.png（對(duì)應(yīng)中文：標(biāo)簽欄 一圖標(biāo)一主頁(yè)_默認(rèn)2x.png ）模塊特有切圖命名規(guī)則，莫塊一類(lèi)別一功能一狀態(tài)2x.p ng舉例： mail_icon_search_pressed2x.png（對(duì)應(yīng)的中文為：郵件 一圖標(biāo)_搜索一默認(rèn)2x.png ）當(dāng)然這兩個(gè)例子都是比較基本的情況，有很多時(shí)候可能一個(gè)單詞并不能清楚的描述功能,比如有兩個(gè)名字相同的搜索圖標(biāo)，大小不一，那這種情況你就可以這樣命名：mail_icon_search_big_default2x.png ,我們的原則就是清晰的表達(dá)出切片的具體內(nèi)容并且沒(méi)有重復(fù)的名稱(chēng)，希望大家能夠活學(xué)活用。大家要注意，命名中不能含有空格！三、常用英文單詞表如果所

3、有命名都寫(xiě)為全稱(chēng)，名字就會(huì)特別長(zhǎng)，所以我們可以將一些常用的英文單詞進(jìn)行縮寫(xiě)，減少工作成本與開(kāi)發(fā)代碼資源。至于怎么縮寫(xiě)，只要整個(gè)團(tuán)隊(duì)能夠達(dá)成共識(shí)并且輸出一份縮寫(xiě)清單，任何縮寫(xiě)規(guī)則都是可以的。下面提供一些命名時(shí)常用的英文單詞列表（有些是已經(jīng)縮寫(xiě)過(guò)的，僅供參考）bg （ backgrond 背景）nav （ navbar 導(dǎo)航欄）tab （ tabbar 標(biāo)簽欄）btn （button 按鈕）img （ image 圖片）del （delete 刪除）msg （ message 提示信息）pop （ pop up 彈出）icon （圖標(biāo)）selected （選中）disabled （不可點(diǎn)擊）default （默認(rèn)）pressed （按下）back （返回）edit （編輯）content （內(nèi)容）left/center/right （左 / 中/右）logo （標(biāo)識(shí)）logi n （登錄）refresh （刷新）ban