Modul Ajar & RPP Desain Komunikasi Visual Kelas XII
Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design
Sudah jadi 11 lembar, tinggal tulis nama Anda ✍️
🎁 100% GRATIS · unduh Word + PDF tanpa bayar
Gratis 3 modul, tanpa bayar apa pun.
TERBARUTP 2026/2027Rumus 8-3-3-4Pembelajaran Mendalam
- 8Dimensi Profil Lulusan: keimanan & ketakwaan, kewargaan, penalaran kritis, kreativitas, kolaborasi, kemandirian, kesehatan, komunikasi
- 3Prinsip Pembelajaran: berkesadaran, bermakna, menggembirakan
- 3Pengalaman Belajar: memahami, mengaplikasi, merefleksi
- 4Kerangka Pembelajaran: praktik pedagogis, kemitraan, lingkungan, pemanfaatan digital
📜 Dasar: Permendikdasmen 13/2025 · Standar Proses 1/2026 · CP 046/H/KR/2025 jo. 020/2026
“Dulu lama menyusun modul — dengan sistem ini tinggal klik, jadi.”
Isi modul ini
Di bawah ini 11 lembar A4 pertama, persis seperti yang terunduh. Nama & tema yang Anda pilih di atas sudah terpasang.
| Penyusun | nama Anda |
| Satuan Pendidikan | sekolah Anda |
| Mata Pelajaran | Desain Komunikasi Visual |
| Fase / Kelas | F / XII |
| Materi Pokok | Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design |
| Alokasi Waktu | 2 Pertemuan (8 JP: 4 JP × 45 menit = 180 menit per pertemuan) |
| Tahun Pelajaran | 2026/2027 |
| Pendekatan | Pembelajaran Mendalam |
| Model Pembelajaran | Project Based Learning (PjBL) + praktik |
| Bentuk Dokumen | Modul Ajar — memuat RPP |
✍️ Dua baris kuning di atas terisi otomatis saat Anda mengunduh — beserta kop, logo, dan nama sekolah di kepala tiap lembar.
Identifikasi Peserta Didik:
| Kesiapan belajar (kompetensi awal) | Peserta didik memiliki pemahaman dasar tentang elemen-elemen desain grafis dan aplikasi desain. |
Dimensi Profil Lulusan yang dikembangkan:
- Kreativitas — menghasilkan gagasan dan karya yang orisinal serta bermanfaat
- Kemandirian — bertanggung jawab atas proses dan hasil belajarnya sendiri
- Komunikasi — menyampaikan dan menerima gagasan secara jelas dan santun
🔒 Elemen tiap dimensi beserta wujudnya pada materi ini tersedia di Paket Lengkap.
Capaian Pembelajaran (CP):
| Acuan | Kepka BSKAP No. 046/H/KR/2025 |
| Elemen / Domain | Desain Komunikasi Visual |
| Rumusan CP Fase | Peserta didik mampu mengelola dan mempresentasikan karya desain komunikasi visual yang dihasilkan dalam berbagai media, serta mengevaluasi proses dan hasilnya secara kritis dan kreatif. |
Identifikasi materi — 4 dimensi pengetahuan:
| Faktual | Contoh nyata karya desain UI/UX yang sukses seperti aplikasi e-commerce populer atau website berita terkemuka. |
| Konseptual | Prinsip-prinsip dasar desain antarmuka pengguna (UI) dan pengalaman pengguna (UX) yang berpusat pada kebutuhan pengguna. |
| Prosedural | Langkah-langkah dalam merancang prototipe desain UI/UX, mulai dari riset pengguna hingga pengujian. |
| Metakognitif | Kesadaran akan pentingnya iterasi dan umpan balik dalam proses desain untuk menghasilkan produk yang optimal. |
Tujuan Pembelajaran:
- Melalui studi kasus dan diskusi kelompok, peserta didik dapat mengidentifikasi elemen-elemen kunci dalam desain UI/UX yang baik dengan tepat.
- Dengan menggunakan alat desain digital, peserta didik dapat membuat sketsa awal (wireframe) untuk sebuah aplikasi sederhana sesuai dengan kebutuhan pengguna yang ditentukan secara runtut.
- Setelah melakukan perancangan, peserta didik dapat mempresentasikan prototipe desain UI/UX yang mereka buat kepada teman sekelas dengan percaya diri.
- Setelah menyelesaikan proyek mini, peserta didik dapat merefleksikan proses pembelajaran dan tantangan yang dihadapi dalam merancang UI/UX secara mandiri.
Pemahaman bermakna: Desain UI/UX yang efektif tidak hanya estetis, tetapi juga fungsional, intuitif, dan memberikan pengalaman positif bagi pengguna, yang pada akhirnya berkontribusi pada kesuksesan produk digital.
Pertanyaan pemantik: "Bagaimana sebuah aplikasi atau website yang terlihat sederhana namun sangat mudah digunakan bisa membuat penggunanya betah berlama-lama?"
| Praktik Pedagogis | Project Based Learning (PjBL) + praktik |
| Lintas Disiplin Ilmu | Psikologi: Memahami perilaku, persepsi, dan kognisi pengguna untuk menciptakan pengalaman yang intuitif. Bahasa Indonesia: Kemampuan komunikasi yang efektif dalam presentasi karya dan memberikan umpan balik. |
| Kemitraan Pembelajaran | Melibatkan praktisi UI/UX dari industri lokal untuk memberikan workshop singkat atau sesi mentoring bagi peserta didik. |
| Lingkungan Pembelajaran | Menyediakan ruang kelas yang kondusif dengan akses internet yang memadai dan perangkat komputer yang mendukung untuk kegiatan desain digital. |
| Pemanfaatan Teknologi Digital | Memanfaatkan platform desain kolaboratif seperti Figma atau Adobe XD untuk perancangan prototipe dan presentasi hasil karya. |
| Model Pembelajaran | Project Based Learning (PjBL) |
| Tujuan Pertemuan 1 | Melalui studi kasus dan diskusi kelompok, peserta didik dapat mengidentifikasi elemen-elemen kunci dalam desain UI/UX yang baik dengan tepat. |
| Tahapan | Alokasi | Kegiatan Pembelajaran |
|---|---|---|
| Kegiatan AwalBerkesadaran (Mindful) | 30 menit |
|
| Inti — MemahamiBermakna (Meaningful) | 35 menit |
|
| Inti — MengaplikasiBermakna (Meaningful) | 55 menit |
|
| Inti — MerefleksiBermakna (Meaningful) | 30 menit |
|
| Kegiatan PenutupMenggembirakan (Joyful) | 30 menit |
|
Tahapan inti mengikuti 3 Pengalaman Belajar Pembelajaran Mendalam: memahami → mengaplikasi → merefleksi; label di kolom kiri menunjukkan prinsip yang diwujudkan tiap tahapan.
| Model Pembelajaran | Project Based Learning (PjBL) |
| Tujuan Pertemuan 2 | Dengan menggunakan alat desain digital, peserta didik dapat membuat prototipe desain UI/UX yang mereka buat kepada teman sekelas dengan percaya diri. |
| Tahapan | Alokasi | Kegiatan Pembelajaran |
|---|---|---|
| Kegiatan AwalBerkesadaran (Mindful) | 30 menit |
|
| Inti — MemahamiBermakna (Meaningful) | 35 menit |
|
| Inti — MengaplikasiBermakna (Meaningful) | 55 menit |
|
| Inti — MerefleksiBermakna (Meaningful) | 30 menit |
|
| Kegiatan PenutupMenggembirakan (Joyful) | 30 menit |
|
Tahapan inti mengikuti 3 Pengalaman Belajar Pembelajaran Mendalam: memahami → mengaplikasi → merefleksi; label di kolom kiri menunjukkan prinsip yang diwujudkan tiap tahapan.
| Nama | Kelas | Kelompok | |||
|---|---|---|---|---|---|
| Tanggal | Nilai | Paraf Guru |
Waktu pengerjaan: 55 menit
Tujuan: Peserta didik dapat mengidentifikasi elemen-elemen penting dalam desain UI/UX melalui analisis studi kasus.
Petunjuk: 1) Berdoalah sebelum mulai. 2) Gunakan APD dan patuhi aturan K3. 3) Kerjakan langkah secara berurutan, catat temuan di tabel, lalu simpulkan.
Info singkat: Selamat datang di dunia desain UI/UX! Modul ini akan membawamu menjelajahi bagaimana menciptakan pengalaman pengguna yang luar biasa melalui desain antarmuka yang intuitif dan fungsional.
Alat & bahan: Lembar Kerja Peserta Didik, Alat Tulis, Komputer/Laptop (opsional)
Langkah kerja:
- Bacalah studi kasus yang diberikan dengan seksama.
- Diskusikan dalam kelompok, elemen-elemen apa saja yang membuat aplikasi/website tersebut mudah digunakan.
- Identifikasi minimal 3 elemen UI (tampilan) dan 3 elemen UX (pengalaman) yang menonjol dari studi kasus.
- Catat hasil diskusi pada tabel yang tersedia.
🔒 Tabel kerja dan lembar refleksi murid tidak ditampilkan di pratinjau — keduanya ada di berkas unduhan.
Asesmen awal (diagnostik):
- Sebutkan dua contoh aplikasi yang sering kamu gunakan dan jelaskan mengapa kamu menyukainya!
- Apa yang kamu pahami tentang 'antarmuka pengguna' (user interface)?
- Menurutmu, apa perbedaan antara 'desain' dan 'pengalaman pengguna' (user experience)?
Formatif (proses): Asesmen formatif dilakukan melalui observasi partisipasi aktif peserta didik dalam diskusi kelompok, presentasi, dan pemberian umpan balik.
Sumatif (akhir): Asesmen sumatif berupa penilaian terhadap prototipe desain UI/UX yang dihasilkan peserta didik beserta presentasinya.
🔒 Rubrik KKTP dan kunci jawaban tidak ditampilkan di pratinjau — rubrik ada di berkas unduhan, kunci jawaban khusus member Paket Lengkap.
| No | Tujuan Pembelajaran | Materi | Alokasi | Dimensi |
|---|---|---|---|---|
| 1 | Mengidentifikasi elemen kunci UI/UX | Studi kasus desain UI/UX | 2 JP | kreativitas |
| 2 | Membuat sketsa wireframe | Alat desain digital | 2 JP | kemandirian |
| 3 | Membuat prototipe digital | Aplikasi desain UI/UX | 4 JP | kreativitas, komunikasi |
| 4 | Presentasi dan refleksi | Prototipe desain | 2 JP | komunikasi, kemandirian |
Selamat datang di dunia desain UI/UX! Modul ini akan membawamu menjelajahi bagaimana menciptakan pengalaman pengguna yang luar biasa melalui desain antarmuka yang intuitif dan fungsional. Siapkan dirimu untuk berkreasi dan menghasilkan karya desain yang memukau!
1. Apa itu UI/UX Design?
UI (User Interface) Design berfokus pada tampilan visual dan elemen interaktif sebuah produk digital, seperti tombol, ikon, tipografi, dan tata letak. Tujuannya adalah menciptakan tampilan yang menarik dan mudah dinavigasi. UX (User Experience) Design lebih luas, mencakup keseluruhan pengalaman pengguna saat berinteraksi dengan produk. Ini melibatkan riset pengguna, arsitektur informasi, wireframing, prototyping, dan pengujian untuk memastikan produk mudah digunakan, efisien, dan memuaskan.
2. Elemen Kunci Desain UI
Elemen UI yang krusial meliputi: konsistensi (penggunaan elemen visual yang seragam), hierarki visual (menonjolkan elemen penting), tipografi (pemilihan font yang mudah dibaca), warna (menciptakan mood dan panduan), tata letak (penyusunan elemen yang rapi), dan elemen interaktif (tombol, ikon yang jelas fungsinya). Desain UI yang baik membuat pengguna merasa nyaman dan terarah.
3. Prinsip Penting Desain UX
Prinsip UX yang utama adalah user-centered design (berpusat pada pengguna), di mana kebutuhan dan kepuasan pengguna menjadi prioritas. Ini mencakup kegunaan (usability), aksesibilitas (kemudahan diakses oleh semua orang), efisiensi (pengguna dapat mencapai tujuan dengan cepat), dan kepuasan (pengalaman positif). Riset pengguna dan pengujian berulang sangat penting untuk mencapai prinsip-prinsip ini.
4. Proses Merancang UI/UX
Proses umum meliputi: 1. Riset Pengguna (memahami target audiens). 2. Wireframing (membuat kerangka dasar tata letak). 3. Prototyping (membuat model interaktif). 4. Pengujian (mendapatkan umpan balik dari pengguna). 5. Iterasi (memperbaiki desain berdasarkan umpan balik). Setiap tahap saling terkait dan penting untuk menghasilkan produk digital yang sukses.
Rangkuman: Desain UI/UX adalah kunci keberhasilan produk digital. UI fokus pada tampilan visual, sementara UX pada keseluruhan pengalaman pengguna. Dengan memahami elemen UI dan prinsip UX, serta mengikuti proses perancangan yang sistematis, kamu dapat menciptakan karya desain yang tidak hanya indah tetapi juga sangat fungsional dan memuaskan bagi penggunanya.
| Istilah | Arti |
|---|---|
| UI (User Interface) | Tampilan visual dan elemen interaktif sebuah produk digital. |
| UX (User Experience) | Keseluruhan pengalaman pengguna saat berinteraksi dengan produk digital. |
| Wireframe | Kerangka dasar tata letak elemen-elemen pada sebuah halaman atau layar aplikasi. |
| Prototype | Model interaktif dari sebuah desain yang menyerupai produk jadi. |
🔒 Daftar pustaka tidak ditampilkan di pratinjau — ada di berkas unduhan.
Modul ajar "Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design" mata pelajaran Desain Komunikasi Visual Kelas XII ini disusun sesuai ketentuan Kurikulum Merdeka · Pembelajaran Mendalam dan dinyatakan dapat digunakan dalam pembelajaran Tahun Pelajaran 2026/2027.
Rujukan: Permendikdasmen No. 13 Tahun 2025 (Pembelajaran Mendalam) · Permendikdasmen No. 1 Tahun 2026 (Standar Proses) · CP: Kepka BSKAP No. 046/H/KR/2025
Bukan Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design yang Anda cari?Pilih dari peta materi setahun di bawah ini 👇
Materi Anda tidak ada di daftar?Tulis judulnya sendiri — tetap gratis, ±1 menitPeta Materi Desain Komunikasi Visual Kelas XII Setahun
Urutan mengajarnya, bukan urutan pencarian. Yang sudah ada tinggal diunduh; yang belum, disusun atas nama Anda — sama-sama gratis.
Semester 1 / Ganjil3 materi · siap dibuatkan
Prinsip Dasar Desain dan KomunikasiBelum tersedia — susun atas nama Anda, gratisPerangkat Lunak DesainBelum tersedia — susun atas nama Anda, gratisMenerapkan Design BriefBelum tersedia — susun atas nama Anda, gratisSemester 2 / Genap2 materi · siap dibuatkan
Materi Desain Komunikasi Visual di kelas lain
Karya DesainDesain Komunikasi Visual Kelas XI SMKPrinsip Dasar Desain dan KomunikasiDesain Komunikasi Visual Kelas XI SMKMenerapkan Design BriefDesain Komunikasi Visual Kelas XI SMKPerangkat Lunak DesainDesain Komunikasi Visual Kelas XI SMKLihat semua Modul Ajar Desain Komunikasi Visual Kelas XII →Pertanyaan yang Sering Diajukan
Apakah ini modul ajar Desain Komunikasi Visual kelas 12 yang saya cari?
Kemungkinan besar ya. Kelas XII dan kelas 12 adalah kelas yang sama — yang satu ditulis angka Romawi seperti di dokumen resmi, yang satu angka biasa. Berkas ini perangkat ajar untuk materi Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design pada Desain Komunikasi Visual SMK, Fase F, elemen Desain Komunikasi Visual.
Modul Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design ini untuk semester 1 (ganjil) atau semester 2 (genap)?
Mengikuti program semester sekolah Anda. Pilih Semester 1 atau 2 saat mengunduh; pilihan itu tercetak di lembar identitas modul Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design untuk Desain Komunikasi Visual kelas XII.
Apakah modul ajar Desain Komunikasi Visual materi Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design ini gratis?
Ya. Modul Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design untuk kelas XII SMK dapat diunduh gratis dalam Word + PDF, lengkap dengan kop sekolah dan nama Anda sebagai penyusun. Tiga modul gratis tersedia bertahap; modul berikutnya terbuka setiap 18 jam.
Bagaimana cara download modul ajar Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design ini dalam Word (.docx) dan PDF?
Ketuk tombol unduh, isi nama dan sekolah, lalu buka dengan email atau Google dan nomor WhatsApp aktif. Berkas Desain Komunikasi Visual kelas XII ini turun sebagai Word (.docx) yang bisa diedit dan PDF siap cetak, tanpa iklan dan tanpa tautan Drive.
Berapa lama modul ini tersusun?
Sekitar satu menit. Cukup isi nama, jenjang, sekolah, mapel, dan materi — modul Desain Komunikasi Visual kelas XII langsung tersusun atas nama Anda.
Bisakah modul Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design ini diedit?
Bisa. Hasil unduhan berupa dokumen Word yang bisa disunting penuh — tujuan, alokasi waktu, dan langkah kegiatan Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design dapat Anda sesuaikan dengan murid Desain Komunikasi Visual kelas XII di sekolah Anda. Sudah ber-kop sekolah dan atas nama Anda, tersedia juga dalam PDF.
Apakah modul ajar Desain Komunikasi Visual kelas XII ini sesuai kurikulum terbaru?
Ya. Modul Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design ini mengikuti Kepka BSKAP No. 046/H/KR/2025, pada Fase F untuk kelas XII SMK. Profil Pelajar Pancasila (P5) kini dilanjutkan sebagai 8 Dimensi Profil Lulusan; dimensi yang dikembangkan materi Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design tercantum di lembar identitasnya.
Ini modul ajar, RPP, atau RPM deep learning?
Ketiganya berkas yang sama. Sampulnya memang bertanda Deep Learning · Pembelajaran Mendalam, dan sebagian guru menyebutnya RPM (Rencana Pembelajaran Mendalam). Modul ajar memuat RPP — keduanya bukan dua dokumen terpisah. Sejak Permendikdasmen Nomor 1 Tahun 2026 tentang Standar Proses, istilah resmi untuk dokumen rencananya adalah Rencana Pelaksanaan Pembelajaran (RPP), dengan tiga komponen inti: tujuan pembelajaran, langkah pembelajaran, dan asesmen. Modul ajar adalah ketiganya beserta lampirannya — LKPD, ATP, dan bahan ajar. Berkas Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design untuk Desain Komunikasi Visual kelas XII di halaman ini memuat semuanya, jadi dapat disetorkan baik ketika sekolah meminta RPP maupun modul ajar.
Apakah ada soal, kisi-kisi, dan rubrik KKTP-nya?
Ada. Modul Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design ini memuat bank soalnya sendiri — 5 pilihan ganda dan 3 uraian (kunci jawabannya khusus member Paket Lengkap), ditambah rubrik KKTP pada bagian asesmennya. Yang belum termasuk: paket soal satu semester penuh Desain Komunikasi Visual kelas XII SMK berikut kisi-kisi dan kartu soalnya — Asesmen Sumatif Tengah Semester (ASTS/PTS) dan Akhir Semester (ASAS/PAS). Penjelasannya ada di halaman Kisi-Kisi & ASAS.
Apakah Kaldik, Prota, dan Promes (Program Semester) ikut di unduhan gratis?
Tidak. Unduhan gratis berisi modul ajar Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design beserta ATP, LKPD, asesmen, dan bank soalnya. Perangkat pembelajaran pelengkap Desain Komunikasi Visual kelas XII berupa Program Tahunan (Prota) dan Program Semester (Promes/Prosem), serta CP · ATP · KKTP setahun, Jurnal Mengajar per semester ber-kop sekolah, dan PPT bahan tayang tiap pertemuan tersedia lewat Paket Modul — bersama Kalender Pendidikan (libur nasional & cuti bersama resmi SKB 3 Menteri sudah tercantum) dan Alokasi Waktu yang menghitung minggu efektifnya otomatis.
Modul Desain Komunikasi Visual ini cocok untuk SMK negeri maupun swasta?
Ya. Kop, logo, dan nama SMK Anda dipasang otomatis, negeri maupun swasta; sekolah berciri (Muhammadiyah, NU, Islam Terpadu) mendapat kop dan mapel khasnya sendiri saat mengisi borang. Materi Karya Desain yang Dihasilkan dalam Lingkup Desain Komunikasi Visual UI-UX Design disusun untuk SMK dari kurikulum yang sama.
tuntas.org — administrasi beres, kinerja tuntas. Semua modul disusun sebagai materi bantu belajar yang independen.