Apakah Grid membatasi kreatifitas UI Designer?
Dwinawan Hariwijaya
Agustus 11, 2021
"Males ah pake grid, design nya jadi kaku"

"Kalau pake grid design nya berasa template, sama kayak yang lain nya"

"Pake Grid jadi susah bikin layout yang bagus, susunan layout nya pasti kayak itu itu saja"
Celetukan diatas adalah pandangan saya beberapa tahun yang lalu sebelum mengenal grid. Saat ini pandangan itu sudah berubah. Kaku atau tidak nya sebuah design karena menggunakan grid sangat tergantung dengan designer nya. Mari kita bahas satu persatu.
• • •
1. Grid adalah alat, bukan aturan
Grid bukanlah aturan baku, grid hanyalah alat untuk mempermudah proses konversi design ke bentuk code. Menyadari hal ini akan menghilangkan rasa "terkekang" saat menggunakan grid sehingga pikiran pikiran buruk tentang grid yang mengikat kreatifitas dapat disingkirkan perlahan.
• • •
2. Grid membuat design menjadi kaku?
Jika mindset penggunaan grid adalah seperti dibawah ini, maka sangat mungkin hasil design menjadi kaku. Menggunakan grid tidak perlu sekaku design diatas. Kita bisa menggunakan grid untuk implementasi design dibawah ini
• • •
3. Ubah mindset. Dari grid untuk mengatur layout menjadi grid untuk membuat sebuah komponen
Jika berpikir bahwa grid digunakan untuk mengatur keseluruhan layout, maka akan timbul banyak batasan, sehingga susunan layout hanya seperti dibawah ini Jika berpikir bahwa grid digunakan untuk mengatur keseluruhan layout, maka akan mendorong untuk berpikir menempatkan komponen komponen pada jalur grid yang tersedia dan mengusahakan agar rapih.
Tapi jika berpikir grid digunakan untuk membuat sebuah komponen, maka batasan batasan diatas tadi akan hilang dan hasil design bisa seperti dibawah ini Karena pikiran hanya fokus menggunakan grid untuk membuat komponen bukan layout secara keseluruhan.
Beginilah pandangan kita terhadap grid jika kita menganggap grid adalah alat bantu untuk membuat komponen Kita jadi berpikir "berapa kolom yang harus saya ambil untuk membuat komponen ini?"
Contoh lain jika kita memandang grid adalah alat bantu untuk membuat komponen Membuat kita tidak merasa terkekang dengan bagaimana kita menyusun layout.
• • •
Pada design dibawah ini saya menggunakan grid bawaan bootstrap, dan menurut saya design nya tidak kaku. Kalian bisa melihat versi online nya disini
• • •
Takeaways
  • Grid adalah alat bantu, bukan aturan
  • Coba mengganti mindset dari berpikir menggunakan grid untuk mengatur keseluruhan layout menjadi berpikir menggunakan grid untuk membuat tiap tiap komponen
  • Fungsi utama Grid adalah agar developer mengetahui berapa jumlah kolom yang digunakan oleh designer untuk membuat suatu komponen, sehingga dengan menyamakan aturan grid nya hasil coding bisa menyerupai design nya
• • •
Seberapa suka kamu dengan artikel ini?
Tulisan Lainnya