Referensi cepat

Checklist di samping karya

Gunakan sambil menyusun poster atau slide di Canva/Figma. Centang pertanyaan yang sudah kamu periksa; pilihan bertahan selama halaman ini terbuka.

Hierarki Visual

0 / 3
Tanyakan pada diri sendiri
Buka pelajaran ↗

Titik Fokus

0 / 3
Tanyakan pada diri sendiri
Buka pelajaran ↗

Tipografi

0 / 4
Tanyakan pada diri sendiri
Buka pelajaran ↗

Warna

0 / 3
Tanyakan pada diri sendiri
Buka pelajaran ↗

Tata Letak

0 / 4
Tanyakan pada diri sendiri
Buka pelajaran ↗

0 / 17 · sudah diperiksa

Atlas teori · 20

Persepsi

Prinsip Gestalt ↗

Mata menghubungkan elemen menjadi pola dan kelompok.

Berat visual ↗

Sebagian elemen menarik perhatian lebih kuat daripada elemen lain.

Figure–ground ↗

Mata membedakan objek yang diamati dari latarnya.

Hierarki

Hierarki visual ↗

Perbedaan visual membantu menentukan urutan perhatian.

Titik fokus ↗

Satu elemen menjadi titik masuk perhatian dalam komposisi.

Kontras ↗

Perbedaan yang terlihat membantu membedakan elemen.

Skala ↗

Ukuran dibandingkan dengan elemen lain dan bidangnya.

Penekanan ↗

Perlakuan visual tertentu memberi prioritas pada pesan.

Komposisi

Aturan sepertiga ↗

Grid 3 × 3 memberi pilihan posisi di garis atau perpotongannya.

Sistem grid ↗

Kolom, baris, margin, dan gutter memberi kerangka tata letak.

Alignment ↗

Tepi, pusat, atau baseline bersama menghubungkan elemen.

Ruang kosong ↗

Area tanpa isi membantu memisahkan dan mengelompokkan pesan.

Keseimbangan ↗

Distribusi berat visual membentuk rasa stabil dalam komposisi.

Proporsi ↗

Perbandingan ukuran antarbagian membentuk hubungan dalam keseluruhan.

Kepadatan informasi ↗

Banyaknya informasi dalam suatu ruang memengaruhi usaha membaca.

Warna

Teori warna ↗

Hue, intensitas, dan terang–gelap membentuk hubungan warna.

Tipografi

Tipografi ↗

Pemilihan dan pengaturan huruf membentuk karakter serta keterbacaan.

Sistem visual

Ritme ↗

Pengulangan dan variasi membuat alur gerak mata.

Pengulangan ↗

Elemen yang dipakai kembali membantu menyatukan desain.

Konsistensi visual ↗

Aturan visual yang sama membantu mengenali peran yang sama.

Teori desain adalah panduan untuk diuji dalam konteks, bukan hukum universal.

Sumber & bacaan

Figma · Graphic design principles ↗Figma · Gestalt principles ↗Figma · Visual hierarchy ↗Canva · Color wheel ↗Figma · Typography in design ↗W3C · Contrast (Minimum) ↗