Halo!
Saya senang dapat kembali kepada Anda, pembaca komunitas yang budiman, dan berbagi pengalaman dan pengetahuan yang diperoleh dengan bekerja di perusahaan IT Omega.
Topik sistem desain, tampaknya, telah dipertimbangkan dari semua sisi: Anda dapat menemukan banyak artikel, posting, laporan, dan materi lainnya. Meskipun demikian, setiap orang yang menemukan istilah ini memiliki banyak pertanyaan. Saya akan mencoba menjawab secara rinci yang utama:
Apa itu sistem desain?
Untuk apa ini?
Bagaimana cara membuatnya?
Apa itu sistem desain?
Mari kita selesaikan secara berurutan. Sistem desain merupakan kombinasi dari tiga entitas:
Bahasa visual adalah apa yang kita lihat.
Kerangka kerja - perpustakaan bahasa visual, kodenya.
Pedoman - aturan tentang bagaimana segala sesuatu harus terlihat dan bagaimana menerapkannya.
Dapat dianggap bahwa sistem desain adalah produk terpisah di dalam produk TI apa pun.
Bahasa visual
Komponen visual dari sistem desain mencakup banyak elemen, yang utamanya adalah:
Warna
UI-
– . , , . - , , , .
, , -, , , ? ? , .
Framework
– , , . .
. , « ». , « ».
, ? , . , ? , ?
, .
Guidelines
, -, « », .
, , . , - . . .
, . , ? , :
?
?
?
UI- : , .
, - . , - . , , .
-?
IT-, : -? , – « »?
. , . .
– . - .
, Figma . , , .
- . . .
– . .
, , , , .
, : , , .
IT- .
, : , , .
UX
, , . , , .
- user flow (, , ). , user flow .
- . , , .
-
-, , , .
-, - – . . - . : , - .
, - . - , .
, - - , , Figma. , UI-kit. , Figma ,
-?
-. , . , . (Brad Frost) «Atomic Web Design».
, :
Setelah membuat sistem desain, penting untuk mengetahui bagaimana menerapkannya dalam praktik perusahaan. Pada artikel kedua, saya akan berbicara tentang bagaimana membangun langkah demi langkah proses penerapan sistem desain di perusahaan mana pun.
Saya harap semua orang telah belajar banyak dari artikel ini. Dan saya sekali lagi yakin bahwa pekerjaan pada artikel tersebut menyusun pengetahuan dan memotivasi untuk studi tambahan.
Terima kasih atas perhatian Anda!