Saya berbicara tentang kerangka warna kecil yang digunakan di DS kami. Pertama, seperti biasa, ulasan kecil tentang praktik terbaik, lalu sepeda saya. Ayo pergi secara berurutan.
Berapa banyak bunga yang Anda butuhkan
"Pelanggan" warna kami adalah perancang produk, pemasaran, dan pengembangan.
Apa yang dibutuhkan seorang desainer sederhana untuk bahagia?
Apa yang dibutuhkan pemasaran?
Apa yang dibutuhkan pembangunan?
Oke, berapa corak setiap warna yang Anda butuhkan? Ngomong-ngomong, bukan pertanyaan termudah.
Metode 1
Untuk melakukannya sekali dan itu sudah cukup, mereka biasanya melakukan ini:
/ - ( ), . - , .
- , — :
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
Ada pendapat bahwa token harus memiliki penamaan yang sama di figma dan di kodenya. Tapi tidak semuanya sesederhana itu. Pola warna pada figma dan layout berbeda. Dengan membuat semuanya sama, kita akan membengkokkan desainer dan mendapatkan kurva kelompok warna di Figma yang akan sulit baginya untuk bekerja. Oleh karena itu, untuk warna, ada baiknya mendeskripsikan konvensi penamaan, yang akan menjelaskan prinsip-prinsip penamaan warna dalam figma dan bagaimana penamaan ini harus ditransfer ke kode. Akibatnya, semua orang akan baik-baik saja.
Ide dengan pergeseran itu dimata-matai dalam skema warna Opium.Fill .