๐ŸŽฏ Tujuan ๐Ÿ“ Prinsip PARC ๐ŸŽจ Teori Warna & Format ๐ŸŽฎ Color & Poster Studio ๐Ÿ“ Evaluasi Formatif โœจ Rangkuman & Refleksi
Learn / Informatika / TIK / 05. Desain Grafis Dasar
๐Ÿ“ฑ Teknologi Informasi & Komunikasi ยท Modul 05

Desain Grafis Dasar: Prinsip Visual & Komposisi Estetis

Desain yang baik bukan cuma soal "bagus", tapi bagaimana pesan visual dapat tersampaikan secara jelas dan memikat! Pelajari rumus sakti PARC, harmoni warna, tipografi hierarki, dan perbedaan format JPG vs PNG vs SVG.

โฑ๏ธ Waktu: 45 Menit ๐ŸŽจ Rumus: PARC & Roda Warna ๐Ÿ“ Evaluasi: 20 Soal (4 Bagian)
๐ŸŽฏ

Tujuan Pembelajaran

Kompetensi yang akan kamu kuasai setelah menyelesaikan modul ini

01.
Memahami 4 Prinsip Desain PARC

Menerapkan Proximity (Kedekatan), Alignment (Perataan), Repetition (Pengulangan), dan Contrast (Kontras).

02.
Teori Warna & Harmoni Visual

Menyusun palet warna komplementer, analog, triadik, serta memahami psikologi warna dalam komunikasi media.

03.
Format Gambar & Resolusi Digital

Memilih format tepat: JPG (foto kompresi), PNG (transparansi), SVG (vektor tajam tanpa pecah), dan GIF (animasi).

04.
Berkarya dengan Tools Desain Modern

Merancang poster, infografis, dan posting media sosial sekolah menggunakan platform Canva atau Figma.

1

4 Prinsip Dasar Desain: PARC

Kaidah baku yang dipopulerkan oleh Robin Williams dalam "The Non-Designer's Design Book"

๐Ÿงฒ

P โ€” Proximity (Kedekatan)

Kelompokkan elemen yang saling berhubungan secara berdekatan. Jangan sebarkan teks judul dan tanggal ke sudut yang berjauhan.

๐Ÿ“

A โ€” Alignment (Perataan)

Setiap elemen harus memiliki garis lurus visual yang menghubungkannya (rata kiri, kanan, atau tengah). Hindari penempatan acak.

๐Ÿ”

R โ€” Repetition (Pengulangan)

Ulangi elemen visual (warna brand, gaya icon, jenis font) di seluruh halaman desain untuk menciptakan identitas yang konsisten.

โšก

C โ€” Contrast (Kontras)

Buat elemen yang berbeda menjadi sangat berbeda (ukuran teks 40pt vs 14pt, warna cerah vs gelap) agar mata audiens langsung tertuju.

2

Perbandingan Format Gambar Digital

Kapan harus memilih JPG, PNG, SVG, atau GIF?

.JPG / .JPEG Foto Nyata Kompresi

Sangat cocok untuk foto pemandangan & potret karena ukuran berkas kecil, tapi tidak mendukung latar transparan.

.PNG Transparan & Tajam

Format wajib untuk logo, icon, dan stiker karena mendukung alpha transparency (latar tembus pandang).

.SVG Vektor Matematis

Berbasis rumus matematika, tidak akan pernah pecah atau buram meskipun dizoom hingga 1000%.

.GIF Animasi Sederhana

Mendukung animasi gerakan pendek berulang (looping), namun terbatas maksimal 256 warna.

๐ŸŽจ

Color & Poster Studio Simulator

Ubah tema palet warna dan lihat bagaimana kontras memengaruhi keterbacaan poster sekolah

Studio Interaktif
Pilih Skema Warna Poster:
Pameran Karya TIK 2025

FESTIVAL INFORMATIKA & KARYA DIGITAL SMPN 2 LAMONGAN

Saksikan demonstrasi proyek robotik cerdas, pameran game buatan siswa, dan kompetisi koding seru!

๐Ÿ“… 15 Oktober 2025 โ€ข Lab Komputer GRATIS UNTUK SEMUA SISWA
๐Ÿ“

Evaluasi Formatif: Desain Grafis Dasar

Uji pemahaman prinsip PARC, teori warna, dan format gambar (Total Skor: 100)

Target Kelulusan Minimal 70 Poin
Bagian A

Pilihan Ganda (5 Soal ยท Bobot: 25 Poin)

1. Prinsip desain "Proximity" (Kedekatan) dalam kaidah PARC menyatakan bahwa...

2. Mengapa logo sekolah atau icon website sebaiknya disimpan dalam format .SVG?

3. Dua warna yang posisinya saling berseberangan langsung pada roda warna (color wheel), seperti Biru dan Oranye, disebut pasangan warna...

4. Perbedaan utama antara format .PNG dan .JPG adalah...

5. Aplikasi desain grafis berbasis web yang sangat populer untuk membuat poster, infografis, dan posting media sosial dengan ribuan template instan adalah...

Bagian B

Benar atau Salah (5 Soal ยท Bobot: 25 Poin)

1. Hierarki visual berarti membuat informasi yang paling penting terlihat paling dominan (lebih besar / kontras) dibanding info pelengkap.
2. Menggunakan 15 jenis font berbeda dalam satu poster akan membuat poster terlihat sangat profesional.
3. Gambar berformat vektor (seperti .SVG) dapat diperbesar tanpa kehilangan ketajaman detailnya.
4. Perataan (Alignment) rata kiri memberikan garis baca yang konsisten dan paling nyaman bagi mata pembaca Indonesia.
5. Resolusi DPI (Dots Per Inch) yang tinggi dibutuhkan saat mencetak poster fisik di percetakan agar tidak pecah/blur.
Bagian C

Menjodohkan Istilah Desain & Definisinya (5 Pasangan ยท Bobot: 25 Poin)

Bagian D

Urutan Alur Merancang Poster Acara Sekolah (Bobot: 25 Poin)

Urutkan langkah pembuatan poster acara dari awal perumusan hingga ekspor berkas:

A. Memilih ukuran kanvas (misal: A3 Cetak / 1080x1350px Feed IG)
B. Menentukan judul utama besar (Headline) dan informasi waktu/lokasi acara
C. Menerapkan palet 3 warna harmonis dan menata perataan (Alignment) rapi
D. Melakukan review keterbacaan dari jarak jauh & cek typo ejaan
E. Mengekspor file final dalam format .PDF Cetak (Print) atau .PNG resolusi tinggi
โœจ

Rangkuman Materi & Refleksi Belajar

Tuliskan pemahaman dan pengalaman belajarmu pada materi ini

1. Formula Emas PARC: Kedekatan (Proximity), Perataan (Alignment), Pengulangan (Repetition), dan Kontras (Contrast) adalah fondasi setiap karya visual yang berhasil.

2. Pemilihan Format Tepat: Gunakan SVG untuk logo tak terhingga tajam, PNG untuk stiker transparan, dan JPG untuk kompresi foto kamera.

3. Fungsi Melampaui Estetika: Desain bukan sekadar mempercantik, melainkan membuat informasi penting mudah ditangkap dalam 3 detik pertama.