在UI設(shè)計(jì)領(lǐng)域，成型的作品在通過(guò)審核之后，都需要做切片處理的，方便前端進(jìn)行代碼編寫(xiě)，那么對(duì)于切片的命名也是有規(guī)則可取的， 本期UI培訓(xùn)教程就是讓大家了解一下UI設(shè)計(jì)必知的切片命名規(guī)則。

　　UI培訓(xùn)教程：UI設(shè)計(jì)必知的切片命名規(guī)則，命名規(guī)則是為了團(tuán)隊(duì)能夠有一個(gè)統(tǒng)一規(guī)則，在和前端工程師進(jìn)行交接時(shí)， 規(guī)范的命名對(duì)于團(tuán)隊(duì)協(xié)同有著極大的推動(dòng)作用。通常為切片命名時(shí)會(huì)遵循以下幾個(gè)規(guī)則：

　　(1) 命名采用英文小寫(xiě)，不要有大寫(xiě)字母出現(xiàn)。

　　(2) 出現(xiàn)較多層級(jí)時(shí)，最好遵循命名的通用規(guī)范“模塊_類(lèi)別_功能-狀態(tài)@2x.png",按照由大范圍逐步縮小范圍進(jìn)行命名，例如，命名一個(gè)屬于標(biāo)簽欄內(nèi)部，默認(rèn)狀態(tài)下的搜索按鈕。英文命名為: tab_button_search_nor@2x.png，對(duì)應(yīng)中文則是:標(biāo)簽欄_按鈕_搜索_默認(rèn)狀態(tài)@2x.png。

　　(3) 名稱(chēng)中間不要有空格，使用下畫(huà)線(xiàn)進(jìn)行連接。

　　下面列舉了移動(dòng)端界面一些常 用元素的英文名稱(chēng)，具體如下。

　　需要注意的是，雖然上表中展示的是一些常用元素的單詞，但是每個(gè)前端工程師有著自己的命名習(xí)慣，因此在實(shí)際工作中最好和前端工程師溝通確認(rèn)。

　　以上就是為大家介紹的UI培訓(xùn)教程“UI設(shè)計(jì)必知的切片命名規(guī)則”，希望上面的介紹能夠給大家?guī)?lái)幫助，如需了解更多的UI培訓(xùn)班、課程、價(jià)格、試聽(tīng)等信息，請(qǐng)您留下聯(lián)系方式，千鋒教育課程顧問(wèn)會(huì)盡快聯(lián)系您，為您定制專(zhuān)屬課程，開(kāi)始您的學(xué)習(xí)之旅。