TKA SMK/MAK Desain Komunikasi Visual Interaktif

Tipografi, Ilustrasi Digital, dan Perancangan Identitas Visual Brand – Materi & Latihan TKA Desain Komunikasi Visual SMK/MAK

Klasifikasi huruf tipografi (Serif, Sans Serif, Script, Display), hierarki visual tipografi (kerning, tracking, leading), teknik ilustrasi digital vektor (pen tool, bezier curve) dan raster/bitmap, prinsip perancangan logo, serta penyusunan buku pedoman identitas merek (Brand Guidelines / GSM).

Tujuan Pembelajaran

Menganalisis anatomi, klasifikasi jenis huruf, dan hierarki tipografi dalam komunikasi visual.
Menguasai teknik pembuatan ilustrasi digital berbasis vektor (vector graphics) dan bitmap.
Merancang sistem identitas visual korporat (logo, palet warna, tipografi, Graphic Standard Manual).

Materi & Pembahasan Konsep

TKA SMK/MAK

Selamat datang di modul Tipografi, Ilustrasi Digital, dan Perancangan Identitas Visual Brand pada mata pelajaran Desain Komunikasi Visual (DKV) SMK/MAK! Modul ini membekali siswa dengan kompetensi estetika grafis, arsitektur merek, dan eksekusi visual digital standar industri kreatif.

1. Klasifikasi & Anatomi Tipografi

Serif: Huruf berkait pada ujung garis (contoh: Times New Roman, Garamond). Terkesan formal, klasik, berwibawa, dan nyaman dibaca pada teks cetak panjang.
Sans Serif: Huruf tanpa kait/tangkai (contoh: Helvetica, Arial, Montserrat). Terkesan modern, bersih, minimalis, dan sangat jelas dibaca pada layar digital.
Script: Huruf menyerupai tulisan tangan bersambung (contoh: Brush Script). Terkesan anggun, personal, dan feminin.
Parameter Tipografi: Kerning (jarak antarsepasang huruf), Tracking (kerenggangan antarkata/keseluruhan baris), dan Leading (jarak spasi vertikal antarbaris teks).

2. Desain Logo & Brand Guidelines

Logo efektif menganut prinsip SMART: Simple, Memorable, Appropriate, Timeless, dan Versatile. Seluruh aturan penggunaan logo, zona aman (clear space), skala minimum, dan kode warna (CMYK, RGB, Pantone, HEX) didokumentasikan dalam Graphic Standard Manual (GSM).

Referensi: Kerangka Standar Asesmen TKA Pusmendik Kemendikdasmen RI

Simulasi CBT

Latihan Interaktif (18 Soal)

Penilaian aman & otomatis

Cek Pemahaman

3 Soal

Soal 1 Pilihan Ganda mudah

5 Poin

Keluarga huruf tipografi yang memiliki sirip/kait lancip pada ujung-ujung goresan hurufnya sehingga memberikan kesan klasik, formal, elegan, dan berwibawa adalah:

A Serif B Sans Serif C Monospace D Dingbat E Blackletter

Soal 2 Pilihan Ganda Kompleks sedang

5 Poin

Manakah di antara format file grafis berikut yang merupakan format gambar berbasis VEKTOR (tidak pecah saat diperbesar hingga ukuran raksasa)? (Pilih dua format vektor benar)

Centang semua pilihan yang kamu anggap benar! A. SVG (Scalable Vector Graphics) B. EPS (Encapsulated PostScript) / AI C. JPEG (Joint Photographic Experts Group) D. PNG (Portable Network Graphics) E. BMP (Bitmap File)

Soal 3 Benar / Salah sedang

5 Poin

Tentukan kebenaran pernyataan terkait tipografi dan perancangan merek (Branding) berikut:

Tentukan apakah setiap pernyataan di bawah ini Benar atau Salah!

Pernyataan	Benar	Salah
'Leading' dalam tipografi merujuk pada jarak spasi vertikal antarbaris kalimat teks bacaan.	Benar	Salah
'Kerning' adalah jarak renggang seragam yang diterapkan pada seluruh huruf dalam satu paragraf penuh.	Benar	Salah
Graphic Standard Manual (GSM) adalah buku panduan aturan baku penggunaan logo dan identitas visual suatu merek.	Benar	Salah
Ruang kosong aman (Clear Space) di sekitar logo sengaja dibuat agar logo boleh ditimpa teks lain secara acak.	Benar	Salah

Latihan TKA

10 Soal

Soal 4 Pilihan Ganda mudah

5 Poin

Alat digital (tool) utama pada aplikasi desain grafis vektor seperti Adobe Illustrator atau CorelDRAW yang digunakan untuk membuat kurva lengkung presisi (Bezier Curves) adalah:

A Pen Tool B Eraser Tool C Paint Bucket Tool D Magic Wand Tool E Crop Tool

Soal 5 Pilihan Ganda sedang

5 Poin

Model warna yang digunakan untuk tampilan visual pada layar monitor digital (smartphone, komputer, televisi) berbasis pencampuran cahaya aditif adalah:

A RGB (Red, Green, Blue) B CMYK (Cyan, Magenta, Yellow, Key/Black) C Grayscale murni D Pantone Spot Color E HKS Process

Soal 6 Pilihan Ganda sedang

5 Poin

Jenis logo yang hanya berupa inisial huruf dari nama merek atau perusahaan (seperti logo NASA, IBM, CNN, atau HBO) diklasifikasikan sebagai:

A Lettermark (Monogram Logo) B Wordmark (Logotype tulisan penuh) C Pictorial Mark (Simbol visual gambar) D Mascot Logo (Karakter maskot) E Emblem Logo (Lencana segel)

Soal 7 Pilihan Ganda mudah

5 Poin

Ruang kosong putih atau area tanpa elemen visual di sekitar objek desain yang berfungsi memberi napas visual dan mempertegas fokus utama disebut:

A White Space (Negative Space) B Dead Pixel C Bleed Area D Margin Potong E Color Palette

Soal 8 Pilihan Ganda Kompleks sedang

5 Poin

Manakah ciri-ciri desain logo yang memenuhi prinsip 'Versatile' (fleksibel dan adaptif)? (Pilih dua karakteristik benar)

Centang semua pilihan yang kamu anggap benar! A. Tetap terlihat jelas, proporsional, dan terbaca saat diperkecil ke ukuran sangat kecil (seperti ikon favicon 16x16 piksel) B. Dapat diaplikasikan secara optimal pada berbagai media, baik media cetak satu warna (monokrom) maupun layar digital C. Memiliki gradasi 50 warna rumit yang langsung buram saat dicetak satu warna D. Wajib memuat tulisan paragraf sepanjang 200 kata di dalam simbol E. Hanya boleh ditampilkan pada waktu malam hari saja

Soal 9 Pilihan Ganda Kompleks sedang

5 Poin

Dalam hierarki visual desain poster (Visual Hierarchy), desainer dapat mengarahkan pandangan pembaca pertama kali ke pesan utama menggunakan teknik: (Pilih dua teknik benar)

Centang semua pilihan yang kamu anggap benar! A. Memberikan kontras ukuran yang dominan pada teks judul utama (Headline) dibandingkan teks tubuh (Body text) B. Menggunakan aksen warna kontras tinggi pada elemen panggilan aksi (Call to Action / CTA) C. Menyamakan ukuran seluruh teks menjadi ukuran 12 pt tanpa pembeda D. Menghapus judul utama agar pembaca menebak-nebak isi poster E. Menyembunyikan teks poster di balik warna latar yang identik sama persis

Soal 10 Pilihan Ganda sedang

5 Poin

Gaya ilustrasi digital yang menekankan pada bentuk minimalis dua dimensi, garis bersih, bidang warna solid tanpa gradasi berlebih, dan elemen geometris sederhana disebut:

A Flat Design B Skeuomorfisme (meniru tekstur nyata) C Fotorealisme D Barok Klasik E Gothic Art

Soal 11 Pilihan Ganda sedang

5 Poin

Istilah penyesuaian jarak ruang khusus antara dua karakter huruf tertentu yang berdampingan (seperti pasangan huruf 'AV', 'To', atau 'WA') agar tampak harmonis secara optik disebut:

A Kerning B Tracking C Leading D Alignment E Baseline Shift

Soal 12 Benar / Salah sedang

5 Poin

Tentukan kebenaran pernyataan terkait etika profesional desainer grafis dan hak cipta karya:

Tentukan apakah setiap pernyataan di bawah ini Benar atau Salah!

Pernyataan	Benar	Salah
Melakukan penjiplakan langsung (tracing) karya ilustrasi milik seniman lain lalu menjualnya atas nama pribadi merupakan pelanggaran hak cipta.	Benar	Salah
Setiap jenis font di internet bebas digunakan untuk keperluan komersial perusahaan tanpa perlu memeriksa lisensi lisensinya.	Benar	Salah
Lisensi 'Creative Commons Attribution (CC-BY)' mengizinkan penggunaan dan modifikasi karya dengan syarat wajib mencantumkan kredit pencipta aslinya.	Benar	Salah
Desainer grafis profesional diperbolehkan menyalin logo kompetitor dan hanya mengganti warnanya saja.	Benar	Salah

Soal 13 Pilihan Ganda mudah

5 Poin

Gambar representasi visual tiruan produk nyata dalam skala sebenarnya (seperti desain kemasan botol atau kaos bersablon) yang disajikan dalam konteks riil untuk presentasi ke klien disebut:

A Mockup B Wireframe sketsa C Thumbnail D Rough Layout E Dummy cetak

Tantangan Penalaran

5 Soal

Soal 14 Pilihan Ganda sulit

5 Poin

Sebuah perusahaan rintisan teknologi finansial (Fintech) ingin merancang identitas visual baru. Target audiens mereka adalah generasi muda melek digital yang mengutamakan keamanan transaksi perbankan sekaligus kemudahan antarmuka. Kombinasi tipografi, bentuk logo, dan palet warna apa yang paling tepat secara psikologi komunikasi visual?

A Warna merah darah menyala dipadukan font gothic runcing menyeramkan bertema horor B Warna biru tua tepercaya (trust & security) berpadu aksen toska/hijau modern (pertumbuhan finansial), menggunakan tipografi Sans Serif geometris bersih dan simbol bentuk logo konektivitas dinamis C Warna abu-abu kusam dengan font berornamen ukiran emas keraton abad ke-17 D Menggunakan gambar animasi kartun bajak laut dengan tengkorak silang E Menolak menggunakan warna dan hanya menampilkan layar hitam polos

Soal 15 Pilihan Ganda Kompleks sulit

5 Poin

Dalam perancangan sistem identitas merek komprehensif, manakah elemen yang WAJIB diatur standarnya dalam dokumen Graphic Standard Manual (GSM) untuk menjaga konsistensi brand? (Pilih dua panduan wajib)

Centang semua pilihan yang kamu anggap benar! A. Sistem kode warna baku lintas media (CMYK untuk cetak, RGB/HEX untuk digital, dan Pantone Matching System) B. Panduan penggunaan logo yang dilarang (Incorrect/Unacceptable Logo Uses seperti distorsi proporsi atau penggantian warna) C. Jadwal piket membersihkan komputer studio desainer D. Daftar menu makanan katering makan siang kantor E. Nomor rekening tabungan pribadi seluruh staf magang

Soal 16 Benar / Salah sulit

5 Poin

Evaluasi prinsip Gestalt dalam persepsi visual desain komunikasi visual:

Tentukan apakah setiap pernyataan di bawah ini Benar atau Salah!

Pernyataan	Benar	Salah
Prinsip 'Proximity' menyatakan bahwa elemen visual yang diletakkan saling berdekatan akan dipersepsikan oleh mata manusia sebagai satu kelompok kesatuan.	Benar	Salah
Prinsip 'Closure' menjelaskan kecenderungan otak manusia untuk secara otomatis melengkapi dan menyatukan bentuk visual yang terputus sebagian menjadi bentuk utuh.	Benar	Salah
Logo legendaris WWF (Panda) dan FedEx (tanda panah tersembunyi) memanfaatkan prinsip Gestalt Closure dan Figure-Ground secara cerdas.	Benar	Salah
Teori Gestalt melarang penggunaan bentuk geometris dalam perancangan grafis komunikasi visual.	Benar	Salah

Soal 17 Pilihan Ganda sulit

5 Poin

Desainer grafis sedang membuat infografis data statistik untuk laporan tahunan publik. Prinsip 'Data Visualization' yang paling efektif untuk menyajikan perbandingan data proporsi persentase dari total 100% adalah:

A Pie Chart (Diagram Lingkaran) atau Donut Chart dengan pembagian warna kontras dan jumlah segmen tidak lebih dari 5-7 kategori B Diagram garis ruwet dengan 100 garis saling tumpang tindih tanpa label C Paragraf teks tebal tanpa angka sama sekali D Gambar kartun abstrak tanpa hubungan dengan data E Tabel matriks hitam putih 50 halaman tanpa grafik

Soal 18 Pilihan Ganda Kompleks sulit

5 Poin

Bagaimanakah tren 'Responsive Logo' (Logo Responsif) menjawab kebutuhan komunikasi visual di era multi-device saat ini? (Pilih dua alasan analitis benar)

Centang semua pilihan yang kamu anggap benar! A. Memungkinkan logo menyederhanakan tingkat kerumitannya secara bertahap menyesuaikan ukuran layar perangkat (dari logo penuh hingga ikon minimalis) B. Menjaga daya kenal merek (Brand Recognition) tetap optimal baik di billboard raksasa maupun di layar jam tangan pintar (smartwatch) C. Menghapuskan kebutuhan identitas merek bagi perusahaan D. Memaksa setiap perusahaan berganti nama setiap hari E. Menolak penggunaan teknologi smartphone

Sudah Selesai Mengerjakan?

Pastikan semua soal telah kamu jawab sebelum melihat skor dan pembahasan.

Topik Berikutnya » Desain Publikasi Editorial, Teknologi Percetakan, dan Dasar Desain UI/UX

Nomor Soal

0 / 18

• Belum • Terjawab • Ragu

Ke Atas Soal

Tes Kemampuan Akademik SMK/MAK • Desain Komunikasi Visual Gratis & Otomatis