Dasar - Dasar DKV

Materi Pembelajaran

Dasar-Dasar Desain Komunikasi Visual

Materi interaktif untuk memahami cara menyampaikan pesan melalui unsur visual secara jelas, menarik, dan terarah.

Visual CommunicationDesain GrafisKreativitasProyek Visual
01 • Tujuan Pembelajaran

Apa yang akan dipelajari?

Setelah mempelajari materi ini, peserta didik diharapkan mampu memahami konsep dasar desain komunikasi visual dan menerapkannya pada karya sederhana.

  • Menjelaskan pengertian dan fungsi Desain Komunikasi Visual (DKV).
  • Mengenali unsur visual seperti titik, garis, bentuk, warna, tekstur, ruang, dan ukuran.
  • Memahami prinsip desain: keseimbangan, kontras, penekanan, kesatuan, proporsi, ritme, dan hierarki.
  • Memilih warna, tipografi, gambar, serta tata letak sesuai tujuan komunikasi.
  • Menyusun konsep dan membuat karya visual sederhana secara terencana dan etis.
02 • Konsep Dasar

Pengertian Desain Komunikasi Visual

Desain Komunikasi Visual (DKV) adalah proses merancang pesan menggunakan bahasa visual agar informasi dapat dipahami oleh target audiens. Bahasa visual dapat berupa bentuk, warna, gambar, ikon, ilustrasi, huruf, dan tata letak.

Mengapa disebut komunikasi?

Karena sebuah desain bukan sekadar “bagus”. Desain harus memiliki pesan dan tujuan. Poster keselamatan, logo, infografis, kemasan, antarmuka aplikasi, dan konten media sosial merupakan contoh karya yang menyampaikan informasi melalui visual.

Inti: desain = merencanakan; komunikasi = menyampaikan pesan; visual = menggunakan unsur yang dapat dilihat.
03 • Fungsi

Fungsi DKV dalam Kehidupan

Informasi

Membantu orang memahami data atau instruksi, misalnya infografis dan petunjuk arah.

Identitas

Membentuk ciri khas organisasi atau produk melalui logo, warna, dan sistem visual.

Persuasi

Mendorong audiens melakukan tindakan melalui iklan, kampanye, atau promosi.

Hiburan & Ekspresi

Menyampaikan ide, cerita, atau emosi melalui ilustrasi, poster, komik, dan konten digital.

04 • Unsur Visual

Unsur-Unsur Dasar Desain

Contoh visual unsur-unsur desain grafis: titik, garis, bidang, ilustrasi, tipografi, warna, gelap-terang, tekstur, dan ruang.
Contoh visual unsur-unsur desain grafis: titik, garis, bidang, ilustrasi, tipografi, warna, gelap-terang, tekstur, dan ruang.
UnsurPenjelasanContoh
TitikUnsur visual paling sederhana; dapat menjadi pusat perhatian.Pola titik, indikator, dekorasi.
GarisJejak memanjang yang memberi arah, batas, atau karakter.Garis pembatas, panah, ilustrasi.
BentukArea dua dimensi dengan batas tertentu.Lingkaran, persegi, bentuk organik.
RuangArea di antara atau di sekitar objek.Jarak antarjudul dan gambar.
WarnaMemberi identitas, suasana, penekanan, dan makna.Merah untuk perhatian, biru untuk kesan tenang.
TeksturKesan permukaan yang memberi karakter visual.Kayu, kertas, kain, pola digital.
Ukuran/SkalaPerbandingan besar-kecil elemen.Judul dibuat lebih besar daripada isi.
05 • Prinsip Desain

Prinsip yang Membuat Desain Teratur

Keseimbangan mengatur distribusi bobot visual. Bisa simetris, asimetris, atau radial.

Kontras membuat perbedaan terlihat jelas, misalnya besar-kecil, terang-gelap, atau tebal-tipis.

Penekanan menentukan bagian yang pertama kali diperhatikan audiens.

Kesatuan membuat semua elemen terasa berasal dari satu sistem visual.

Proporsi mengatur hubungan ukuran antarbagian agar terlihat sesuai.

Ritme menciptakan pola atau pengulangan yang membantu mata mengikuti desain.

Hierarki visual mengatur urutan informasi: mana yang dibaca pertama, kedua, dan seterusnya.

Tips: sebelum menambahkan banyak dekorasi, pastikan pesan utama sudah terlihat jelas.
06 • Warna

Memahami Warna

Contoh penerapan psikologi warna pada identitas merek.
Contoh penerapan psikologi warna pada identitas merek.

Warna memengaruhi perhatian dan suasana. Dalam desain digital, warna biasanya dipilih berdasarkan tujuan komunikasi, karakter merek, keterbacaan, dan target audiens.

Konsep penting

  • Hue: nama dasar warna seperti merah, biru, dan hijau.
  • Saturation: tingkat kejenuhan atau intensitas warna.
  • Value/Lightness: tingkat terang-gelap warna.
  • Kontras warna: perbedaan yang membantu teks dan objek mudah dibaca.

RGB dan CMYK

RGB digunakan pada layar digital karena menggunakan cahaya. CMYK umum digunakan pada proses cetak karena menggunakan tinta. Pemilihan mode warna sebaiknya disesuaikan dengan media akhir.

Aa Aa
07 • Tipografi

Tipografi: Seni Mengatur Huruf

Contoh visual tipografi dan bentuk huruf sebagai elemen komunikasi.
Contoh visual tipografi dan bentuk huruf sebagai elemen komunikasi.

Tipografi adalah pengaturan huruf agar teks mudah dibaca sekaligus memiliki karakter visual. Pemilihan font harus mempertimbangkan media, ukuran, jarak, dan tujuan komunikasi.

JenisCiri umumPemakaian
SerifMemiliki kait/ujung kecil pada huruf.Editorial, dokumen, kesan formal.
Sans SerifBentuk sederhana tanpa kait.UI, poster, presentasi, media digital.
DisplayKarakter kuat dan dekoratif.Judul, logo, poster tertentu.

Perhatikan hierarki ukuran judul-subjudul-isi, leading (jarak antarbaris), tracking (jarak antarhuruf), dan panjang baris.

08 • Tata Letak

Layout dan Komposisi

Contoh layout promosi: foto produk, headline, informasi pendukung, dan tombol ajakan bertindak disusun sebagai satu komposisi.
Contoh layout promosi: foto produk, headline, informasi pendukung, dan tombol ajakan bertindak disusun sebagai satu komposisi.

Layout adalah cara menempatkan teks, gambar, warna, dan elemen lain pada bidang desain. Layout yang baik membantu audiens memahami informasi tanpa merasa penuh atau bingung.

Langkah sederhana

  1. Tentukan ukuran media dan area aman.
  2. Tentukan pesan utama dan prioritas informasi.
  3. Buat grid atau panduan posisi.
  4. Tempatkan elemen utama lebih dulu.
  5. Atur jarak, alignment, dan ukuran.
  6. Periksa keterbacaan dari jarak normal.

Gunakan white space atau ruang kosong secara sengaja. Ruang kosong bukan area yang “terbuang”, tetapi membantu desain bernapas dan membuat fokus lebih jelas.

09 • Gambar & Ilustrasi

Memilih dan Mengolah Gambar

Gambar dapat menjelaskan konsep dengan cepat. Pilih gambar yang relevan, berkualitas cukup, dan sesuai konteks. Jangan memakai gambar hanya sebagai hiasan jika justru mengganggu pesan.

Foto vs ilustrasi

Foto cocok untuk dokumentasi, produk, profil, atau situasi nyata. Ilustrasi cocok untuk menjelaskan konsep, membuat karakter visual, atau menyederhanakan informasi.

Perhatikan kualitas

  • Resolusi cukup untuk ukuran output.
  • Komposisi dan fokus objek jelas.
  • Pencahayaan tidak mengganggu informasi.
  • Gunakan rasio/aspek gambar sesuai layout.
  • Hindari memperbesar gambar beresolusi rendah secara berlebihan.
10 • Identitas Visual

Logo, Branding, dan Konsistensi

Identitas visual adalah kumpulan elemen yang membuat sebuah organisasi, produk, atau kegiatan mudah dikenali. Logo hanyalah salah satu bagian dari identitas visual.

Elemen identitas dapat meliputi logo, warna utama, warna pendukung, tipografi, gaya ilustrasi, fotografi, ikon, pola, dan aturan penggunaannya.

Konsistensi berarti elemen visual digunakan dengan aturan yang selaras di berbagai media, sehingga audiens tidak melihat setiap media sebagai sesuatu yang benar-benar berbeda.

Contoh penerapan

Poster sekolah, kartu nama, website, media sosial, sertifikat, dan banner dapat memakai sistem warna serta tipografi yang sama agar identitas lebih mudah dikenali.

RisetKonsepDesainEvaluasi
11 • Proses Kreatif

Alur Membuat Karya Visual

  1. Brief: pahami tujuan, pesan, media, target audiens, ukuran, dan batasan.
  2. Riset: cari referensi, pahami konteks, dan hindari menyalin karya orang lain.
  3. Konsep: tentukan ide utama, gaya visual, warna, tipografi, dan pesan.
  4. Sketsa/wireframe: susun komposisi awal sebelum mengerjakan detail.
  5. Produksi: buat atau susun elemen menggunakan aplikasi desain.
  6. Review: cek pesan, keterbacaan, konsistensi, ejaan, ukuran, dan kualitas.
  7. Ekspor: simpan sesuai kebutuhan, misalnya PNG/JPG untuk digital atau PDF untuk dokumen/cetak.
Kebiasaan penting: simpan file kerja asli secara berkala agar mudah diedit kembali.
12 • Etika

Etika dalam Desain Komunikasi Visual

Desainer perlu menghormati hak orang lain dan mempertimbangkan dampak informasi yang dibuat.

  • Hak cipta: gunakan aset yang memang memiliki izin penggunaan sesuai lisensinya.
  • Atribusi: cantumkan kredit jika lisensi atau pemilik karya mensyaratkannya.
  • Kejujuran visual: jangan memanipulasi gambar atau data sehingga menyesatkan audiens.
  • Privasi: hindari menyebarkan foto, identitas, atau data pribadi tanpa dasar/izin yang sesuai.
  • AI generatif: pahami ketentuan alat yang digunakan dan periksa hasilnya sebelum dipublikasikan.
  • Aksesibilitas: pertimbangkan ukuran teks, kontras, dan cara informasi dapat dipahami oleh lebih banyak orang.
Prinsip sederhana: karya yang menarik tetap harus bertanggung jawab, dapat dipahami, dan menghormati orang lain.
13 • Contoh Karya

Jenis Karya yang Bisa Dibuat

Contoh poster kegiatan sekolah: memperlihatkan penerapan hierarki, warna, tipografi, gambar, identitas, dan pesan utama dalam satu karya.
Contoh poster kegiatan sekolah: memperlihatkan penerapan hierarki, warna, tipografi, gambar, identitas, dan pesan utama dalam satu karya.

Poster

Menggabungkan judul, visual, dan informasi singkat untuk menarik perhatian.

Infografis

Menyederhanakan data atau proses menggunakan grafik, ikon, dan teks.

Konten Media Sosial

Visual berukuran dan gaya tertentu untuk menyampaikan informasi atau promosi.

Logo

Simbol atau bentuk identitas yang membantu pengenalan sebuah entitas.

Banner

Media visual untuk informasi, promosi, atau penanda suatu kegiatan.

UI sederhana

Antarmuka digital yang mengatur informasi, tombol, ikon, dan navigasi.

Kuis Evaluasi

Kuis Dasar-Dasar DKV — 20 Soal

Masukkan nama dan kelas terlebih dahulu. Setelah kuis dimulai, pilih satu jawaban untuk setiap soal. Kunci jawaban tidak ditampilkan. Nilai akan muncul setelah seluruh soal selesai dikerjakan.


Materi pembelajaran Desain Komunikasi Visual • Dilengkapi contoh visual pembelajaran • Gunakan karya visual secara kreatif, kritis, dan bertanggung jawab.