#BelajarDesain Hari ke 12
Design System
Apa sih artinya? Kapan Butuhnya? Itu buat apa ya?
Artikel ini dibuat agar #BelajarDesain menjadi lebih mudah. Ikuti instagram kami di @belajardesain.io untuk mendapatkan update #BelajarDesain desain terbaru.
Apa sih Design Sistem itu?
Sebenarnya ada bermacam-macam definisi tentang design system ini. Tetapi, pada intinya, Design System adalah sebuah kumpulan komponen design yang dapat digunakan kembali, dan mempunyai aturan yang jelas sehingga dapat ‘dirangkai’ menjadi sebuah produk.
Gampang nya sih, bayangkan design system ini seperti permainan Lego, yang kita bongkar pasang menjadi bentuk apapun. Bagaimanapun bentuk yang kita buat, pasti akan menggunakan komponen dari lego block itu sendiri.
Butuh gak sih design system dan gimana cara buat nya?
Sebenarnya Design System akan menunjukan taring nya atau akan berasa sangat berguna jika kita menggunakan nya dalam sebuah tim yang melibatkan desainer lain untuk berkolaborasi.
Kenapa? Karena output yang paling mudah dalam design system ini sendiri adalah biasanya adalah UI kit atau design library untuk digunakan oleh para desainernya.
UI kit ini sendiri terdiri dari beberapa component desain yang akan kita pakai nantinya dalam membuat sebuah aplikasi. Berikut beberapa hal yang akan menjadi fondasi dalam membuat UI kit:
Color
Warna adalah fondasi yang harus kita tentukan terlebih dahulu karena dengan warna akan berpengaruh terhadap semua tema atau branding aplikasi yang akan kita buat.
Tipografi
Pemilihan font yang tepat juga akan membuat aplikasi kita semakin enak untuk di pakai oleh pengguna kita.
Design Component
Nah, kita juga harus menentukan aturan untuk component yang akan kita pakai dari awal. Biasanya dimulai dengan component yang bakal sering kita pakai seperti button, navigasi bar, atau header & footer.
Apa sih keuntungan nya memakai Design System ini?
Ada beberapa keuntungan yang akan kita dapatkan jika kita memakai desain sistem ini.
Mendesain dengan konsisten
Komponen standar yang digunakan secara konsisten dan berulang membuat aplikasi yang lebih mudah diprediksi dan mudah dipahami. Komponen juga memungkinkan desainer menghabiskan lebih sedikit waktu untuk fokus pada gaya dan lebih banyak waktu mengembangkan pengalaman pengguna yang lebih baik.
Membuat Prototipe dengan lebih cepat
Bekerja dengan Design system, memungkinkan kita untuk mendesain aplikasi dengan cepat seperti menyusun mainan lego block karena kita tak perlu mendesain dari awal, karena tinggal drag n drop aja.
Kolaboratif dan juga saling berbagi ilmu
Meningkatkan kolaborasi dengan tim dan membangun mindset kolaborasi yang bagus jika design system ini dibuat bersama — sama. sehingga kita akan bekerja sama dengan sesama desainer untuk menentukan dan mengembangkan design system itu sendiri.
Jika kamu ingin belajar lebih lanjut tentang design system itu sendiri, dan ingin lebih mendalami nya, silahkan untuk mendengarkan podcast berbahasa indonesia yang juga pernah membahas tentang design system lebih dalam di podcast ini.
Hari ini, kamu sudah #BelajarDesain tentang Design System
Ikuti instagram kami di @belajardesain.io untuk mendapatkan update #BelajarDesain desain terbaru.
Selanjutnya, kita akan #BelajarDesain tentang Desain Proses — Empati.