Kisi-Kisi Materi Ujian LSP untuk Multimedia

Ada 4 Skema :

1. Desain Grafis : Mengerjakan Layout desain menu ataupun Product Knowledge di Hp,Produk yang
dijadikan objek adalah produk makanan/kemasan yg akan menjadi soal di skema desain percetakan.
Penilaian : - Penggunaan aplikasi adobe XD
- Penggunaa aplikasi berbasis vector dan bitmap
- Pengambilan foto dan penggunaan kamera.

2. Desain Grafis Percetakan : Membuat desain packaging produk makanan, makanan dan packaging difoto untuk menjadi bahan
layout pada desain grafis.
Penilaian : - Penggunaa aplikasi berbasis vector dan bitmap
- Pengambilan foto dan penggunaan kamera.

3. Audio Video : Membuat Iklan makanan yg dibuat Desain packaging pada skema desain percetakan.
Penilaian : - Penggunaan Kamera Video
- Penggunaa aplikasi Pengolahan Video

4. Animasi : Menitikberatkan pada Interaktif g akan dibuat pada Desain UI/UX

Penilaian : - Penggunaan aplikasi adobe XD
 Adobe XD
Apa Itu Adobe XD?
Adobe XD adalah salah satu alat bantu atau perangkat lunak gratis paling banyak
digunakan untuk web design atau mobile design UI / UX dan prototyping untuk
berbagai platform termasuk web, ponsel, tablet, dan lainnya. Sebagai bagian dari
Adobe Creative Cloud, eXperience Design menawarkan banyak opsi dan antarmuka
yang intuitif. Anda dapat membuat dan menguji pengalaman Anda sambil melihat dulu
interface lengkap aplikasi Anda.

Saat membuka aplikasi ini, layar pembuka memberi Anda beragam template ukuran
layar standar dan kemampuan untuk menambahkan ukuran dokumen kustom Anda
sendiri. Selain itu, layar mencakup akses ke sejumlah aset yang dapat digunakan
sebagai titik awal untuk mempelajari lebih lanjut tentang aplikasi, elemen desain UI
untuk berbagai perangkat seluler seperti iOS dan Android, dan akses ke sumber daya
online seperti tutorial, dan banyak lagi.
Ruang kerja Adobe XD dibagi menjadi dua tampilan; Desain dan Prototipe,
yang dapat diakses dari sisi kanan atas aplikasi. Dalam tampilan Desain ,
desainer dapat menggunakan sejumlah alat dan fitur untuk membuat
elemen tata letak desain, menambahkan artboards yang digunakan untuk
mewakili halaman tata letak, dan mengimpor sumber daya dari aplikasi lain
seperti Adobe Illustrator dan Adobe Photoshop. 

Tampilan kedua dalam Adobe XD adalah tampilan Prototype yang

memungkinkan desainer untuk menghubungkan antara artboards
(halaman) dan mendefinisikan hubungan di antara mereka melalui
interaksi. Setelah proyek selesai, desainer dapat mempratinjau dengan
mengklik ikon pratinjau di kanan atas, atau membaginya dengan tim
melalui tautan berbasis web. Desainer juga dapat menyimpan layar yang
berbeda dalam format berbasis bitmap atau vektor.
Buat Prototype
Setelah Adobe XD dibuka, layar Selamat Datang muncul dan memungkinkan Anda untuk
memilih jenis proyek. Pilih Web (1920 × 1080px).
Setelah artboard dibuat, klik dua kali nama artboard, dan ubah menjadi “Beranda”. Ubah juga
nama file nya diatas sesuai keinginan Anda
Buat Header Website
Setelah Anda merubah nama artboard, langkah selnajutnya yaitu cara membuat header website
terlebih dahulu. Header website terdiri dari bagian menu bar dan slider banner. Langsung saja
ikuti langkah-langkahnya dibawah ini. 
Langkah 1 : Tambahkan Gambar
Langkah 2 : Tambahkan Shape Hitam
Jika gambar sudah ditambahkan maka selanjutnya tambah shape berwarna hitam.
Buatlah opacity shape nya menjadi 60% agar nanti background nya sedikit terlihat. Maka
hasilnya nanti seperti dibawah ini
Langkah 3 : Buat Slider Banner dan Menu Bar

Buat tulisan logo disebelah kiri atas dan tulisan ‘Home’, ‘Layanan’, ‘Kontak’, ‘Blog’ disebelah
kanan atas. Buat semua tulisan tersebut berwarna putih.
Tambahkan 1 icon, 2 header, 1 text dan 1 button di tengah seperti ini. Buat serapih
mungkin agar enak dilihat. Lalu tambahkan juga icon panah kiri dan 3 lingkaran dibawah
yang memberi tanda bahwa ini adalah slider.
Buat Konten Website
Setelah selesai membuat menu bar dan slide banner. Selanjutnya membuat konten halaman nya. 

Konten 1
Buat sebuah text untuk judul kontennya yaitu ‘Mengapa Memilih Jasa Kami’. Setelah itu buat 3 kotak berwarna putih untuk
keperluan content box yang didalamnya ada heading, icon dan text. Anda bisa ambil icon di flaticon gratis atau nanti agar
lebih bagus Anda bisa buat sendiri icon nya. Terakhir taruh gambar untuk background dibawah seperti dibawah ini.
Untuk edit ukuran tulisan, warna, jenis dan lain-lain Anda bisa klik terlebih dahulu bagian yang ingin dirubah lalu ubah
dibagian yang digaris bawah ini.
Konten 2
Konten kedua kali ini membuat pricing table. Buat 4 kotak dan isi tulisannya seperti dibawah
ini. Untuk warna dan ukuran font bisa disesuaikan. Tambah button juga di masing-masing
price table nyaa.
Konten 3
Ini konten terakhir coba tambahkan sebuah section untuk artikel. Buat heading nya terlebih
dahulu dan beri bold pada judulnya. Lalu tambah deskripsi dan 3 gambar beserta tulisan
dibawahnya. Buatlah serapih mungkin dan semenarik mungkin. Anda bisa coba buat 4
gambar atau berapapun sesuai keinginan Anda. Tambah juga button dibawahnya untuk
mengarahkan ke halaman blog
Konten 4
Ini bagian konten terakhir, coba buat sebuah bagian komentar pelanggan dan logo klien
yang sudah pernah menggunakan jasa Anda. Buatlah serapih mungkin dan semenarik
mungkin. Anda bisa ambil logo di internet untuk keperluan belajar atau Anda bisa buat
logo tersebut di canva. Jika Anda tidak tau cara menggunakan canva.
Buat Footer Website
Nah ini adalah langkah terkahir yaitu membuat footer website. Saya hanya membuat footer
yang sederhana seperti dibawah ini. Hanya ada logo sosial media, dan tulisan copyright. Anda
bisa juga coba tambahkan textbox agar pengunjung website bisa daftar newsletter dan lain-
lain sesuai keinginan Anda.