在UI設計領域，成型的作品在通過審核之后，都需要做切片處理的，方便前端進行代碼編寫，那么對于切片的命名也是有規則可取的， 本期UI培訓教程就是讓大家了解一下UI設計必知的切片命名規則。
UI培訓教程：UI設計必知的切片命名規則，命名規則是為了團隊能夠有一個統一規則，在和前端工程師進行交接時， 規范的命名對于團隊協同有著極大的推動作用。通常為切片命名時會遵循以下幾個規則：
(1) 命名采用英文小寫，不要有大寫字母出現。
(2) 出現較多層級時，最好遵循命名的通用規范“模塊_類別_功能-狀態@2x.png",按照由大范圍逐步縮小范圍進行命名，例如，命名一個屬于標簽欄內部，默認狀態下的搜索按鈕。英文命名為: tab_button_search_nor@2x.png，對應中文則是:標簽欄_按鈕_搜索_默認狀態@2x.png。
(3) 名稱中間不要有空格，使用下畫線進行連接。
下面列舉了移動端界面一些常 用元素的英文名稱，具體如下。
需要注意的是，雖然上表中展示的是一些常用元素的單詞，但是每個前端工程師有著自己的命名習慣，因此在實際工作中最好和前端工程師溝通確認。
以上就是為大家介紹的UI培訓教程“UI設計必知的切片命名規則”，希望上面的介紹能夠給大家帶來幫助，如需了解更多的UI培訓班、課程、價格、試聽等信息，請您留下聯系方式，千鋒教育課程顧問會盡快聯系您，為您定制專屬課程，開始您的學習之旅。
京公網安備 11010802030320號