歡迎來到培訓(xùn)無憂網(wǎng)!
咨詢熱線 400-001-5729
2022-11-26 09:41:25|已瀏覽:161次
UI設(shè)計(jì)必知的切片命名規(guī)則
UI設(shè)計(jì)必知的切片命名規(guī)則:在UI設(shè)計(jì)領(lǐng)域,成型的作品在通過審核之后,都需要做切片處理的,方便前端進(jìn)行代碼編寫,那么對于切片的命名也是有規(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ī)范的命名對于團(tuán)隊(duì)協(xié)同有著極大的推動作用。通常為切片命名時(shí)會遵循以下幾個(gè)規(guī)則:
(1) 命名采用英文小寫,不要有大寫字母出現(xiàn)。
(2) 出現(xiàn)較多層級時(shí),最好遵循命名的通用規(guī)范“模塊_類別_功能-狀態(tài)@2x.png",按照由大范圍逐步縮小范圍進(jìn)行命名,例如,命名一個(gè)屬于標(biāo)簽欄內(nèi)部,默認(rèn)狀態(tài)下的搜索按鈕。英文命名為: tab_button_search_nor@2x.png,對應(yīng)中文則是:標(biāo)簽欄_按鈕_搜索_默認(rèn)狀態(tài)@2x.png。
(3) 名稱中間不要有空格,使用下畫線進(jìn)行連接。
下面列舉了移動端界面一些常 用元素的英文名稱,具體如下。
需要注意的是,雖然上表中展示的是一些常用元素的單詞,但是每個(gè)前端工程師有著自己的命名習(xí)慣,因此在實(shí)際工作中最好和前端工程師溝通確認(rèn)。
以上就是為大家介紹的UI培訓(xùn)教程“UI設(shè)計(jì)必知的切片命名規(guī)則”,希望上面的介紹能夠給大家?guī)韼椭?/span>
注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.dedgn.cn/news-id-71045.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注UI設(shè)計(jì)頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050