Define your design system's principles - Lesson 2 part 1 : Introduction to design systems
Summary
TLDR本课程深入探讨了构建成功设计系统的四个关键部分:原则、基础、文档和流程。课程强调了原则的重要性,它们是设计系统的指导标准和方法,反映了公司的信仰和价值观。为了创建有影响力的设计原则,需要从公司不同部门收集观点,识别共同主题,并制定易于理解和实践的原则。课程还提供了如何通过设立原则来增强团队文化和提供可操作建议的示例。下一节课将学习设计系统的基础,包括可访问性、布局、排版和颜色等。
Takeaways
- 📚 设计系统成功的关键部分包括原则、基础、文档和流程。
- 🛠️ 原则是设计系统的“为什么”,它们是指导标准和方法,反映公司的信仰和价值观。
- 🔍 原则有助于在冲突出现时引导每个人朝着共同目标前进,帮助团队成员对齐。
- 🤝 创造有影响力的设计原则需要包括来自公司不同部门的观点。
- 🔑 与公司不同部门的合作伙伴一起,分享想法,识别模式、特征和行动。
- 📝 建立易于理解且易于实践的原则,它们应具有明确的特性,对客户体验的影响,以及对业务目标的贡献。
- 🌟 例如,设计健康习惯应用的团队通过跨公司讨论,确定了“可访问和包容”的原则。
- 📋 详细描述原则,如服务应尽可能广泛地提供,明确“包容”的含义,并强调无障碍的重要性。
- 🔍 包括团队在构建时需要考虑的清晰事项,如使用无障碍测试工具和与广泛用户群体的测试。
- 🛑 提供可操作的建议,如使用万维网联盟发布的网络内容无障碍指南2.0,并使用易于理解的简明语言。
- 💡 尝试自己设置一个Figma文件,与团队一起集思广益,确保每个人都有机会提供输入。
- 🎯 定义你的设计系统应包含的三个或更多原则,确保原则清晰、有见地,反映团队信仰的价值观。
Q & A
设计系统成功的四个关键部分是什么?
-设计系统成功的四个关键部分包括原则、基础、文档和流程。
为什么设计系统的原则部分非常重要?
-设计系统的原则部分非常重要,因为它们是指导标准和方法,反映了公司的信仰和价值观,帮助所有人朝着共同目标前进,并在冲突出现时帮助人们达成一致。
创建有影响力的设计系统原则需要包括哪些视角?
-创建有影响力的设计系统原则需要包括来自品牌、市场营销、写作、客户沟通和客户支持等不同业务领域的视角。
如何确定设计系统的原则?
-确定设计系统的原则需要与公司不同部门的合作伙伴一起讨论,分享想法,寻找重复出现的模式、特征和行动,然后建立易于理解和实践的原则。
设计系统的基础部分包括哪些内容?
-虽然脚本中没有详细列出,但设计系统的基础部分通常包括可访问性、布局、排版、颜色等元素。
为什么设计系统需要文档化?
-设计系统需要文档化,以便清晰地传达原则、指南和最佳实践,确保团队成员在使用设计系统时能够保持一致性。
设计流程在设计系统中扮演什么角色?
-设计流程在设计系统中确保了设计工作的连贯性和效率,帮助团队遵循既定的标准和方法来创建和迭代设计。
如何确保设计系统原则的可执行性?
-确保设计系统原则的可执行性需要为团队提供清晰的考虑事项和可操作的建议,例如使用无障碍测试工具、与广泛的用户群体进行测试等。
脚本中提到的'Habits团队'是如何确定他们的原则的?
-Habits团队通过跨公司的头脑风暴,确定了'可访问性和包容性'作为他们的共同主题,并进一步详细描述了这一原则,包括服务应面向尽可能广泛的受众等具体说明。
脚本建议如何测试设计系统的可访问性?
-脚本建议使用可访问性测试工具进行测试,并与广泛的用户群体一起测试,确保所有页面都能通过屏幕阅读软件进行导航。
脚本中提到的'Figma文件'是什么?
-'Figma文件'是一种在线设计协作工具,团队成员可以在其中共同头脑风暴和收集想法。
脚本建议如何定义设计系统的原则?
-脚本建议定义设计系统的原则应该是清晰的、有见地的,并且是团队所信仰的价值观,同时要有趣并易于理解和实施。
Outlines
📚 设计系统原则概述
本段视频脚本介绍了设计系统的四个关键部分:原则、基础、文档和流程。强调了这些元素在构建设计系统中的重要性,并提出在有限的时间内将重点介绍如何开始。鼓励观众在评论区提出深入探讨这些主题的需求。设计原则是设计系统的“为什么”,是指导标准和方法,反映公司的信仰和价值观。强有力的原则可以引导所有人朝着共同目标前进,并在冲突出现时帮助人们达成一致。创建有影响力的设计原则需要从公司的不同部门获取视角,包括品牌、市场、写作和客户支持等。通过集思广益,识别共同的主题、特征和行动,然后建立易于理解和实践的原则。例如,一个设计团队在设计帮助人们养成健康习惯的应用程序时,确定了“易于访问和包容性”这一共同主题,并围绕这一原则建立了明确的考虑因素和行动建议。
Mindmap
Keywords
💡设计系统
💡原则
💡基础
💡文档
💡流程
💡可访问性
💡包容性
💡易用性
💡行业标准
💡行动建议
💡团队协作
Highlights
设计系统成功的四个关键部分:原则、基础、文档和流程。
原则是设计系统的“为什么”,反映公司的信仰和价值观。
原则指导所有人朝着共同目标前进,帮助在冲突中达成一致。
创建有影响力的设计原则需要包括来自公司不同部门的观点。
与公司不同部门的合作伙伴一起讨论,发现重复的模式、特点和行动。
确立易于理解和实践的原则。
原则应具有定义性特征,对客户体验的影响,以及对业务目标的贡献。
例如,设计帮助人们养成健康习惯的应用程序时,确定“可访问性和包容性”为原则。
详细描述原则,如服务应尽可能广泛地提供给受众。
强调无障碍性,建立围绕这一原则的强文化。
为团队提供清晰的考虑因素,例如使用无障碍测试工具进行测试。
包括可操作的建议,如使用万维网联盟发布的网络内容无障碍指南2.0。
避免使用行话,使用易于理解的简明语言。
尝试自己设置一个FigJam文件,与团队一起集思广益。
确保每个人都有机会提供意见,识别想法中的共同主题。
定义你的设计系统应该包含的三个或更多原则。
原则应该是清晰的、有观点的,并且是团队所信仰的价值观。
在下一个视频中,我们将学习设计系统的基础,包括无障碍性、布局、排版、颜色等。
Transcripts
welcome back in this lesson we'll dig
into four key parts of a successful
design system principles foundations
documentation and processes
these are some of the most important
aspects of building the design system
each of these topics are deep and we
won't be able to cover everything in our
time together
instead we'll focus on what you need to
get started
after learning these Basics consider the
needs of your team business and system
to determine where you may need further
learning and if you'd like for any of us
to do a deeper dive on any of these
topics let us know in the comments
now let's get started
principles are the why of a design
system
they're The Guiding standards and
approaches that reflect the company's
beliefs and values a strong set of
principles directs everyone towards a
common goal and helps people get aligned
when conflicts arise
to create impactful principles you need
to include perspectives from across the
business
how is the company represented by brand
and marketing teams how do writers
communicate to customers
what is the experience when something
goes wrong and customers need support
get together with Partners from across
the company and share some ideas
see if you can spot recurring patterns
characteristics and actions among them
then establish some principles that are
easy to understand and to put into
practice
a principal might have a defining
characteristic an understanding of how
this impacts a customer's experience it
contributes to business goals and clear
examples of what this principle looks
like in action
for example the habits team who are
designing an app to help people form
healthy habits brainstorm principles
with people across the company they
identified a common theme which became
the principle be accessible and
inclusive they included notes to
describe the principle in more detail
like the service should be available to
the widest possible audience to clarify
what inclusive means and celebrate
prioritizing accessibility to build a
strong culture around this principle
they also documented clear
considerations for teams as they build
like are we testing your software using
accessibility testing tools are we
testing with a wide range of users can
people navigate all pages with screen
reading software
lastly they included actionable
suggestions like use existing industry
standards such as web content
accessibility guidelines 2.0 published
by the World Wide Web Consortium and
eliminate jargon and use easy to
understand plain language
try it yourself set up a fig Jam file to
brainstorm with your team work together
to gather ideas ensuring that everyone
has a chance to provide input
try to identify common themes among the
ideas you captured
and Define three or more principles that
your design system should include
remember that your principle should be
clear opinionated values your team
believes in have fun with it
in the next video we'll learn about
design system foundations including
accessibility layouts typography color
and more
ready to move on we'll see you there
5.0 / 5 (0 votes)