位置：武汉粤嵌教育IT技术培训机构 > 学校动态 > UI设计必知的切片命名规则

UI设计必知的切片命名规则

来源：武汉粤嵌教育IT技术培训机构时间：2022/3/9 14:55:54

　　在UI设计领域，成型的作品在通过审核之后，都需要做切片处理的，方便前端进行代码编写，那么对于切片的命名也是有规则可取的，本期UI培训教程就是让大家了解一下UI设计必知的切片命名规则。
　　
　　UI培训教程：UI设计必知的切片命名规则，命名规则是为了团队能够有一个统一规则，在和前端工程师进行交接时，规范的命名对于团队协同有着极大的推动作用。通常为切片命名时会遵循以下几个规则：
　　
　　(1) 命名采用英文小写，不要有大写字母出现。
　　
　　(2) 出现较多层级时，较好遵循命名的通用规范“模块_类别_功能-状态@2x.png",按照由大范围逐步缩小范围进行命名，例如，命名一个属于标签栏内部，默认状态下的搜索按钮。英文命名为: tab_button_search_nor@2x.png，对应中文则是:标签栏_按钮_搜索_默认状态@2x.png。
　　
　　(3) 名称中间不要有空格，使用下画线进行连接。
　　

　　下面列举了移动端界面一些常用元素的英文名称，具体如下。