Konsep & Tools

Pembuatan Asset Desain dalam

Pengembangan Perangkat Lunak dan Gim
 ● Konsep Objek-Objek Multimedia

● Konsep Penggunaan Multimedia

What we’ll Learn
● Konsep Desain Grafis

● Tools Desain Grafis

Multimedia

Media komunikasi dan informasi dengan mengkombinasikan teks, grafik, video, dan
animasi yang digunakan untuk menyampaikan suatu pesan tertentu melalui media
komputer dan peralatan elektronik lainnya.
Pengembangan Perangkat Lunak dan Game
tidak terlepas dari Asset di dalamnya
Asset

● Asset adalah semua kebutuhan atau bahan-bahan yang digunakan dalam

perangkat lunak dan gim.
● Dapat berupa 2D, 3D, Animasi, Teks, Gambar Statis, Ikon, Efek Suara, Musik
atau Elemen Multimedia lainnya.
Asset Perangkat Lunak dan Gim
 ● Teks

● Gambar

Objek-Objek ● Animasi

Multimedia ● Audio

● Video

● Link Interaktif
 ● Dalam Perangkat Lunak

Chatting, E-Learning, Video

Conference, dan lainnya, dapat
disebut MoIP (Multimedia Over
Internet Protocol)
Penggunaan
Multimedia ● Dalam Gim

Gim dilengkapi dengan Animasi

yang mengandung Gambar, Video,
Teks, dan Audio yang
mengandung informasi dan
memperkuat genre Gim
Desain Grafis

Ilmu yang mempelajari dan mengembangkan bahasa visual untuk keperluan informasi
dan komunikasi, pesan visual yang ingin disampaikan dapat berupa informasi produk,
jasa, atau gagasan secara komunikatif dan persuasif.

Tujuan:

● Publikasi
● Promosi
● Pemasaran
Jenis
Desain Grafis

https://glints.com/id/lowongan/jenis-
tipe-desain-grafis/#.YuatY3ZBy5c
 1. Desain Grafis
Visual Identity
(corporate design atau branding design)

● Logo
● Warna
● Tipografi
● dan lain-lain
 2. Desain Grafis
Pemasaran
(desain grafis marketing)

● Infografik
● Konten Instagram
 3. Desain Grafis
Periklanan
(advertising graphic design menekankan
ajakan untuk audiens)

● Baliho
● Banner digital
● Iklan digital
● Iklan vehicle wrap (iklan stiker
mobil)
 4. Desain Grafis UI
(User interface (UI) design fokus pada
desain sebuah aplikasi)

● Button
● Menu
● Micro–interaction
● dan lain-lain
 5. Desain Grafis
Website
(Tipe desain grafis ini fokus pada
halaman web)

Website biasanya dipakai untuk

berjualan. Kadang kala, ada juga fitur
pop–up yang berisi formulir
langganan newsletter. Dalam dunia
pemasaran, dua kegiatan itu disebut
dengan call-to-action.
 6. Desain Grafis
Publikasi
(Publikasi online berupa e–book, laporan
digital, dan lain-lain)

● Buku
● Majalah
● Newsletter
● Laporan
● Katalog
● dan lain-lain
 7. Desain Grafis
Kemasan/
Packaging
(Kemasan yang baik bisa menjaga
kualitas produk)

Kemasan dapat menjadi sarana

pemasaran. Saat desain packaging
unik, orang-orang tentu akan tertarik.
 8. Desain grafis
apparel
(cabang ini fokus pada printing, desainer
grafis akan mengonsep, memilih bahan,
hingga menilai hasil akhir cetakan.)

● kaos
● kemeja
● tas
● baju renang
● dan lain-lain
 9. Motion Graphic
Design
(grafis yang bergerak)

● credit di akhir film atau video

● tutorial
● video promosi
● iklan
● logo bergerak
● presentasi
● website
● dan lain-lain
 10. Environmental
Graphic Design
(desain grafis ini bisa membuat sebuah
lokasi lebih informatif, atau bahkan
berkesan.)
 ● Televisi

● Website

Media ● Majalah

Desain Grafis ● Surat Kabar

● Brosur
 ● Drawing Board (Meja Gambar)

● Box Light (Meja Layout)

Tools ● Berbagai Pisau Potong (Art Knife)

● Peralatan Menempel
Desain Grafis ● Penggaris

(Konvensional) ● Karton dan Kertas

● Pulpen (Art Pen)

● Pensil & Crayon Berwarna

 ● Sistem Hardware (Perangkat
Keras) => PC dan Monitor

● Input Device => Kamera, Scanner,

Pen Tablet
Tools ● Output Device => Laser Pointer,
Plotter, etc
Desain Grafis ● Sistem Software (Perangkat

(Digital) Lunak) => Software Pengolah

Kata, Software Page
Make-Up/Layout Software
Spreadsheet, Software Graphic,
Software Clip Art, dan Software
Penunjang
Dasar-Dasar Desain dalam
Pembuatan Asset Desain

https://www.ruangguru.com/blog/unsur-dan-prinsip-dasar-desain-grafis
 ● Titik

● Garis

● Bentuk
Komponen ● Ruang
Desain Grafis ● Warna

● Tekstur

● Terang - Bayang / Gradasi

 Komponen
Desain Grafis
● Kesatuan

● Keseimbangan

● Irama Prinsip-Prinsip
● Kontras Tata Letak
● Fokus

● Proporsi
Prinsip-Prinsip
Tata Letak
 Tipografi
Suatu proses seni untuk menyusun bahan
publikasi menggunakan huruf cetak.
Create Portfolio!

https://www.behance.net/
Create Portfolio!

https://dribbble.com/
Reference
● Modul Dasar PPLG
● https://glints.com/id/lowongan/jenis-tipe-desain-grafis/
#.YuatY3ZBy5c
● https://www.ruangguru.com/blog/unsur-dan-prinsip-dasar-
desain-grafis
● https://www.behance.net/
● https://dribbble.com/
● https://id.pinterest.com/

Thank You!
(Assesmen I)

Tugas Mandiri Latihan Soal

1. Coba lakukan identifikasi objek-objek 1. Apakah yang dimaksud dengan aset pada
multimedia yang terdapat pada sebuah perangkat lunak dan gim?
perangkat lunak atau gim yang kamu ketahui 2. Jelaskan fungsi multimedia pada perangkat
lunak dan gim!
3. Sebut dan jelaskan objek-objek multimedia
4. Apa yang dimaksud dengan desain grafis?
5. Sebut dan jelaskan tools-tools dalam desain
grafis!
(Assesmen II)
Penugasan ini melatih Anda dalam melakukan
proses pengamatan aplikasi web atau gim yang akan
mengamati tampilan aplikasi dari elemen desain
grafis yang digunakan untuk menyusun tampilan
tersebut.
1. Buatlah kelompok dengan anggota 3 – 4 orang
2. Amatilah 2 aplikasi web dan 2 aplikasi gim
3. Tunjukkanlah komponen desain dan prinsip
tata letak yang digunakan untuk menyusun
tampilan tersebut.
4. Buatlah tabel seperti gambar berikut
perbedaan dan persamaan yang anda dapatkan
diskusikan dengan teman sekelompok
5. Buat laporan dan diskusikan dengan teman
sekelompok