Mengenal Pola Grid pada Halaman Katalog
Alasan susunan kartu memudahkan eksplorasi konten dalam berbagai perangkat.
Grid menjaga urutan informasi
Kartu yang berukuran seimbang memudahkan mata membandingkan judul, kategori, dan cuplikan. Jarak antarkartu juga berguna untuk menunjukkan batas setiap konten. Susunan yang konsisten mempercepat proses pemindaian ketika pilihan cukup banyak.
Kolom perlu berubah mengikuti layar
Empat kolom mungkin nyaman di desktop, tetapi terlalu sempit bila dipaksakan ke ponsel. Desain responsif mengurangi jumlah kolom dan memberi ruang sentuh lebih besar. Gambar sebaiknya menyesuaikan lebar tanpa mengubah proporsi aslinya.
Urutan tetap penting meskipun rapi
Katalog bisa dimulai dari panduan paling relevan, kemudian diikuti bacaan lanjutan. Kartu tidak perlu semuanya menonjol secara bersamaan. Gunakan judul yang informatif dan ringkasan yang jujur untuk membantu pembaca memilih tujuan berikutnya.
Simulasi tampilan empat dan dua kolom
Pada laptop, letakkan empat kartu artikel dalam satu baris; pada ponsel, susun dua kartu agar judul masih terbaca. Periksa jarak antarkartu dan ukuran gambar. Jika judul terlalu panjang, biarkan teks turun ke baris baru daripada mengecilkan huruf secara berlebihan.