Articles on Smashing Magazine — For Web Designers And Developers
·
命名设计令牌、组件和变量的最佳实践
💡
原文英文，约1400词，阅读约需6分钟。
📝
内容提要
命名设计令牌、组件和变量是设计师和开发者面临的挑战。文章探讨了有效命名的最佳实践，包括逻辑结构、简洁性和可理解性。提供了命名灵感的资源，如Classnames和Design Tokens Naming Playbook，帮助创建一致且灵活的命名系统。此外，介绍了构建适应多品牌的设计令牌分类法及命名颜色和UI组件的技巧。
🎯
关键要点
- 命名设计令牌、组件和变量是设计师和开发者面临的挑战。
- 有效命名的最佳实践包括逻辑结构、简洁性和可理解性。
- Classnames是一个提供命名灵感的资源，包含主题分组的词汇列表。
- 设计令牌命名手册提供了命名结构、可搜索数据库和命名工作坊的不同方法。
- 构建适应多品牌的设计令牌分类法是Intuit团队的挑战，提供了灵活的系统。
- 命名颜色时，使用颜色家族分类和亮度值的组合来实现逻辑性和可扩展性。
- Component Gallery收集了真实设计系统中的界面组件，提供命名参考。
- Vodafone的变量分类图为复杂的多品牌设计系统提供了命名指南。
- 设计令牌名称清单表格帮助确保一致的命名，并与Figma直接同步。
❓
延伸问答
命名设计令牌时有哪些最佳实践？
最佳实践包括逻辑结构、简洁性和可理解性，确保名称对所有人都已知且不与视觉属性相关。
Classnames资源如何帮助命名设计元素？
Classnames提供主题分组的词汇列表，帮助设计师和开发者找到合适的命名灵感。
如何构建适应多品牌的设计令牌分类法？
构建适应多品牌的设计令牌分类法需要定义新的系统标准，以支持多种产品的灵活性。
命名颜色时应考虑哪些因素？
命名颜色时应使用颜色家族分类和亮度值的组合，以实现逻辑性和可扩展性。
Vodafone的变量分类图有什么特点？
Vodafone的变量分类图为复杂的多品牌设计系统提供了清晰的命名指南，展示了设计令牌的分类和连接。
设计令牌名称清单表格的功能是什么？
设计令牌名称清单表格帮助确保一致的命名，并与Figma直接同步，便于管理设计令牌。
➡️
