Latihan Soal Tipografi Digital dan Media Interaktif Dasar Desain Komunikasi Visual SMK Kelas X Semester 2

Berbagiruang.com – Artikel ini berisi kumpulan lebih dari 30 soal pilihan ganda a b c d e lengkap dengan jawaban untuk sub bab Tipografi Digital dan Media Interaktif dari mata pelajaran Dasar-Dasar Desain Komunikasi Visual SMK/MAK Kelas X Semester 2. Materi ini penting untuk memahami prinsip penggunaan huruf pada media digital, website, aplikasi, dan media interaktif lainnya.

Pendahuluan

Tipografi digital merupakan penerapan prinsip-prinsip tipografi pada media berbasis layar seperti website, aplikasi, dan konten multimedia. Berbeda dengan media cetak, tipografi digital menekankan pada keterbacaan di berbagai ukuran layar, kontras warna, responsivitas, dan pengalaman pengguna (user experience). Media interaktif menambah elemen dinamis seperti animasi, hover effect, dan transisi teks, sehingga desainer perlu memperhatikan estetika sekaligus fungsionalitas.

Kumpulan Soal Pilihan Ganda Tipografi Digital dan Media Interaktif

Tipografi digital adalah penerapan huruf pada …
a. Buku dan majalah
b. Kain dan spanduk
c. Media berbasis layar
d. Ukiran kayu
e. Lukisan

Jawaban: c. Media berbasis layar
Perbedaan utama tipografi digital dan cetak terletak pada …
a. Penggunaan kertas
b. Pengaturan tinta
c. Keterbacaan di layar
d. Bentuk huruf
e. Ukuran teks

Jawaban: c. Keterbacaan di layar
Huruf yang paling cocok untuk tampilan layar digital adalah …
a. Serif tebal
b. Sans-serif
c. Script
d. Display font
e. Gothic

Jawaban: b. Sans-serif
Contoh font sans-serif yang populer di media digital adalah …
a. Times New Roman
b. Garamond
c. Arial
d. Georgia
e. Baskerville

Jawaban: c. Arial
Ukuran huruf digital diatur menggunakan satuan …
a. Inch
b. Milimeter
c. Pixel (px)
d. Centimeter
e. Pica

Jawaban: c. Pixel (px)
Prinsip utama dalam tipografi digital adalah …
a. Estetika tanpa memperhatikan fungsi
b. Keterbacaan dan kenyamanan pengguna
c. Warna mencolok
d. Bentuk huruf artistik
e. Teks rapat

Jawaban: b. Keterbacaan dan kenyamanan pengguna
Responsive typography berarti …
a. Ukuran teks menyesuaikan ukuran layar
b. Warna teks berubah otomatis
c. Font berpindah posisi
d. Teks beranimasi terus
e. Huruf berotasi

Jawaban: a. Ukuran teks menyesuaikan ukuran layar
Huruf serif biasanya kurang digunakan pada layar karena …
a. Terlalu tipis
b. Tidak terlihat di resolusi rendah
c. Terlalu mencolok
d. Tidak menarik
e. Terlalu artistik

Jawaban: b. Tidak terlihat di resolusi rendah
Kontras antara teks dan latar sangat penting agar …
a. Teks terlihat samar
b. Keterbacaan meningkat
c. Latar lebih dominan
d. Huruf lebih kecil
e. Warna seragam

Jawaban: b. Keterbacaan meningkat
Web safe fonts adalah …
a. Huruf yang hanya bisa dicetak
b. Font yang umum tersedia di berbagai perangkat
c. Huruf yang berbayar
d. Font hasil modifikasi
e. Font langka

Jawaban: b. Font yang umum tersedia di berbagai perangkat
Contoh web safe font adalah …
a. Helvetica
b. Brush Script
c. Blackletter
d. Magneto
e. Jokerman

Jawaban: a. Helvetica
Pada desain web, line-height digunakan untuk mengatur …
a. Jarak antar huruf
b. Jarak antar baris teks
c. Ukuran huruf
d. Ketebalan huruf
e. Panjang paragraf

Jawaban: b. Jarak antar baris teks
Huruf kapital penuh di layar digital sebaiknya dihindari karena …
a. Meningkatkan keterbacaan
b. Menurunkan kenyamanan membaca
c. Terlihat profesional
d. Lebih indah
e. Mudah dibaca cepat

Jawaban: b. Menurunkan kenyamanan membaca
Konsep hierarchy dalam tipografi digital membantu …
a. Menentukan urutan elemen teks
b. Menghapus huruf kecil
c. Mengatur warna latar
d. Menghapus margin
e. Membuat teks melayang

Jawaban: a. Menentukan urutan elemen teks
Huruf yang digunakan untuk judul halaman web sebaiknya …
a. Lebih besar dan kontras
b. Sama dengan body text
c. Sangat kecil
d. Tidak jelas
e. Sama warna dengan latar

Jawaban: a. Lebih besar dan kontras
Unit yang sering digunakan dalam CSS untuk ukuran teks adalah …
a. Cm dan mm
b. Px dan em
c. Inch
d. Kg
e. Gr

Jawaban: b. Px dan em
Tujuan utama tipografi interaktif adalah …
a. Membuat teks statis
b. Meningkatkan keterlibatan pengguna
c. Membatasi gerak teks
d. Menghapus warna
e. Mengurangi efek visual

Jawaban: b. Meningkatkan keterlibatan pengguna
Hover effect pada teks berarti …
a. Efek muncul saat kursor diarahkan ke teks
b. Efek muncul saat teks dicetak
c. Efek permanen
d. Efek yang tidak bisa dihapus
e. Efek warna tetap

Jawaban: a. Efek muncul saat kursor diarahkan ke teks
Kontras warna teks terhadap latar gelap sebaiknya menggunakan warna …
a. Gelap juga
b. Terang atau putih
c. Transparan
d. Gradasi gelap
e. Hitam semua

Jawaban: b. Terang atau putih
Prinsip legibility dalam desain digital berarti …
a. Estetika warna teks
b. Kemudahan mengenali huruf individu
c. Jumlah huruf
d. Panjang kalimat
e. Warna latar

Jawaban: b. Kemudahan mengenali huruf individu
Untuk layar kecil seperti ponsel, ukuran font ideal biasanya …
a. 8px
b. 10px
c. 14-16px
d. 20px
e. 30px

Jawaban: c. 14-16px
Media interaktif yang sering menggunakan animasi tipografi adalah …
a. Buku teks
b. Aplikasi mobile
c. Surat resmi
d. Poster cetak
e. Brosur kertas

Jawaban: b. Aplikasi mobile
Warna teks pada web harus memiliki kontras minimal …
a. 1:1
b. 2:1
c. 4.5:1
d. 10:1
e. 0.5:1

Jawaban: c. 4.5:1
Pemilihan font yang berlebihan dalam satu halaman web dapat …
a. Memperkuat identitas visual
b. Membingungkan pembaca
c. Meningkatkan keterbacaan
d. Menambah kejelasan
e. Meningkatkan kecepatan akses

Jawaban: b. Membingungkan pembaca
Huruf dekoratif sebaiknya digunakan …
a. Untuk teks panjang
b. Untuk judul pendek
c. Di seluruh paragraf
d. Pada body text
e. Di daftar isi

Jawaban: b. Untuk judul pendek
File font web biasanya berekstensi …
a. .jpg
b. .woff atau .ttf
c. .png
d. .mp4
e. .html

Jawaban: b. .woff atau .ttf
Accessibility dalam tipografi digital berarti …
a. Teks mudah diakses oleh semua pengguna
b. Warna bebas diubah
c. Huruf harus artistik
d. Menggunakan animasi berlebihan
e. Teks disembunyikan

Jawaban: a. Teks mudah diakses oleh semua pengguna
Huruf monospaced cocok untuk …
a. Judul besar
b. Kode pemrograman
c. Poster fashion
d. Majalah mode
e. Logo elegan

Jawaban: b. Kode pemrograman
Contoh font Google yang sering digunakan dalam web adalah …
a. Comic Sans
b. Roboto
c. Mistral
d. Vivaldi
e. Magneto

Jawaban: b. Roboto
Prinsip konsistensi font penting karena …
a. Memperjelas identitas visual dan keterbacaan
b. Membuat tampilan acak
c. Membingungkan pengguna
d. Mengurangi kontras
e. Menghapus hierarki

Jawaban: a. Memperjelas identitas visual dan keterbacaan
Tipografi pada aplikasi interaktif harus …
a. Responsif dan mudah diakses
b. Kompleks dan rumit
c. Statis dan kaku
d. Sama untuk semua platform
e. Mengabaikan UX

Jawaban: a. Responsif dan mudah diakses

Kesimpulan

Tipografi digital dan media interaktif menuntut desainer untuk memahami lebih dari sekadar estetika huruf. Faktor seperti keterbacaan di berbagai layar, kontras warna, ukuran responsif, dan pengalaman pengguna menjadi inti utama. Dengan latihan soal di atas, siswa dapat memperkuat pemahaman mereka dalam mengaplikasikan prinsip tipografi pada berbagai platform digital dan interaktif.

Post Views: 54

Pendahuluan

Kumpulan Soal Pilihan Ganda Tipografi Digital dan Media Interaktif

Kesimpulan

Komentar