Define your design system's principles - Lesson 2 part 1 : Introduction to design systems

Figma

24 May 202303:20

Summary

TLDR本课程深入探讨了构建成功设计系统的四个关键部分：原则、基础、文档和流程。课程强调了原则的重要性，它们是设计系统的指导标准和方法，反映了公司的信仰和价值观。为了创建有影响力的设计原则，需要从公司不同部门收集观点，识别共同主题，并制定易于理解和实践的原则。课程还提供了如何通过设立原则来增强团队文化和提供可操作建议的示例。下一节课将学习设计系统的基础，包括可访问性、布局、排版和颜色等。

Takeaways

📚 设计系统成功的关键部分包括原则、基础、文档和流程。
🛠️ 原则是设计系统的“为什么”，它们是指导标准和方法，反映公司的信仰和价值观。
🔍 原则有助于在冲突出现时引导每个人朝着共同目标前进，帮助团队成员对齐。
🤝 创造有影响力的设计原则需要包括来自公司不同部门的观点。
🔑 与公司不同部门的合作伙伴一起，分享想法，识别模式、特征和行动。
📝 建立易于理解且易于实践的原则，它们应具有明确的特性，对客户体验的影响，以及对业务目标的贡献。
🌟 例如，设计健康习惯应用的团队通过跨公司讨论，确定了“可访问和包容”的原则。
📋 详细描述原则，如服务应尽可能广泛地提供，明确“包容”的含义，并强调无障碍的重要性。
🔍 包括团队在构建时需要考虑的清晰事项，如使用无障碍测试工具和与广泛用户群体的测试。
🛑 提供可操作的建议，如使用万维网联盟发布的网络内容无障碍指南2.0，并使用易于理解的简明语言。
💡 尝试自己设置一个Figma文件，与团队一起集思广益，确保每个人都有机会提供输入。
🎯 定义你的设计系统应包含的三个或更多原则，确保原则清晰、有见地，反映团队信仰的价值观。

Q & A

设计系统成功的四个关键部分是什么？
-设计系统成功的四个关键部分包括原则、基础、文档和流程。
为什么设计系统的原则部分非常重要？
-设计系统的原则部分非常重要，因为它们是指导标准和方法，反映了公司的信仰和价值观，帮助所有人朝着共同目标前进，并在冲突出现时帮助人们达成一致。
创建有影响力的设计系统原则需要包括哪些视角？
-创建有影响力的设计系统原则需要包括来自品牌、市场营销、写作、客户沟通和客户支持等不同业务领域的视角。
如何确定设计系统的原则？
-确定设计系统的原则需要与公司不同部门的合作伙伴一起讨论，分享想法，寻找重复出现的模式、特征和行动，然后建立易于理解和实践的原则。
设计系统的基础部分包括哪些内容？
-虽然脚本中没有详细列出，但设计系统的基础部分通常包括可访问性、布局、排版、颜色等元素。
为什么设计系统需要文档化？
-设计系统需要文档化，以便清晰地传达原则、指南和最佳实践，确保团队成员在使用设计系统时能够保持一致性。
设计流程在设计系统中扮演什么角色？
-设计流程在设计系统中确保了设计工作的连贯性和效率，帮助团队遵循既定的标准和方法来创建和迭代设计。
如何确保设计系统原则的可执行性？
-确保设计系统原则的可执行性需要为团队提供清晰的考虑事项和可操作的建议，例如使用无障碍测试工具、与广泛的用户群体进行测试等。
脚本中提到的'Habits团队'是如何确定他们的原则的？
-Habits团队通过跨公司的头脑风暴，确定了'可访问性和包容性'作为他们的共同主题，并进一步详细描述了这一原则，包括服务应面向尽可能广泛的受众等具体说明。
脚本建议如何测试设计系统的可访问性？
-脚本建议使用可访问性测试工具进行测试，并与广泛的用户群体一起测试，确保所有页面都能通过屏幕阅读软件进行导航。
脚本中提到的'Figma文件'是什么？
-'Figma文件'是一种在线设计协作工具，团队成员可以在其中共同头脑风暴和收集想法。
脚本建议如何定义设计系统的原则？
-脚本建议定义设计系统的原则应该是清晰的、有见地的，并且是团队所信仰的价值观，同时要有趣并易于理解和实施。

Outlines

00:00

📚 设计系统原则概述

本段视频脚本介绍了设计系统的四个关键部分：原则、基础、文档和流程。强调了这些元素在构建设计系统中的重要性，并提出在有限的时间内将重点介绍如何开始。鼓励观众在评论区提出深入探讨这些主题的需求。设计原则是设计系统的“为什么”，是指导标准和方法，反映公司的信仰和价值观。强有力的原则可以引导所有人朝着共同目标前进，并在冲突出现时帮助人们达成一致。创建有影响力的设计原则需要从公司的不同部门获取视角，包括品牌、市场、写作和客户支持等。通过集思广益，识别共同的主题、特征和行动，然后建立易于理解和实践的原则。例如，一个设计团队在设计帮助人们养成健康习惯的应用程序时，确定了“易于访问和包容性”这一共同主题，并围绕这一原则建立了明确的考虑因素和行动建议。

Mindmap

Keywords

💡设计系统

设计系统是一种促进团队协作和提高设计效率的工具，它包括了一系列的设计原则、模式、指南和资源。在视频中，设计系统被视为成功的关键部分，它通过统一的标准和方法来指导团队成员，确保设计成果的一致性和高质量。

💡原则

原则是设计系统中的指导标准和方法，它们反映了公司的信仰和价值观。视频中提到，强大的原则能够引导所有人朝着共同目标前进，并在冲突出现时帮助团队成员达成一致。例如，设计一个帮助人们养成健康习惯的应用程序时，团队确定了“可访问性和包容性”作为其核心原则。

💡基础

设计系统的基础包括可访问性、布局、排版、颜色等元素，它们构成了设计系统的底层结构。视频中提到，这些基础元素是构建设计系统的重要组成部分，它们为设计提供了一致性和标准化的起点。

💡文档

文档是设计系统中用于记录和传达设计原则、模式和指南的重要工具。视频中强调了文档的重要性，它帮助团队成员理解和应用设计系统中的元素，并确保设计的一致性。

💡流程

流程指的是设计系统中的工作流程和步骤，它们确保设计工作能够高效、有序地进行。视频中提到，流程是设计系统的关键部分之一，有助于团队成员理解如何在设计过程中应用设计系统。

💡可访问性

可访问性是指设计时考虑到所有用户的需求，包括残障人士，确保他们能够方便地使用产品。视频中提到，设计团队在制定原则时，特别强调了可访问性，以确保服务能够覆盖尽可能广泛的受众。

💡包容性

包容性是指在设计中考虑到不同背景和需求的用户，使产品能够满足更广泛用户的需求。视频中的团队将“可访问性和包容性”作为设计原则之一，强调了在设计过程中考虑到不同用户的重要性。

💡易用性

易用性是指产品或服务的界面和功能易于理解和操作。视频中提到，设计系统应该使用户能够轻松地导航所有页面，这是易用性的一个重要方面。

💡行业标准

行业标准是指在特定领域内被广泛接受和遵循的标准和规范。视频中提到，设计团队在制定原则时，参考了万维网联盟发布的网络内容可访问性指南2.0等行业标准。

💡行动建议

行动建议是设计系统中提供的具体指导和建议，帮助团队成员在设计过程中做出正确的决策。视频中提到，设计团队提供了使用现有行业标准、消除行业术语等行动建议，以确保设计的有效性和一致性。

💡团队协作

团队协作是指团队成员之间的合作和沟通，以实现共同的目标。视频中强调了团队协作的重要性，提到了设计团队如何与公司不同部门的合作伙伴一起工作，共同制定设计原则。

Highlights

设计系统成功的四个关键部分：原则、基础、文档和流程。

原则是设计系统的“为什么”，反映公司的信仰和价值观。

原则指导所有人朝着共同目标前进，帮助在冲突中达成一致。

创建有影响力的设计原则需要包括来自公司不同部门的观点。

与公司不同部门的合作伙伴一起讨论，发现重复的模式、特点和行动。

确立易于理解和实践的原则。

原则应具有定义性特征，对客户体验的影响，以及对业务目标的贡献。

例如，设计帮助人们养成健康习惯的应用程序时，确定“可访问性和包容性”为原则。

详细描述原则，如服务应尽可能广泛地提供给受众。

强调无障碍性，建立围绕这一原则的强文化。

为团队提供清晰的考虑因素，例如使用无障碍测试工具进行测试。

包括可操作的建议，如使用万维网联盟发布的网络内容无障碍指南2.0。

避免使用行话，使用易于理解的简明语言。

尝试自己设置一个FigJam文件，与团队一起集思广益。

确保每个人都有机会提供意见，识别想法中的共同主题。

定义你的设计系统应该包含的三个或更多原则。

原则应该是清晰的、有观点的，并且是团队所信仰的价值观。

在下一个视频中，我们将学习设计系统的基础，包括无障碍性、布局、排版、颜色等。