Je parle d'un petit cadre de couleur qui est utilisé dans notre DS. Tout d'abord, comme d'habitude, un petit tour d'horizon des bonnes pratiques, puis mon vélo. Allons dans l'ordre.
De combien de fleurs avez-vous besoin
Nos «clients» de couleurs sont le concepteur, le marketing et le développement de produits.
De quoi un simple designer a-t-il besoin pour ĂŞtre heureux?
De quoi un marketing a-t-il besoin?
De quoi le développement a-t-il besoin?
D'accord, de combien de nuances de chaque couleur avez-vous besoin? Pas la question la plus simple, d'ailleurs.
MĂ©thode 1
Pour le faire une fois et cela suffit, ils le font généralement:
/ - ( ), . - , .
- , — :
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
Il y a une opinion que les jetons devraient avoir le même nom dans figma et dans le code. Mais tout n'est pas si simple. Les motifs de couleur dans figma et la mise en page sont différents. En faisant tout de même, nous plierons le designer et obtiendrons des courbes du groupe de couleurs de Figma avec lesquelles il lui sera difficile de travailler. Par conséquent, pour les couleurs, il vaut la peine de décrire la convention de dénomination, qui décrira les principes selon lesquels les couleurs sont nommées dans figma et comment cette dénomination doit être transférée dans le code. En conséquence, tout le monde devrait aller bien.
L'idée avec les changements a été espionnée dans la palette de couleurs Opium.Fill .