系统图库放大

重点 (Top highlight)

The fathers of the modern definition of Design Systems have warned us so many times. It was in their posts, their videos, their keynotes and nearly written in stone.

设计系统的现代定义的吨他的父亲已经警告过我们很多次。 这是在他们的帖子,他们的视频,他们的主题演讲中,几乎是用石头写的。

If you just make a Symbol Library (in Sketch for example) you’re not doing a Design System™ just yet.

如果您只是制作一个符号库(例如在Sketch中),那么您还没有在设计系统。

Having a Symbol library can greatly enhance your design workflow and make your work consistent. By just clicking new, refined objects onto the artboard you feel as if you’ve found the holy grail of design.

拥有符号库可以极大地改善您的设计工作流程,并使您的工作保持一致。 只需在画板上单击新的精致对象,就好像您已找到设计的圣杯。

It’s so easy. It looks so good.

它是如此容易。 看起来真好

Nesting a symbol inside an already nested structure and having it all work seamlessly, auto-layout (with recent updates) and be easy to modify was (and is) an awesome way to design. It makes us feel smart.

将符号嵌套在一个已经嵌套的结构中,并使它们无缝地工作,自动布局(具有最新更新)并且易于修改是(而且是)一种很棒的设计方式。 它使我们感到聪明。

So why can’t a library be a system?

那么为什么图书馆不能成为系统呢?

We organised our own website (hype4.com) into a library so we can now drag + drop a footer into a new page and modify it’s nested objects.
我们将自己的网站(hype4.com)组织到一个库中,因此我们现在可以将页脚拖放到新页面中并修改它的嵌套对象。

什么是设计系统? (What is a Design System™?)

Design system is love. Or success. Or both. If love is truth than it can also be a source of truth.

设计系统就是爱。 还是成功。 或两者。 如果爱是真理,那么它也可以成为真理的源头。

That’s because everyone has their own definition. It’s particularly funny because it’s also quite easy to be an expert in Design Systems. (Looking in the mirror right now)

那是因为每个人都有自己的定义。 变得特别有趣,因为成为设计系统专家也很容易。 (现在在照镜子)

If you do something plain-wrong you can always say that this design system is made especially for the needs of our organisation and it’s necessary to deviate that way for it to work. And you’re safe.

如果您做错了什么,您总是可以说这个设计系统是专门为满足我们组织的需求而设计的 ,因此必须偏离这种方式才能正常工作。 而且你很安全。

讨厌吧! (Take that, haters!)

It’s a win-win-win situation for everyone, yet most people seem to frown upon the idea that a Sketch Library can be a Design System on its own.

对于每个人来说,这都是双赢的局面,但是大多数人似乎不赞成草图库可以自己成为设计系统的想法。

非定义 (The non-definition)

While building a design system we can start by identifying the needs. We need a Sketch Library (HA!), then we need to properly document everything and it wouldn’t hurt if we also had some code snippets for components.

在构建设计系统时,我们可以从确定需求开始。 我们需要一个Sketch Library(HA!),然后我们需要正确地记录所有内容,并且如果我们还有一些组件的代码片段,也不会受到损害。

So in an ideal non-definition scenario we need these three things + a dedicated Design System TEAM that would do long, passionate discussions over hot Cocoa on the Global Border Radius Crisis™.

因此,在理想的非定义场景中,我们需要这三样东西以及一个专用的设计系统团队,该团队将就全球边界半径危机 ™上的热可可进行长时间的热情讨论。

(Did You Realise How Important Things Look When You Capitalise The First Letters? Global Border Radius Crisis everyone!)

(您是否意识到首字母大写时事物看起来有多重要?全球边界半径危机大家!)

设计系统的目标是什么? (What is the goal of a design system?)

The main goal of a design system can be outlined in a series of long, difficult sentences (trying to be smart and all). We can talk about atomic approach, molecules, distributed teams, versioning and long, important meeting room discussions and more.

设计系统的主要目标可以概括为一系列冗长而困难的句子(力求精明而全面)。 我们可以讨论原子方法,分子,分布式团队,版本控制以及冗长而重要的会议室讨论等。

But the true goal of a design system is to save TIME + MONEY.

但是设计系统的真正目标是节省 时间+金钱。