Docs

Mengatur Layout dan Grid Sistem

Membuat rancangan dasar dan tata letak responsive.

Alt text

Perancangan Layout dari Nol

Asumsikan kita tidak menggunakan template preset yang sudah di sediakan ketika membuat halaman baru. melainkan kita merancangkan dari halaman yang masih kosong. sebelum memulai pahami dulu apa itu layout dan grid itu sendiri.

Pengenalan Konsep Layout & Grid

Apa itu Layout?

Layout adalah cara kita mengatur posisi dan tata letak elemen-elemen dalam halaman website. Seperti menyusun furniture di ruangan!.

Apa itu Grid?

Grid adalah sistem kerangka tak terlihat yang membantu kita menyusun elemen-elemen di halaman website secara rapi, terstruktur, dan konsisten. Analogi yang mudah dipahami seperti :

  1. Kertas Bergaris
  2. Rak Buku
  3. Denah Kota

Mengapa Grid Sistem Penting?

  1. Konsistensi : Desain terlihat rapi dan profesional.
  2. Responsif : Menyesuaikan di berbagai devices.
  3. Efisiensi : Mempercepat proses development.