Close

自 8 月 4 日起,每周观看 20 分钟的系列节目,探索团队协作强化之路。免费注册 →

分类

设计系统模板

作者: Atlassian

在专业人士的帮助下开发统一的设计系统,帮助您扩展设计团队

使用模板
设计系统模板

随着组织的发展,您可能还需要改进品牌和设计。开发设计系统将帮助您加快设计流程、消除不一致并减少整个组织的设计瑕疵。设计系统模板可为您提供工具,用于定义设计原则、记录组件,以及阐明设计与协作等方面的规则和最佳实践。这是任何设计系统的完美起点。

如何使用 设计系统 模板

第 1 步:定义设计原则

设计原则是设计系统的基础:它们是指导您创建新产品、特征和功能的价值观,而且它们相互作用让您创建独特的外观。您选择的原则要具体、反映组织的独特观点并且设计人员可以运用,也就是利用他们的专业判断力来解决紧张关系或冲突。

第 2 步:描述视觉语言

确定设计原则后,需要确定视觉语言的元素。它们包括调色板、版式、大小和间距规则,以及图标和插图库等。对于每个设计元素,请列出设计人员应采用的规则,并加入一些“允许事项和禁止事项”,以演示如何在实践中使用这些元素。

第 3 步:制定写作规则

明确视觉效果后,需要确定写作的规则。每个组织都有不同的写作风格和不同的表达方式,甚至大小写、标点符号和数字方面的习惯也可能因设计团队而异。在页面上记录重要的写作规则、在词汇表中添加品牌术语,并在顶部创建一个速查表,以回答常见问题或提醒设计团队重要的写作规范。

第 3 步:制定写作规则

第 4 步:建立最佳实践

您知道哪些内容对设计团队有效,哪些无效。在下一部分中,写下有关可访问性、浏览器支持和移动设计等方面的最佳实践。这样一来,设计师将得到一个很棒的速查表,帮助他们制作出经得起考验的设计,既美观又有包容性。

第 5 步:记录组件

现在,需要深入细节。为设计系统中的每个组件粘贴一段代码,并使用本部分中的表来描述在不同设计背景中可以如何进行修改。本部分对于确保组织中的开发人员正确、一致地实施设计至关重要,因此请确保您投入时间和精力,处理好这一部分。

第 5 步:记录组件

Atlassian 是一家企业软件公司,面向软件开发人员、项目经理和内容管理人员开发商品。

  • Content design glossary template

    Atlassian

    Content design glossary

    Teach writers how to use product names, industry terms, and other content with an A-Z guide.

    使用模板 了解更多
  • Content strategy template

    Atlassian

    内容策略

    制定内容策略计划并组织您的编辑日历。

    使用模板 了解更多
  • Customer interview report template

    Atlassian

    客户访谈报告

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

    使用模板 了解更多