Sekolah: SMKN 1 Sampang
Mata Pelajaran: Desain Web
Kelas: XI F
Alokasi Waktu: 3 × 45 menit
Tahun Pelajaran: 2025/2026
Penyusun: Ach. Mubarok Wardana Sudianto, S.Kom., Gr.
Tujuan Pembelajaran
Peserta didik mampu memahami prinsip dasar desain komunikasi visual, termasuk elemen dan prinsip yang mendukung komunikasi visual efektif.
Identifikasi Peserta Didik
Siswa kelas XI DKV sebagian sudah mengenal software desain grafis seperti CorelDRAW dan Photoshop, namun belum terbiasa menggunakan Figma.
- Materi: Prinsip dasar desain komunikasi visual (konseptual)
- Relevansi: Memenuhi kebutuhan industri kreatif digital
- Tingkat Kesulitan: Rendah – Sedang
Dimensi Profil Lulusan:
- Penalaran Kritis
- Kreativitas
- Kemandirian
- Komunikasi
Desain Pembelajaran
- Capaian Pembelajaran: Peserta didik dapat memahami prinsip dasar desain komunikasi visual, termasuk elemen, prinsip, dan penerapannya.
- Lintas Disiplin: DKV, Informatika, Bahasa Indonesia
- Topik: Prinsip Dasar Desain Komunikasi Visual
- Metode Pembelajaran: Discovery Learning, Project Based Learning
- Kemitraan: Guru DKV, guru Informatika, komunitas desain digital
- Lingkungan: Lab komputer, kelas, Figma Online, Google Classroom
- Pemanfaatan Digital: Figma Community, video tutorial, LMS
Langkah-langkah Pembelajaran
Awal
- Guru menyampaikan tujuan pembelajaran: memahami prinsip dasar desain komunikasi visual.
- Apersepsi: menanyakan contoh poster, iklan, atau desain visual favorit siswa dan alasannya.
- Menampilkan contoh desain komunikasi visual yang efektif melalui presentasi atau video.
Inti
Memahami
- Mendengarkan penjelasan guru tentang elemen dan prinsip desain komunikasi visual.
- Mengamati contoh desain visual modern dan efeknya dalam komunikasi pesan.
Mengaplikasi
- Mengeksplorasi template desain visual di Figma Community.
- Diskusi kelompok tentang elemen dan prinsip desain yang digunakan dalam desain favorit mereka.
Merefleksi
- Menyampaikan pendapat tentang elemen dan prinsip desain yang paling efektif.
- Menuliskan insight dan catatan pribadi mengenai penerapan prinsip desain komunikasi visual.
Penutup
- Guru memberikan umpan balik terhadap diskusi dan catatan siswa.
- Siswa menyimpulkan hasil pembelajaran hari itu.
- Guru memberi arah untuk minggu berikutnya, misalnya latihan membuat poster atau desain komunikasi visual sederhana.
Asesmen Pembelajaran
Awal (Tanya Jawab)
Guru melakukan tanya jawab singkat untuk mengecek pemahaman awal siswa:
- Contoh poster, iklan, atau desain visual favoritmu, dan alasannya?
- Apa yang kamu ketahui tentang prinsip desain komunikasi visual?
- Mengapa elemen visual penting dalam menyampaikan pesan?
- Pernahkah kamu membuat desain visual sebelumnya? Software apa yang digunakan?
Proses
- Observasi diskusi kelompok
- Aktivitas eksplorasi Figma Community
Akhir
- Tes lisan (menjelaskan prinsip dasar desain komunikasi visual)
- Penilaian proyek (menganalisis dan membuat desain visual sederhana)
- Observasi partisipasi diskusi
- Self Assessment (refleksi pemahaman prinsip desain komunikasi visual)
Materi Pembelajaran
1. Pengertian Desain Komunikasi Visual
Desain komunikasi visual adalah proses menyampaikan pesan atau informasi melalui elemen visual agar dapat dipahami dan menarik bagi audiens. Elemen visual meliputi warna, tipografi, bentuk, gambar, dan layout.
2. Elemen Desain
- Garis: Membuat batas, arah, dan struktur.
- Bentuk: Simbolisasi dan identitas visual.
- Warna: Menarik perhatian dan memunculkan emosi.
- Tipografi: Komunikasi teks yang jelas dan estetis.
- Ruang (Space): Memberi keseimbangan dan fokus.
3. Prinsip Desain
- Keseimbangan (Balance): Distribusi elemen visual agar tampilan stabil.
- Kontras (Contrast): Perbedaan yang menekankan elemen penting.
- Kesatuan (Unity): Elemen desain saling mendukung dan harmonis.
- Penekanan (Emphasis): Menonjolkan informasi utama.
- Irama (Rhythm): Pola atau repetisi yang menuntun mata audiens.
4. Tools dan Sumber Belajar
- Figma: untuk membuat desain visual dan prototipe.
- Figma Community: sumber template dan inspirasi desain.
- Video tutorial desain visual: YouTube, LMS sekolah.
- Artikel dan blog desain komunikasi visual terbaru.
💡 Tips Siswa
- Eksplorasi Figma Community untuk melihat contoh poster dan desain visual.
- Perhatikan penggunaan elemen dan prinsip desain dalam desain favoritmu.
- Diskusikan ide desain dengan teman kelompok untuk memperkaya perspektif.
