新手必须知道的名字(UI文章)

新手必须知道的名字(UI文章)

上周发的文章因一些误会被转载! (经@财新设计店授权转载)

游戏ui切图命名规范_面试ui,问我是怎么切图的_高校命名最新规范发

我个人认为,切图命名约定的关键在于团队可以有一个统一的规则,所有成员都严格遵守并与所有开发者充分协调,否则一切都是空谈。

不同团队使用的软件不同。经常在素描软件中使用Symbols的同学在命名的时候可能会考虑更多的内容,但是要注意很多同学都是用PS作图的,所以这里只介绍一个通用的命名规则。当然,你也可以根据自己的实际情况制作。这里只提供一种方法和思路,仅供参考。 (转载自@UIChina)

一、为什么需要制定规范的命名规则

1.自我等级

这对我们自己的文件组织很有帮助。后期修改文件和图层更方便快捷,标准化的命名也让我们更专业。

2.团队等级

如果命名不统一,大家很难达成共识,任务交接需要大量的学习成本。因此,标准化的命名也极大地促进了团队协作。

3.开发级别

这是最重要的一点,可以大大节省程序开发的时间和成本,减少很多不必要的沟通和重复图表的概率,因为只要我们的命名足够规范,我们与开发中,它们完全可以直接使用切片而不用改变切片的名称。稍后,我们更改切片图像。只要片名不变,不用看开发就可以替换。

二、所有名字都是小写英文字母

原因很简单。我们的目标是让开发者直接使用我们的切图游戏ui切图命名规范,不能随意修改名称,但要知道开发小哥的代码只有小写英文字母。如果你给的名字都是中文的,那么肯定会变的。所以命名所有小写英文字母是最基本的规则。

游戏ui切图命名规范_面试ui,问我是怎么切图的_高校命名最新规范发

三、名称格式

众所周知,一个大的项目会分成很多模块,每个模块会由不同的设计师独立完成,还有一些人会专门管理常用的组件,比如tabbar、navbar等。在这种情况下音效,它将分为两种切片,一种是通用类型的切片,另一种是每个模块独有的切片。

一般切片命名格式:

Component_category_function_state@2x.png

示例:tabbar_icon_home_default@2x.png

(对应中文:tab bar_icon_homepage_default@2x.png)

模块特定的切割图命名规则:

module_category_function_status@2x.png

示例:mail_icon_search_pressed@2x.png

(对应的中文为:mail_icon_search_default@2x.png)

当然,这两个例子都是比较基本的情况。在许多情况下,一个词可能无法清楚地描述该功能。例如,有两个名称相同但大小不同的搜索图标。在这种情况下,可以这样命名:mail_icon_search_big_default@2x.png,我们的原则是明确表达切片的具体内容,不重复名称,希望大家学习使用。 (大家要注意,名字中不能有空格!)

四、常用英文单词表

如果所有的名字都写全,名字会很长,所以我们可以把一些常用的英文单词缩写,以减少工作成本和开发代码资源。至于如何缩写,任何缩写规则都可以,只要整个团队能够达成共识,输出缩写列表即可。

以下提供了一些常用的英文命名单词列表(部分已缩写,仅供参考)

有些人觉得写这么多英文太麻烦,但其实为了提高自己的专业能力,这种标准化的命名方式是一个必须经历的过程。习惯了这种命名方式,成就感油然而生。

游戏ui切图命名规范_面试ui,问我是怎么切图的_高校命名最新规范发

五、总结

这就是我今天要分享的全部内容。最后,我想告诉大家,如果有什么不明白的地方,确实需要多咨询开发中的同仁,去思考问题的本质。每一个小问题都需要我们去深入了解,相反,如果你积累了很多游戏ui切图命名规范,到头来吃亏的是你。

不要使用别人给出的任何规范,而是想想为什么要使用这样的规范,解决了什么样的问题?你有更好的解决方案吗?请问,苹果和安卓开发的文件管理机制是什么?有什么不同?如果你不知道这样一个基本问题,却直接套用别人的规范,那你就会被别人带走。

所以了解所有表面背后的思维和逻辑,也许下一个规范就是你的!