Close

分类

设计系统模板

作者: InVision

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

使用模板
设计系统模板

随着组织的发展,您也需要发展您的品牌和设计。开发一个设计系统,可以帮助您加快设计过程、消除不一致并减少整个组织的设计负担。InVision 设计系统模板可为您提供所需的工具,用来定义设计原则、文档组件并阐明设计、写作等方面的规则和最佳实践。这些是设计系统的完美起点。

如何使用 设计系统 模板

第 1 步:定义设计原则

Your design principles are the foundation of your design system: they are the values that guide you as you create new products, features, and functionality, and they interact to create your unique look and feel. Choose principles that are concrete, that reflect your organization’s unique point of view, and that designers can apply – using their expert discretion to resolve any tensions or conflicts.

第 2 步:描述视觉语言

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

第 3 步:制定写作规则

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

第 3 步:制定写作规则

第 4 步:建立最佳实践

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

第 5 步:记录组件

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

第 5 步:记录组件

InVision 是一个数字产品设计平台,可用于打造世界上最好的客户体验。

  • Customer interview report template

    Atlassian

    客户访谈报告

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

    使用模板 了解更多
  • Design component template

    Tony Starr

    首席内容设计师
    Atlassian

    设计组件

    使用这个便利的模板在设计系统中记录组件。

    使用模板 了解更多
  • Design sprint template

    Figma

    设计冲刺

    通过设计和测试创建一个框架,回答关键业务问题。

    使用模板 了解更多