UI设计及切图常见命名规范整理

更新时间：2024-12-27 11:34:25

在UI设计和切图的工作中，规范的命名是至关重要的，它能有效避免沟通误解和提升工作效率。以下是一些常见的命名规则和示例，供你在日常项目中参考和使用：

1. 命名一致性：所有的命名应使用小写英文字符，确保开发团队在接收切图时无需更改，因为他们的代码仅接受英文小写命名。

2. 切图命名结构：采用通用格式，如"component_category_function_state@2x.png"，例如"tabbar_icon_home_default@2x.png"。对于特定模块，可添加模块名称，如"mail_icon_search_pressed@2x.png"。

3. 页面命名：清晰标识常用页面，如"default"代表启动页，"login"代表登录页，"home"代表主页等。

4. 控件命名：如"bg"代表背景，"btn"表示按钮，"selected"表示选中状态等，包括"logo"、"footer"、"header"等控件的命名。

5. 其他类别：如"tips"代表小技巧，"news"代表新闻，"download"用于下载功能等，这些词汇可根据具体场景灵活应用。

这些命名规范并非固定不变，会随着项目的特性和需求进行调整。持续优化和共享命名最佳实践，有助于团队间的协作和项目的顺利进行。如果你有其他命名建议，欢迎随时补充和分享。