欢迎来到培训无忧网!

全国切换

咨询热线 400-001-5729

位置:培训无忧网 > 新闻资讯 > 电脑/IT > UI设计 >  UI设计必知的切片命名规则

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

来源:培训无忧网 发布人:裴裴

2022-01-21 21:48:41|已浏览:220次

UI设计

      在UI设计领域,成型的作品在通过审核之后,都需要做切片处理的,方便前端进行代码编写,那么对于切片的命名也是有规则可取的, 本期UI培训教程就是让大家了解一下UI设计必知的切片命名规则。

      UI培训教程:UI设计必知的切片命名规则,命名规则是为了团队能够有一个统一规则,在和前端工程师进行交接时, 规范的命名对于团队协同有着极大的推动作用。通常为切片命名时会遵循以下几个规则:

      (1) 命名采用英文小写,不要有大写字母出现。

      (2) 出现较多层级时,最好遵循命名的通用规范“模块_类别_功能-状态@2x.png",按照由大范围逐步缩小范围进行命名,例如,命名一个属于标签栏内部,默认状态下的搜索按钮。英文命名为: tab_button_search_nor@2x.png,对应中文则是:标签栏_按钮_搜索_默认状态@2x.png。

      (3) 名称中间不要有空格,使用下画线进行连接。

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

QQ截图20220113171759

      需要注意的是,虽然上表中展示的是一些常用元素的单词,但是每个前端工程师有着自己的命名习惯,因此在实际工作中最好和前端工程师沟通确认。

      以上就是为大家介绍的UI培训教程“UI设计必知的切片命名规则”,希望上面的介绍能够给大家带来帮助,如需了解更多的UI培训班、课程、价格、试听等信息,请您留下联系方式,课程顾问会尽快联系您,为您定制专属课程,开始您的学习之旅。

      注:尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-17468.html 违者必究!部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们,了解更多相关资讯请关注UI设计频道查看更多,了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多:150 3333 6050

留下你的信息,课程顾问老师会一对一帮助你规划更适合你的专业课程!
  • 姓名:

  • 手机:

  • 地区:

  • 想学什么:

  • 培训无忧网
免 费 申 请 试 听
提交申请,《培训无忧网》课程顾问老师会一对一帮助你规划更适合你的专业课程!