NAMA : MUTHI’AH 
BIDANG MULTIMEDIA

STORY BOARD MEDIA INTERAKTIF

No Keterangan Visual Audio
1 Opening.  Animasi Text
Text “RUMAH BELAJAR Musik pembuka.
DESAIN GRAFIS” 

2 Judul. MEDIA PEMBELAJARAN DASAR Musik latar.

DESAIN GRAFIS

3 Menu utama. Animation Button and Transition: Musik latar.

MENU Effect Button
1. INTRODUCTION
NARASI
2. MATERI
3. LATIHAN
4. GAMES
5. PROFIL

4 Sub-menu: Narasi Musik latar.

INTRODUCTION 
“ Desain grafis adalah kombinasi NARASI
kompleks kata-kata dan gambar, angka- Effect button
angka dan grafik, foto-foto dan ilustrasi
yang membutuhkan pemikiran khusus
dari seseorang individu yang bisa
menggabungkan elemen-elemen ini
sehingga menghasilkan sesuatu yang
khusus, sangat berguna mengejutkan
atau subversif atau sesuatu yang mudah
diingat “ 

KEMBALI KE MENU UTAMA

EXIT

5 Sub-menu: 1. UNSUR TATA LETAK  Musik latar.

MATERI 2. WARNA CMYK DAN RGB 
Effect button
3. PRINSIP TATA LETAK 

KEMBALI KE MENU UTAMA

KEMBALI KE MENU SEBELUMNYA
EXIT
 

NAMA : MUTHI’AH 
BIDANG MULTIMEDIA

STORY BOARD MEDIA INTERAKTIF

6 Sub-menu: SOAL – SOAL Musik latar.

LATIHAN 1. Berikut ini yang bukan prinsip-
Effect button
prinsip dari sebuah desain grafis
adalah …. 
a. Keseimbangan 
 b.Ritme 
c. Tekanan 
d. Irama 
e. Kesatuan 

dst…. 

NEXT
KEMBALI KE MENU UTAMA
EXIT

7. Sub-menu: PERMAINAN Musik latar.

GAMES
Effect button
KEMBALI KE MENU UTAMA
EXIT

8. Sub-menu: PROFIL PENULIS Musik latar

PROFIL Effect button
KEMBALI KE MENU UTAMA
EXIT
 

NAMA : MUTHI’AH 
BIDANG MULTIMEDIA

STORY BOARD MEDIA INTERAKTIF

9 Sub-menu: MENU : Narasi

UNSUR TATA
Musik latar.
LETAK    KD
3.1 Mendiskusikanunsur-unsur Effect button
tata letak berupa garis,
ilustrasi, tipografi, warna, gelap-
terang, tekstur, dan ruang
4.1 Menempatkan unsur-unsur tata
letak berupa garis, ilustrasi,
tipografi, warna, gelap-terang,
tekstur, dan ruang
  IPK
3.1.1 Menjelaskan
Menjelaskan unsur-unsur tata
letak garis.
3.1.2 Menguraikan
Menguraikan unsur-unsur
warna
3.1.3  Mendeskripsikan tekstur dan
ruang.

4.1.1 Menetapkan
Menetapkan tata letak unsu-
unsur garis.
4.1.2 Menetapkan
Menetapkan tata letak unsur-
unsur warna
4.1.3 Menatapkan
Menatapkan tata letak unsur-
unsur warna

 TUJUAN
Melalaui tanya jawab dan diskusi
siswa dapat menjelaskan, unsur-
unsur tata letak berupa garis,
ilustrasi, tipografi, warna, gelap-
terang, tekstur, dan ruang.

 MATERI
1.  Konsep unsur-unsur garis
2.  Konsep dan cara kerja unsur-unsur
tata letak berupa garis ilustrasi,
tipografi, warna, gelap-terang,
tekstur, dan ruang.

BUTTON :
NEXT
KEMBALI KE MENU UTAMA
KEMBALI KE MENU SEBELUMNYA
EXIT
 

NAMA : MUTHI’AH 
BIDANG MULTIMEDIA

STORY BOARD MEDIA INTERAKTIF

10 Sub-menu:   KD Narasi
WARNA CMYK 3.2 Mendiskusikan fungsi, dan
Musik latar.
DAN RGB  unsur warna CMYK dan RGB
Effect button
4.2 Menempatkanberbagaifungsi,
dan unsur warna CMYK dan
RGB.IPK

  IPK
3.2.1 Menguraikan
Menguraikan fungsi warna
CMYK dan RGB
3.2.2 Membandingkan
Membandingkan warna CMYK
dengan RGB

4.2.1 Melakukan
Melakukan kombinasi warna
CMYK dan RGB.
4.2.2 Menunjukkan
Menunjukkan penempatan
warna sesuai fungsi.

 TUJUAN
Melalaui tanya jawab dan diskusi
siswa dapat menjelaskan kembali
unsur dan makna warna CMYK dan

RGB secara mandiri.

 MATERI
1. Fungsi warna CMYK dan RGB.
Persamaan dan perbedaan warna
CMYK dengan RGB.
2. Kombinasiwarna CMYK dngan
RGB. 

BUTTON :
NEXT
KEMBALI KE MENU UTAMA
KEMBALI KE MENU SEBELUMNYA
EXIT
 

NAMA : MUTHI’AH 
BIDANG MULTIMEDIA

STORY BOARD MEDIA INTERAKTIF

11 Sub-menu: MENU : Narasi

PRINSIP TATA
Musik latar.
LETAK    KD
3.3 Mendiskusikan prinsip-prinsip tata Effect button
letak, antara lain : proporsi, irama
(rythm ),
), keseimbangan, kontras,
kesatuan (unity 
(unity ),
), dan harmoni
dalam pembuatan desain grafis

4.3  Menerapkanhasilprinsip-prinsip
tata letak, antara lain : proporsi,
irama (rythm 
(rythm ),
), keseimbangan,
kontras, kesatuan (unity 
( unity ),
), dan
harmoni dalam pembuatan
desain grafis

  IPK
3.3.1  Menjelaskan prinsip tata letak
desain.
3.3.2  Menguraikan prinsi pdesain

4.3.1  Mengintegrasikan perinsip

kedalam desain.
4.3.2  Menunjukkan desain sesuai
prinsip.

 TUJUAN
Melalaui tanya jawab dan diskusi
siswa dapat memahami dan
menerapkan prinsip-prinsip tata
letak kedalam pembuatan desain
grafis secara mandiri.

 MATERI

  kesatuan (Unity) and

keselarasan (harmony)
  Keseimbangan (Balance)
  Proporsi (Proportion)

  Irama (Rhythm)
  Penekanan/ fokusdan emphasis 
fokusdan emphasis  
  Contrast dan variety.
  Repetisi (Repetition)

BUTTON :
NEXT
KEMBALI KE MENU UTAMA
KEMBALI KE MENU SEBELUMNYA
EXIT