PakodingPakoding
Di Halaman Ini ↓

Grid Dan Layout

Grid adalah sistem garis pandu matematis (kolom, baris, dan margin) yang membantu desainer menata elemen secara teratur, konsisten, dan efisien:

+---------------------+
�          �          �
�   FOTO   �  JUDUL   �
�          �          �
+----------+----------�
� INFORMASI�   CTA    �
�          �          �
+---------------------+

Anatomi dasar sistem grid:

  • Margin: Batas jarak aman antara konten desain dengan tepi terluar kanvas.
  • Column: Pembagian vertikal area kerja tempat meletakkan konten.
  • Row: Pembagian horizontal area kerja.
  • Gutter: Jarak celah pemisah antarkolom atau antarbaris.

Pemanfaatan grid menjamin keselarasan (alignment), kerapian tata letak, konsistensi multi-halaman, serta mempercepat proses perancangan layout.

![alt text]/image.png