Pernah melihat desain yang isinya sederhana tapi terlihat sangat rapi? Rahasianya biasanya ada pada sesuatu yang tidak terlihat: grid dan spacing. Grid adalah kerangka garis yang menjadi pegangan posisi elemen, sedangkan spacing adalah aturan jarak antar-elemen. Panduan ini melanjutkan prinsip di Memahami Tipografi, Kontras, Alignment, dan Hierarchy ke tingkat berikutnya.
Desainer sudah memakai grid untuk menata halaman jauh sebelum ada aplikasi desain. Foto: Akseli Gallen-Kallela, CC0 via Wikimedia Commons
Mulai dari margin
Margin adalah jarak antara isi dan tepi kanvas. Untuk kanvas Instagram selebar 1080 px, margin 72 sampai 96 px di setiap sisi terasa lega dan aman dari potongan grid profil.
Bagi area kerja menjadi kolom
Setelah margin, bagi area di dalamnya menjadi kolom. Untuk media sosial, 4 kolom atau 6 kolom sudah sangat fleksibel.
Di Canva, garis bantu kolom bisa dibuat lewat menu File, lalu Pengaturan, lalu Tambahkan panduan (Add guides), kemudian pilih jumlah kolom dan jarak antarkolom. Kalau menu itu belum tersedia di akunmu, aktifkan penggaris lalu tarik garis bantu secara manual.
Pakai skala jarak yang tetap
Desain terlihat acak kalau jarak antar-elemen berbeda-beda: 13 px di sini, 27 px di sana. Pakai skala jarak dengan kelipatan 8:
| Nama | Ukuran | Dipakai untuk |
|---|---|---|
| XS | 8 px | Jarak ikon dan teks di sebelahnya |
| S | 16 px | Jarak antarbaris dalam satu kelompok |
| M | 32 px | Jarak antara judul dan isi |
| L | 48 px | Jarak antar-kelompok informasi |
| XL | 80 px | Margin kanvas, jarak antar-bagian besar |
Kamu tidak perlu menghafal. Cukup tulis tabel ini di dokumen tim dan pakai lima angka itu saja.
Kelompokkan dengan jarak
Prinsip yang paling berguna dari spacing: elemen yang berhubungan diletakkan berdekatan, elemen yang tidak berhubungan diberi jarak lebih besar. Pembaca otomatis menganggap elemen yang berdekatan sebagai satu kelompok.
Ruang kosong adalah bagian desain
Ruang kosong (whitespace) bukan ruang yang terbuang. Ruang kosong memberi napas, membuat elemen penting menonjol, dan membuat desain terasa tenang. Tanda desain kekurangan ruang kosong: setiap sudut terisi, teks menempel ke tepi, dan mata tidak tahu harus mulai dari mana.
Coba latihan ini: ambil poster yang terasa penuh, hapus satu elemen yang paling tidak penting, lalu perbesar margin. Bandingkan kedua versinya.
Grid dan hierarki bekerja bersama
Grid membantu hierarki karena memberi pola. Elemen yang keluar dari pola, misalnya judul yang lebih lebar dari kolom lain atau satu foto yang menembus margin, akan langsung menarik perhatian. Pakai trik ini dengan sengaja dan hemat, hanya untuk satu elemen terpenting di setiap desain.
Terapkan ke template
Setelah menemukan margin, grid, dan skala jarak yang cocok, simpan dalam template supaya seluruh tim memakainya. Lanjutkan ke panduan Membuat Template Canva yang Bisa Digunakan Satu Tim.
