Design component template screenshot preview

设计组件模板

创建者:

Atlassian logo

创建一个精心记录的设计组件库

分类

  • 设计

主要功能

  • 文档

  • 要求

  • 知识库

Design component template screenshot preview

跟踪记录团队在设计中使用的所有组件可能非常困难,尤其是在团队不断发展壮大的情况下。设计组件模板可帮助您记录每项内容,从组件的功能和构造等基本信息,到它在不同环境下的外观和作用的具体信息。甚至还有一个用于额外指导的部分,您可以在这里解释组件在内容、可访问性、移动等方面的特定规则。从头开始创建整个组件库!

如何使用设计组件模板

  1. 1

    首先填写基本信息

    在了解组件规格的具体细节之前,您需要掌握一些基础信息。首先填写组件基础信息行中的内容:为组件命名、描述其功能,然后上传带有编号标注的结构解剖图。使用这些标注创建一个图例并定义组件结构解剖的每个元素。这一部分的目的是让使用该组件的人了解其中所有元素是如何组合在一起的。

  2. 2

    列出规范

    此时,您要开始了解将组件用作更大功能的设计一部分的不同方式。描述组件的使用方式,包括其在设计中的整体用途,然后研究其在不同情境中的展现方式和作用。将代码存储库的实时代码用于设计系统,以显示不同的变体。最后,描述组件的直观样式。确保您提供了建议做法和不当做法的示例。

  3. 3

    记录提示、技巧和最佳实践

    每个组件都有其独特性。请将其记录在附加指南中。从内容开始:是否有特定于此组件的标点规则?标准标签是怎样的?请将这些内容记录下来,同时也要记录特定于该组件的可访问性问题以及在移动环境中应用该组件的技巧。如果该组件的使用存在行业标准最佳实践,也请一并列出。最后,添加指向任何相关组件或模式的链接。

相关模板

设计

内容设计词汇表

利用 A-Z 指南,指导作者如何使用产品名称、行业术语和其他内容。

设计

内容策略

规划内容策略并组织您的编辑日历

产品管理

客户访谈报告

使用客户访谈报告将客户访谈变为洞察信息