Gambaran Besar: Grid System Itu Apa?
Bayangkan kamu mau susun makanan di nampan kantin. Tanpa sekat, semua berantakan. Tapi kalau nampannya punya kotak-kotak pembatas, nasi di sini, lauk di sini, sayur di sini, minuman di sini, otomatis rapi dan seimbang.
Grid system itu ya persis pembatas nampan itu. Di desain, grid adalah garis-garis tak kasat mata yang membagi kanvas jadi kolom-kolom atau kotak-kotak. Elemen desain (foto, teks, logo, tombol) diletakkan mengikuti garis grid, hasilnya proporsional, teratur, dan enak dilihat.
Yang penting: grid tidak terlihat di hasil akhir. Dia hilang waktu desain selesai. Tapi pengaruhnya terasa banget.
Tiga Jenis Grid yang Dipakai di Skenario Ini
Sebelum mulai sketsa, pahami dulu karakter tiap grid:
Grid 3 Kolom – kanvas dibagi jadi 3 jalur vertikal sama rata. Cocok untuk layout yang “kalem” dan seimbang. Satu foto bisa ambil 2 kolom, teks di 1 kolom sisanya.
Grid 4 Kolom – lebih rapat, lebih banyak variasi. Elemen bisa menempati 1, 2, atau 3 kolom. Hasilnya lebih dinamis dan “bernapas.”
Grid Modular – kombinasi kolom dan baris. Kanvas jadi kotak-kotak kecil seperti papan catur. Ini yang paling fleksibel, cocok untuk layout yang punya banyak elemen berbeda sekaligus.
Di bawah ini visualisasi 6 alternatif sketsa lengkap dengan grid-nya. Langsung lihat perbedaan tiap jenis grid:
Dua Sketsa Terpilih dan Alasannya
Sketsa 3 dipilih karena grid 4 kolom memberikan ruang napas yang cukup antara elemen. Foto utama menempati 3 kolom memberi kesan “besar dan berani,” sementara 1 kolom sidebar untuk teks judul menciptakan kontras yang enak. Di baris bawah, 4 kartu kategori masing-masing 1 kolom terasa rapi dan mudah dibaca sekilas — tidak terlalu ramai, tidak terlalu kosong.
Sketsa 5 dipilih karena grid modular memungkinkan setiap elemen punya ukuran yang sesuai fungsinya. Foto hero besar di kiri atas langsung menarik mata. Blok tanggal kecil di pojok kanan jelas terbaca. Baris kategori di tengah rapi. Strip CTA di bawah punya ruang sendiri. Tiap zona tidak berebut perhatian.
Cara Membuat di Kertas (Langkah Praktis)
- Siapkan kertas A4 dan penggaris.
- Gambar 6 kotak persegi berukuran sama, misalnya 6 × 6 cm. Beri jarak antar kotak.
- Di tiap kotak, tarik garis tipis (bisa pakai pensil) sesuai jenis grid:
- Sketsa 1 & 2: bagi kotak jadi 3 bagian vertikal sama rata.
- Sketsa 3 & 4: bagi jadi 4 bagian vertikal.
- Sketsa 5 & 6: bagi jadi 4 kolom dan 4 baris, sehingga terbentuk kotak kecil-kecil.
- Gambar elemen desain (kotak abu-abu = foto, kotak berwarna = teks/tombol) mengikuti batas grid.
- Tandai sketsa terbaik, tulis penjelasan singkat di sampingnya.
Satu jebakan umum: banyak siswa langsung menggambar tanpa grid dulu, lalu bingung kenapa hasilnya “aneh.” Solusinya sederhana — tarik dulu garis gridnya, baru letakkan elemen. Urutan itu tidak bisa dibalik.
Kuis Singkat
-
Apa perbedaan grid 3 kolom dan grid modular dari sisi fleksibilitas penempatan elemen?
-
Kenapa sebuah elemen di grid 4 kolom bisa sengaja menempati 2 atau 3 kolom sekaligus, bukan cuma 1 kolom?
-
Kamu diberi tugas membuat poster bazar dengan 5 informasi berbeda (judul, tanggal, lokasi, 3 kategori stand, dan QR code). Grid mana yang paling cocok dipakai? Jelaskan alasanmu.