NEW
Font size
WorksheetsKISI ASTS 2025 XII DKV
Total questions: 20
Worksheet time: 19mins
Seorang siswa SMK mendapat tugas membuat desain antarmuka (UI) untuk aplikasi event musik anak muda menggunakan Figma. Klien meminta desain yang enerjik, komunikatif, dan mudah dipahami oleh pengguna. Pada tahap awal perancangan di Figma diperlukan sketsa rancangan wireframe sebelum lanjut ke prototyping, langkah paling tepat yang seharusnya dilakukan adalah….
Menentukan sketsa wireframe awal untuk struktur tata letak halaman
Membuat prototipe interaktif langsung agar bisa diuji coba
Memilih warna dan font sesuai tren desain saat ini
Dalam mendesain halaman landing page aplikasi makanan sehat di Figma, seorang siswa sudah menambahkan tipografi, warna hijau segar, dan ilustrasi bahan alami. Namun hasil desain awal terlihat kurang teratur sehingga informasi sulit terbaca. Prinsip desain yang perlu diperhatikan untuk memperbaiki masalah tersebut adalah….
Kontras
Keseimbangan (balance)
Keselarasan (alignment)
Sebuah startup ingin membuat mockup aplikasi keuangan untuk generasi muda menggunakan Figma. Mereka menginginkan tampilan sederhana, modern, dan mudah dipahami. Keputusan desain paling sesuai untuk mendukung kebutuhan tersebut adalah….
Menggunakan warna terlalu banyak agar terlihat kreatif
Memakai font dekoratif untuk memberi kesan unik
Menggunakan desain minimalis dengan tipografi yang jelas
Seorang desainer diminta membuat logo sederhana menggunakan CorelDraw. Ia memulai dengan membuat bentuk lingkaran, lalu menambahkan teks di sekelilingnya. Namun, teks terlihat tidak mengikuti lengkung lingkaran dengan baik. Tool yang sebaiknya digunakan agar teks dapat mengikuti jalur objek lingkaran adalah….
Shape Tool
Pick Tool
Menu Text → Fit Text to Path
Perhatikan tabel fungsi beberapa tools CorelDraw di atas :
Jika kalian ingin mengubah bentuk persegi menjadi segitiga dengan menarik node pada sudut setelah di convert to curve, tool yang paling tepat digunakan adalah….
Smart Fill Tool
Crop Tool
Shape Tool
Dalam mendesain UI di Figma, seorang siswa ingin membuat bentuk lingkaran yang benar-benar proporsional untuk ikon aplikasi. Namun, bentuk yang dibuat justru terlihat oval. Cara paling tepat yang harus dilakukan adalah….
Menggunakan Shape Tool (Ellipse) sambil menahan tombol Shift
Menggambar lingkaran manual dengan Pen Tool
Menambahkan efek Radius agar sudut terlihat melengkung
Seorang desainer ingin menampilkan foto produk minuman di dalam bentuk botol yang dibuat dengan vektor. Ia ingin agar foto tersebut hanya terlihat di dalam area botol tanpa merusak bentuk asli. Fitur yang harus digunakan adalah…
Blend Tool
PowerClip
Transparency Tool
Seorang siswa mengerjakan brosur. Ia menyusun tabel di atas untuk membandingkan penggunaan tool :
pasangan urutan jawaban yang paling tepat untuk A, B, dan C adalah….
A: Envelope Tool, B: Crop Tool, C: Drop Shadow Tool
A: Shape Tool, B: PowerClip, C: Transparency Too
A: Envelope Tool, B: PowerClip, C: Drop Shadow Tool
Seorang siswa mendesain halaman promosi aplikasi musik di Figma. Ia menempatkan foto penyanyi berukuran besar di sisi kiri dan teks informasi kecil di sisi kanan sehingga desain tampak berat sebelah. Prinsip desain yang perlu diperhatikan untuk memperbaiki masalah tersebut adalah….
Keselarasan (alignment)
Hirarki visual
Keseimbangan (balance)
Perhatikan tabel di atas yang menunjukkan analisis karya desain :
Pasangan urutan jawaban yang paling tepat untuk A, B, dan C adalah…
A: Kesatuan, B: Proporsi, C: Kontras
A: Ritme, B: Keseimbangan, C: Proporsi
A: Proporsi, B: Kesatuan, C: Keseimbangan
Dalam mendesain tampilan aplikasi di Figma, seorang siswa menempatkan judul utama aplikasi dengan ukuran kecil di bagian bawah layar, sementara gambar latar belakang sangat besar dan mendominasi. Hal ini menyebabkan pesan utama tidak tersampaikan dengan baik. Prinsip desain yang kurang diperhatikan adalah….
Hirarki visual
Irama (rhythm)
Repetisi
Klien meminta desain halaman login aplikasi kesehatan dengan target pengguna orang tua usia 45 tahun ke atas. Namun, siswa mendesain dengan tipografi kecil, warna neon terang, dan ilustrasi gaya komik. Materi desain yang salah dalam penerjemahan brief tersebut adalah….
Warna, tipografi, dan ilustrasi
Layout halaman
Pemilihan ikon
Dalam sebuah proyek UI di Figma, klien menuliskan brief yang kurang jelas mengenai target audiens. Padahal informasi tersebut sangat penting untuk menentukan elemen desain. Sebagai desainer, langkah terbaik untuk memastikan konsep desain sesuai kebutuhan adalah….
Melakukan diskusi dengan klien untuk klarifikasi brief
Menggunakan tren desain yang sedang populer saja
Menyalin desain aplikasi serupa dari internet
Seorang siswa diminta membuat desain landing page aplikasi belanja online dengan target audiens generasi Z Alpha. Klien menginginkan desain yang komunikatif, dinamis, dan mudah diingat. Pilihan konsep desain yang paling sesuai adalah….
Menggunakan layout penuh teks deskriptif panjang
Membuat desain minimalis dengan warna cerah kontras dan tipografi modern
Menambahkan foto beresolusi tinggi tanpa memperhatikan UI
Seorang siswa mendapat tugas membuat prototipe aplikasi kampanye kesehatan. Ia langsung membuka Figma dan mulai membuat desain tanpa melakukan diskusi dengan klien maupun mencari referensi terlebih dahulu. Tahapan desain yang dilewati siswa tersebut adalah….
Uji coba prototipe
Perencanaan (briefing dan riset)
Implementasi
Perhatikan tabel di atas tentang tahapan produksi :
Urutan tahapan yang benar sesuai prosedur operasional standar (POS) produksi desain adalah…
A → B → C
B → C → A
C → A → B
Dalam sebuah proyek desain majalah, tim menemukan kesalahan ejaan pada judul setelah majalah selesai dicetak. Akibatnya hasil produksi tidak sesuai pesanan klien. Dari sudut pandang pengelolaan proses produksi, yang seharusnya dilakukan agar kesalahan ini bisa dicegah sejak awal adalah…..
Melakukan pengecekan desain sebelum masuk tahap cetak
Membuat desain dengan terburu-buru
Menambah efek visual supaya kesalahan tidak terlihat
Seorang desainer membuat banner digital untuk promosi online. Ia menyusun alur kerja sebagai berikut di atas :
Urutan alur kerja yang benar disusun sesuai prosedur operasional standar (POS) adalah….
1 → 2 → 3
2 → 3 → 1
3 → 2 → 1
Perhatikan ilustrasi berikut (anggap ada gambar alur produksi dengan panah):
Konsep → Desain → Revisi → Finalisasi → Publikasi
Jika pada tahap revisi ditemukan bahwa layout kurang seimbang dan warna kurang sesuai dengan identitas brand, tindakan paling sesuai berdasarkan prosedur operasional standar (POS) adalah….
Membuat konsep baru dari awal meskipun tidak diminta klien
Menambahkan elemen dekoratif agar tampak berbeda
Kembali ke tahap desain untuk memperbaiki layout dan warna
Dalam sebuah proyek branding, seorang siswa diminta membuat logo untuk usaha minuman teh kekinian. Tim melakukan brainstorming dan muncul ide-ide diatas :
Dari daftar ide tersebut, langkah tim memilih konsep desain agar sesuai dengan prinsip kreativitas dan inovasi sebaiknya adalah…
Memilih ide yang paling mudah dibuat
Menentukan pilihan berdasarkan pendapat satu orang saja
Menilai keunikan, relevansi dengan brand, dan potensi daya ingat konsumen
