在产品视觉设计中,用英文命名图层是良好的习惯:对开发友好,而且方便配合一些设计工具(如Framer、Principle)。在ios设计中,苹果官方的图层命名较为完整,虽然不是唯一答案,但很有参考价值。文字书写格式参考了我们公司(Teambition)的DLS,在一些命名有多种的情况下,我酌情合并或选择了简洁的。笔者英文很渣,这也是我学习的过程,如果发现错误请大家指正~

Bars(条、栏)

bars包括状态栏,导航栏、搜索条、标签栏、工具栏

组件名:

苹果粘贴为什么是英文的(图层英文怎么写)(1)

苹果粘贴为什么是英文的(图层英文怎么写)(2)

苹果粘贴为什么是英文的(图层英文怎么写)(3)

  • button(这个不用多解释,组合有back button后退按钮,action button功能按钮等)

  • search bar (搜索条)

  • 苹果粘贴为什么是英文的(图层英文怎么写)(4)

    这两个,一个是输入区整体,一个是底部色块,都可称为search field

    苹果粘贴为什么是英文的(图层英文怎么写)(5)

    苹果粘贴为什么是英文的(图层英文怎么写)(6)

    苹果粘贴为什么是英文的(图层英文怎么写)(7)

    苹果粘贴为什么是英文的(图层英文怎么写)(8)

    苹果粘贴为什么是英文的(图层英文怎么写)(9)

    苹果粘贴为什么是英文的(图层英文怎么写)(10)

    状态词(形容、描述不同的状态):

    苹果粘贴为什么是英文的(图层英文怎么写)(11)

    苹果粘贴为什么是英文的(图层英文怎么写)(12)

    苹果粘贴为什么是英文的(图层英文怎么写)(13)

    苹果粘贴为什么是英文的(图层英文怎么写)(14)

    苹果粘贴为什么是英文的(图层英文怎么写)(15)

    苹果粘贴为什么是英文的(图层英文怎么写)(16)

    苹果粘贴为什么是英文的(图层英文怎么写)(17)

    苹果粘贴为什么是英文的(图层英文怎么写)(18)

    苹果粘贴为什么是英文的(图层英文怎么写)(19)

    比如with search (带有搜索的)

    苹果粘贴为什么是英文的(图层英文怎么写)(20)

    以下是重头戏,完整格式举例

    苹果的书写顺序(symbol命名)是从大类到小类 状态描述 功能

    如:Bars/Navigation Bar/Light Default Navigation Bar with Search(括号里是我的翻译,大家写的时候不用加上)

    在文末我会附上Teambition的DLS书写顺序链接~

    苹果粘贴为什么是英文的(图层英文怎么写)(21)

    苹果粘贴为什么是英文的(图层英文怎么写)(22)

    苹果粘贴为什么是英文的(图层英文怎么写)(23)

    苹果粘贴为什么是英文的(图层英文怎么写)(24)

    苹果粘贴为什么是英文的(图层英文怎么写)(25)

    苹果粘贴为什么是英文的(图层英文怎么写)(26)

    苹果粘贴为什么是英文的(图层英文怎么写)(27)

    苹果粘贴为什么是英文的(图层英文怎么写)(28)

    更多的格式举例,笔者觉得没必要一一举出,搬出链接,大家自己研究其实更好。

    实际项目中,可能做不到如此详细,但尽可能保证团队使用一种命名格式。

    ,