Simulator Grid System & Layout

Praktikkan penyusunan tata letak dengan 4 jenis grid: Manuscript, Column, Modular, dan Hierarchy, lengkap dengan smart magnetic snapping.

Snap-to-Grid Active
Layout Engine

Papan Kontrol Layout

Pilih rasio kanvas media, ubah jenis grid, atur pembagian kolom/baris, dan kelola elemen visual.

Pilih Ukuran Kanvas
Pilih Jenis Grid
Ukuran Margin Tepi: 20px
Pengaturan Garis & Tepi
Tampilkan Garis Bantu Grid
Tampilkan Batas Elemen (Borders)
Kanvas Kerja Tata Letak (Seret komponen atau ubah ukurannya di bawah untuk melihat magnet snapping)
Image Element
HEADLINE UTAMA
Header Teks (Click to edit)
Tuliskan konten paragraf penjelas layout Anda di sini secara kreatif dan informatif.
BACA SELENGKAPNYA

Tip Layouting: Selalu posisikan tepi elemen visual tepat sejajar dengan garis grid agar tata letak tidak berantakan.

MATERI BELAJAR: FUNGSI DAN STRUKTUR GRID SYSTEM

Manuscript Grid (Grid Naskah Tunggal)

Grid paling sederhana yang hanya terdiri dari satu kolom besar berbingkai margin. Ini adalah layout tertua yang meniru naskah-naskah tulisan tangan Abad Pertengahan sebelum mesin cetak ditemukan.

  • Komposisi Utama: Margin atas, bawah, kanan, dan kiri membingkai satu blok konten utama.
  • Aplikasi Industri: Buku teks, novel, esai ilmiah, atau e-book panjang. Fokus utamanya adalah keterbacaan teks tanpa gangguan visual.
  • Kekuatan: Memberikan konsentrasi maksimal bagi mata pembaca untuk menelusuri baris demi baris tulisan secara mendalam.

ATURAN ANATOMI GRID

Pahami tiga komponen anatomis utama dalam penyusunan grid sistem:

Margin Tepi Ruang kosong pengaman di antara tepi luar halaman kanvas dengan batas terluar elemen desain Anda.
Kolom (Columns) Garis partisi tegak lurus (vertikal) yang digunakan untuk menempatkan blok gambar or teks secara sejajar.
Celah Gutter Lebar jarak pemisah di antara kolom atau baris grid, mencegah elemen saling bertumpuk terlalu rapat.
DIAGNOSIS TATA LETAK:

Manuscript grid terdeteksi. Margin 20px aktif. Tata letak A4 stabil untuk media cetak panjang.