Design system merupakan sebuah dokumentasi untuk asset, pola, ataupun komponen-komponen dalam sebuah desain. Biasanya hal ini merupakan salah satu dokumen yang sering ada pada dunia UI/UX atau Product Designer
Kegunaan dari dokumentersebut digunakan berulang-ulang untuk membuat sebuah produk memiliki konsistensi. Oleh karena itu penggunaan pola, asset, ataupun komponen-komponen tersebut sering digunakan berulang kali.
Jika kamu dari background design grafis maka kamu pasti mengenal dengan Brand Guideline ataupun Graphic standard manual. Design system hampir sama dengan dua hal tersebut. Hanya saja penerapan dari elemen-elemen dari dua hal tersebut juga sedikit berbeda.
Kegunaan Design System
Tentu saja penggunaan design system erat kaitannya dengan User Interface yang mana terdiri dari:
1. Warna
Dalam guide style ataupun Graphic standar manual, pemilihan warna merupakan bagian utama dari aturan mereka.
Hal tersebut juga merupakan bagian dari design system. Hal tersebut seperti:
- Primary
- Primary Variant
- Secondary
- Secondary Variant
- Background
- Surface
- Error
2. Tipografi
Pengunaan atau pemilihan jenis font juga merupakan bagian dari dokumentasi ini. Hal-hal yang diatur selain scale dan typeface yg digunakan Design system juga mengatur kegunaan dari tipografi tersebut, seperti:
- Scale Categories
- Typeface
- Font
- Size
- Case
- Letter Spacing
3. Design Component
Hal inilah yang membedakan design system dengan jenis dokumentasi desain yang lainnya.
Design Component merupakan bagian yang akan digunakan oleh UI/UX Designer untuk pembuatan layout dari screen yang mereka desain, Hal tersebut akan mengatur:
- Button
- Wrapper
- Icon
- Navigasi
- dllnya.
Kegunaan Design System
Selah mengetahui apa saja yang harus didokumentasikan pada design system. Maka sekarang kita bisa bicara tentang keuntungan dari penggunaannya.
1. Konsistensi
Setelah mengatur jenis huruf, warna, serta komponen makanya produk yang kita bikin akan terlihat konsisten dari segi bentuk ataupun warnanya. Hal ini akan membuat produk terlihat lebih profesional.
Baca Juga: Ayo Memulai membuat design system
2. Proses Prototipe dan devolopher lebih cepat
Dengan adanya acuan komponen, warna dan tipografi yang harus digunakan, membuat kita sebagain UI/UX Designer tentu tidak perlu bingung lagi dalam mendesign button ataupun navigasi-navigasi lainnya.
Serta dengan adanya konsistensi penggunaan navigasi juga akan membantu developer dalam pembuatan produk yang telah kita desain.
Hal inilah kenapa alasan design system sangat penting diketahui dan digunakan oleh seorang ui/ux designer. Oleh karena itu penting untuk seorang ui/ux designer mengetahui bagaiamana cari menggunakan design system tersebut.
