TKA SMK/MAK Desain Komunikasi Visual Interaktif

Desain Publikasi Editorial, Teknologi Percetakan, dan Dasar Desain UI/UX – Materi & Latihan TKA Desain Komunikasi Visual SMK/MAK

Tata letak publikasi multi-halaman (grid system, margin, bleed, slug), manajemen pra-cetak (pre-press, color separation, trapping, CTP), teknologi mesin cetak (Offset Lithography, Digital Printing, Sablon), serta dasar perancangan antarmuka pengguna (UI) dan pengalaman pengguna (UX: wireframing, prototyping, usability testing).

Tujuan Pembelajaran

Merancang tata letak publikasi editorial (majalah, buku, buklet) menggunakan sistem grid multi-kolom.
Menguasai prosedur pra-cetak (pre-press: bleed, resolusi 300 DPI, separasi warna CMYK) dan kalkulasi cetak.
Menerapkan prinsip perancangan antarmuka digital (User Interface) dan riset alur pengguna (User Experience).

Materi & Pembahasan Konsep

TKA SMK/MAK

Selamat datang di modul Desain Publikasi Editorial, Teknologi Percetakan, dan Dasar Desain UI/UX! Modul ini membekali siswa SMK DKV dengan kompetensi penyusunan tata letak media cetak berstandar industri grafika serta perancangan produk digital interaktif berbasis pengguna.

1. Standar Pra-Cetak (Pre-Press Standards)

Resolusi Gambar: Wajib minimal 300 DPI (Dots Per Inch) pada ukuran cetak 100% untuk mencegah gambar pecah (pixelated).
Color Mode: Wajib dikonversi ke mode CMYK (bukan RGB) agar warna hasil cetak mesin offset sesuai preview desain.
Bleed Area: Lebar area lebihan gambar di luar garis potong akhir (umumnya 3 mm - 5 mm) untuk mengantisipasi toleransi pergeseran pisau mesin potong kertas (guillotine).
Crop Marks: Garis pandu pemotongan di keempat sudut halaman dokumen.

2. Dasar Desain UI/UX

UX (User Experience) berfokus pada kemudahan navigasi, arsitektur informasi, dan penyelesaian masalah pengguna (usability). UI (User Interface) berfokus pada keindahan tampilan visual: tombol interaktif, hierarki tipografi, komponen desain (Design System), dan micro-interactions.

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

Area lebihan gambar di luar garis batas potong akhir (trim line) pada dokumen siap cetak (biasanya berukuran 3 mm - 5 mm) yang berfungsi mencegah munculnya garis putih saat kertas dipotong mesin disebut:

A Bleed B Slug C Gutter D Margin E Column gap

Soal 2 Pilihan Ganda Kompleks sedang

5 Poin

Manakah di antara syarat teknis pra-cetak (pre-press) berikut yang WAJIB dipenuhi agar file majalah siap dicetak mesin offset komersial dengan kualitas tinggi? (Pilih dua syarat teknis benar)

Centang semua pilihan yang kamu anggap benar! A. Mode warna seluruh elemen grafis dan foto wajib berformat CMYK B. Resolusi gambar foto minimal 300 DPI (Dots Per Inch) pada skala 100% C. File harus disimpan dalam format audio MP3 D. Semua teks wajib dikonversi menjadi video gerak E. Mode warna wajib disetel ke RGB monitor

Soal 3 Benar / Salah sedang

5 Poin

Tentukan kebenaran pernyataan terkait desain UI/UX dan teknologi grafika berikut:

Tentukan apakah setiap pernyataan di bawah ini Benar atau Salah!

Pernyataan	Benar	Salah
Wireframe adalah gambar sketsa kerangka dasar antarmuka aplikasi digital tingkat rendah (low-fidelity) tanpa warna visual detail.	Benar	Salah
'Gutter' adalah ruang spasi jarak kosong yang memisahkan antara dua kolom teks dalam layout grid majalah.	Benar	Salah
Mesin cetak Digital Printing selalu memerlukan pembuatan pelat cetak aluminium CTP sebelum dapat mencetak 1 lembar kertas.	Benar	Salah
User Experience (UX) hanya berkaitan dengan pemilihan warna latar belakang tombol aplikasi tanpa memedulikan alur kemudahan pengguna.	Benar	Salah

Latihan TKA

10 Soal

Soal 4 Pilihan Ganda mudah

5 Poin

Peranti lunak industri grafika standar internasional yang paling banyak digunakan untuk merancang tata letak publikasi editorial multi-halaman (seperti buku, majalah, dan katalog) adalah:

A Adobe InDesign B Adobe Premiere Pro C Adobe Audition D Microsoft Wordpad E Blender 3D

Soal 5 Pilihan Ganda sedang

5 Poin

Teknologi pembuatan pelat cetak offset modern di mana data digital dari komputer diekspos langsung ke pelat aluminium menggunakan sinar laser tanpa melalui pembuatan film perantara disebut:

A Computer-to-Plate (CTP) B Computer-to-Film (CTF) C Hand Engraving D Rotogravure Cylinder E Screen Stencil

Soal 6 Pilihan Ganda sedang

5 Poin

Uji coba fungsionalitas dan kemudahan alur penggunaan antarmuka aplikasi digital yang diujikan secara langsung kepada target calon pengguna riil disebut:

A Usability Testing B Color Proofing C Dummy folding D Print Run E Perforation test

Soal 7 Pilihan Ganda mudah

5 Poin

Jenis kertas yang memiliki lapisan permukaan licin, mengilap, halus, dan sangat populer digunakan untuk mencetak brosur promosi dan halaman isi majalah adalah:

A Art Paper B HVS (Woodfree) C Kertas Koran (Newsprint) D Kertas Samson Kraft cokelat E Kertas Kalkir transparan

Soal 8 Pilihan Ganda Kompleks sedang

5 Poin

Manakah di antara teknik penyelesaian akhir cetak (finishing grafika) berikut yang memberikan efek permukaan mengilap timbul transparan pada area tertentu dari desain brosur? (Pilih dua teknik benar)

Centang semua pilihan yang kamu anggap benar! A. Spot UV Varnish (lapisan mengilap pada area terpilih) B. Embossing (pengepresan kertas agar permukaan timbul ke atas) C. Pemberian asam sulfat pekat D. Perendaman kertas di kolam lumpur E. Pembakaran kertas dengan api lilin

Soal 9 Pilihan Ganda Kompleks sedang

5 Poin

Dalam perancangan antarmuka pengguna mobile app (Mobile UI Design), prinsip-prinsip desain manakah yang wajib diterapkan? (Pilih dua prinsip benar)

Centang semua pilihan yang kamu anggap benar! A. Optimalisasi zona jangkauan ibu jari (Thumb Zone) untuk penempatan tombol navigasi utama di bagian bawah layar B. Konsistensi penggunaan elemen antarmuka (Design System) seperti ukuran tombol, warna status, dan tipografi C. Membuat tombol navigasi sekecil 2 piksel agar tidak terlihat pengguna D. Mengharuskan pengguna mengklik 25 tombol untuk membuka menu profil E. Menolak pembaruan antarmuka pada sistem operasi baru

Soal 10 Pilihan Ganda sedang

5 Poin

Istilah tipografi editorial untuk satu kata terakhir atau suku kata pendek dari suatu paragraf yang berdiri sendiri di baris paling bawah halaman baru disebut cacat tata letak:

A Orphan / Widow B Drop Cap C Pull Quote D Running Header E Folio Number

Soal 11 Pilihan Ganda sedang

5 Poin

Format file standar industri percetakan yang mengunci font, gambar vektor, dan bitmap ke dalam dokumen siap cetak tanpa khawatir missing font atau link putus adalah:

A PDF/X (PDF for Prepress Exchange) B GIF Animasi C HTML Webpage D WAV Audio E MP4 Video

Soal 12 Benar / Salah sedang

5 Poin

Tentukan kebenaran pernyataan terkait proses penjilidan buku (Book Binding):

Tentukan apakah setiap pernyataan di bawah ini Benar atau Salah!

Pernyataan	Benar	Salah
Teknik jilid 'Saddle Stitching' (Jahit Kawat) menjilid lembaran buklet dengan kawat staples tepat pada punggung lipatan tengah.	Benar	Salah
Teknik jilid 'Perfect Binding' menggunakan lem panas (hot melt glue) pada punggung buku yang diratakan untuk buku tebal bersampul softcover.	Benar	Salah
Buku setebal 1.000 halaman sangat ideal dijilid hanya dengan staples kertas kantor biasa di ujung pojok kiri atas.	Benar	Salah
Hardcover binding menggunakan karton tebal (greyboard) sebagai dasar sampul luar yang dilapisi bahan cetakan atau kulit.	Benar	Salah

Soal 13 Pilihan Ganda mudah

5 Poin

Simulasi interaktif antarmuka digital yang dapat diklik (clickable prototype) menggunakan aplikasi seperti Figma atau Adobe XD berfungsi untuk:

A Menguji alur interaksi dan navigasi aplikasi secara realistis sebelum dikembangkan oleh programmer B Menghitung kecepatan printer mencetak kertas C Membuat kopi otomatis di dapur kantor D Menginstal sistem operasi Windows pada ponsel E Memotong kertas ukuran plano

Tantangan Penalaran

5 Soal

Soal 14 Pilihan Ganda sulit

5 Poin

Sebuah percetakan komersial menerima order cetak 100.000 eksemplar majalah profil perusahaan (Full Color). Saat hasil cetakan mesin offset lembaran perdana diperiksa, ditemukan masalah cetak: Garis-garis halus warna hitam bergeser sedikit sehingga muncul garis putih bocor di sekeliling batas antara objek warna pekat dan latar belakang (Misregistration). Prosedur koreksi pra-cetak (pre-press correction) yang tepat adalah:

A Menerapkan teknik 'Trapping' (pelebaran overlap perbatasan warna sebesar 0,14 pt) dan memastikan warna teks hitam 100% disetel ke mode 'Overprint Black' B Menyemprotkan cat semprot aerosol di atas kertas yang sedang berjalan di mesin cetak C Membatalkan seluruh order dan menutup pabrik percetakan D Mengganti seluruh tinta cetak dengan cat tembok E Menginstruksikan operator mesin memotong kertas menjadi serpihan kecil

Soal 15 Pilihan Ganda Kompleks sulit

5 Poin

Dalam perancangan produk digital, mengapa tahap 'Design Thinking' (Empathize, Define, Ideate, Prototype, Test) sangat krusial bagi keberhasilan produk UI/UX? (Pilih dua alasan analitis benar)

Centang semua pilihan yang kamu anggap benar! A. Memastikan perancangan berfokus pada empati mendalam terhadap kebutuhan, kendala, dan masalah nyata pengguna (Human-Centered Design) B. Meminimalkan risiko kegagalan produk komersial melalui proses iterasi pengujian prototipe seawal mungkin sebelum tahap pemrograman perangkat lunak C. Menjamin aplikasi otomatis diunduh oleh 1 miliar orang di hari pertama peluncuran D. Menghapuskan kebutuhan adanya server basis data aplikasi E. Mewajibkan pengguna membayar biaya setiap kali membuka aplikasi

Soal 16 Benar / Salah sulit

5 Poin

Evaluasi audit aksesibilitas antarmuka pengguna digital menurut standar Web Content Accessibility Guidelines (WCAG 2.1):

Tentukan apakah setiap pernyataan di bawah ini Benar atau Salah!

Pernyataan	Benar	Salah
Rasio kontras warna teks terhadap latar belakang minimal 4.5 : 1 untuk teks ukuran normal (Level AA) wajib dipenuhi agar mudah dibaca pengguna dengan gangguan penglihatan.	Benar	Salah
Setiap elemen gambar bermakna informatif wajib dilengkapi teks alternatif (Alt Text) yang dapat dibaca oleh pembaca layar (screen reader) bagi tunanetra.	Benar	Salah
Informasi navigasi aplikasi boleh hanya mengandalkan kode warna semata (misal hanya warna hijau tanpa teks) tanpa memedulikan penderita buta warna.	Benar	Salah
Navigasi antarmuka wajib dapat dioperasikan sepenuhnya menggunakan papan ketik keyboard tanpa harus bergantung pada mouse.	Benar	Salah

Soal 17 Pilihan Ganda sulit

5 Poin

Sebuah buku ukuran A5 (14,8 x 21 cm) memiliki tebal isi 200 halaman (100 lembar kertas bolak-balik) menggunakan kertas Bookpaper 72 gsm (ketebalan bulk 1,8). Berdasarkan rumus ketebalan buku percetakan, berapakah estimasi lebar punggung buku (Spine Width) yang harus dibuat oleh desainer untuk layout sampul buku (cover)? (Rumus: Tebal Punggung = (Jumlah Halaman / 2) * (Gramatur * Bulk / 10.000))

A 13 mm (sekitar 1,3 cm) B 5 mm C 25 mm D 40 mm E 2 mm

Soal 18 Pilihan Ganda Kompleks sulit

5 Poin

Dalam perbandingan efisiensi biaya teknologi grafika (Cost-Break-Even Analysis), kapan seorang perencana grafika memilih mesin Digital Printing dibandingkan mesin Offset Lithography? (Pilih dua kondisi tepat)

Centang semua pilihan yang kamu anggap benar! A. Ketika volume oplah cetak dalam jumlah sedikit atau terbatas (short-run printing / print-on-demand) B. Ketika dokumen cetak memerlukan kustomisasi data unik pada setiap lembar (Variable Data Printing seperti nomor sertifikat atau nama penerima) C. Ketika mencetak koran harian nasional sebanyak 500.000 eksemplar D. Ketika tinta cetak harus berupa emas padat 24 karat E. Ketika dokumen tidak boleh memiliki teks apapun

Sudah Selesai Mengerjakan?

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

« Topik Sebelumnya Tipografi, Ilustrasi Digital, dan Perancangan Identitas Visual Brand Kembali ke Daftar » Desain Komunikasi Visual

Nomor Soal

0 / 18

• Belum • Terjawab • Ragu

Ke Atas Soal

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