千锋教育-做有情怀、有良心、有品质的职业教育机构

当前位置:首页  >  关于学院  >  技术干货  >  ui技术干货  >  正文

UI培训教程:UI设计必知的切片命名规则

来源:千锋教育
发布时间:2022-01-13 17:48:00
分享

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

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

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

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

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

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

QQ截图20220113171759

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

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

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。

相关推荐

  • ps各种风格调色方法分享 在Photoshop中,有许多方法可以调整图像的色彩和应用不同的风格效果。以下是一些常见的风格调色方法,帮助您实现各种独特的图像效果:1.柔和色调(PastelTones):通过调整图像的色彩饱和度和
  • 产品logo怎么设计好看? 设计一个好看的产品Logo需要综合考虑多个因素,以下是一些关键要素和设计原则,可帮助您创造出吸引人的产品Logo:1.目标受众和品牌定位:了解目标受众的特点和品牌的定位是设计Logo的重要基础。考虑目
  • ps色调调整完整步骤
  • ps灰色调色怎么调色?相关教程分享! 在Photoshop中调整图像的灰色调可以通过以下步骤实现:1.打开图像:在Photoshop中打开要调整的图像,然后确保选择图层面板中的图像图层。2.转为黑白:可以通过两种方式将图像转换为黑白。首先
  • x字母logo设计灵感分享 X字母作为一个设计元素,可以为logo设计带来独特的视觉效果和识别性。以下是一些灵感分享,以帮助您在X字母logo设计中找到创意和启发:1.抽象形状:将X字母抽象化,探索各种形状、曲线和线条的组合,以
  • 电商设计是做什么的 电商设计是指为电子商务平台或在线商店创建用户界面和用户体验(UI/UX)设计的过程。它的目标是提供直观、吸引人且易于使用的界面,以促进用户的购物体验,并鼓励他们进行购买行为。电商设计涉及以下方面:1.