Ich spreche von einem kleinen Farbrahmen, der in unserem DS verwendet wird. Zuerst wie üblich eine kleine Überprüfung der Best Practices und dann mein Fahrrad. Lass uns in Ordnung gehen.
Wie viele Blumen brauchst du?
Unsere "Kunden" von Farben sind Produktdesigner, Marketing und Entwicklung.
Was braucht ein einfacher Designer, um glücklich zu sein?
Was braucht ein Marketing?
Was braucht Entwicklung?
Okay, wie viele Farbtöne jeder Farbe benötigen Sie? Übrigens nicht die einfachste Frage.
Methode 1
Um es einmal zu tun und das ist genug, tun sie normalerweise Folgendes:
/ - ( ), . - , .
- , — :
2
, , . .
— , 49 , , , , , , , .
, :
—
, , , ?
,
- . , , . - .
3
. Default, hover, pressed, .. . , , — - .
-
Color name / Default
Color name / Hover
Color name / Disabled
. .
. , . , , - .
2 :
— . .
Base — ;
BG — ;
Functional — .
— . .
Brand — , ;
Promo — -.
, -, . . , .
. — , — , - . , .
.
.
, , .
.
- - , : , . .
, . , , , .
— .
, , .
, , . , .
, - . , , - . , , , . "" .
, , . "" .
, " ", . , .
:
/ / _ / Tea / Solid / Base / Primary_Inverted / Default Sugar / Gradient / Brand / Secondary / Up
Es gibt eine Meinung, dass Token in figma und im Code den gleichen Namen haben sollten. Aber nicht alles ist so einfach. Die Farbmuster in Figma und Layout sind unterschiedlich. Wenn wir alles gleich machen, werden wir den Designer biegen und Kurven der Farbgruppe in Figma erhalten, mit denen er nur schwer arbeiten kann. Daher lohnt es sich, für Farben die Namenskonvention zu beschreiben, die die Prinzipien beschreibt, nach denen Farben in figma benannt werden und wie diese Benennung auf den Code übertragen werden soll. Infolgedessen sollte jeder in Ordnung sein.
Die Idee mit den Verschiebungen wurde im Opium.Fill- Farbschema ausspioniert .