我们在网站上 经常讨论 Vue,包括一些 实用 的 应用,但尚未深入探讨其设计方面。在这篇文章中,Viljami Salminen 描述了他的 Vue 设计流程以及促使他构建 Vue 设计系统 的思考过程。
设计系统可以帮助组织中的每个人建立共同的语言,并简化不同学科之间的协作。我也见过另一种情况,即在匆忙中做出了重要的决定。为了避免这种情况,Vue 设计系统引入了以下命名框架,我发现它在过去一直很有效……
Viljami 将设计原则、令牌、元素、模式和模板列为构建系统的途径,我认为这是一个非常有趣的方法,并且与 Lucas Lemonnier 关于 在 Sketch 中创建设计系统 的文章类似,使用原子设计作为结构。我特别喜欢 Viljami 如何在提供的 示例样式指南 中将所有内容整合在一起。