PERANCANGAN E-BOOK ILUSTRASI INTERAKTIF SEBAGAI MEDIA EDUKASI PENCEGAHAN
MASYARAKAT MENJADIKAN PRIMATA SEBAGAI HEWAN PELIHARAAN BAGI MASYARAKAT BERUSIA 20-39 TAHUN
LAPORAN TUGAS AKHIR
Sylvia Oktavia
00000028515
PROGRAM STUDI DESAIN KOMUNIKASI VISUAL FAKULTAS SENI DAN DESAIN
UNIVERSITAS MULTIMEDIA NUSANTARA TANGERANG
2022
i
Perancangan E-Book Ilustrasi Interaktif. . ., Sylvia Oktavia, Universitas Multimedia Nusantara
PERANCANGAN E-BOOK ILUSTRASI INTERAKTIF SEBAGAI MEDIA EDUKASI PENCEGAHAN MASYARAKAT MENJADIKAN PRIMATA
SEBAGAI HEWAN PELIHARAAN BAGI MASYARAKAT BERUSIA 20-39 TAHUN
LAPORAN TUGAS AKHIR
Diajukan sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Desain (S.Ds.)
Sylvia Oktavia 00000028515
PROGRAM STUDI DESAIN KOMUNIKASI VISUAL FAKULTAS SENI DAN DESAIN
UNIVERSITAS MULTIMEDIA NUSANTARA TANGERANG
2022
iii
Perancangan E-Book Ilustrasi Interaktif. . ., Sylvia Oktavia, Universitas Multimedia Nusantara
HALAMAN PENGESAHAN
Tugas Akhir dengan judul
PERANCANGAN E-BOOK ILUSTRASI INTERAKTIF SEBAGAI MEDIA EDUKASI PENCEGAHAN MASYARAKAT MENJADIKAN PRIMATA
SEBAGAI HEWAN PELIHARAAN BAGI MASYARAKAT BERUSIA 20-39 TAHUN
Oleh
Nama : Sylvia Oktavia
NIM : 00000028515
Program Studi : Desain Komunikasi Visual
Fakultas : Seni dan Desain
Telah diujikan pada hari Rabu, 5 Januari 2022 Pukul 14.30 s.d 15.15 dan dinyatakan
LULUS
Dengan susunan penguji sebagai berikut.
Ketua Sidang
Ardiles Akyuwen, M.Sn.
0323067804/E067811
Penguji
Nadia Mahatmi, M.Ds.
0416038705/E039375
Pembimbing
Dr. Anne Nurfarina, M.Sn.
0416066807/E069425
Ketua Desain Komunikasi Visual
Mohammad Rizaldi, S.T., M.Ds.
0313068301/E023907
iv
Perancangan E-Book Ilustrasi Interaktif. . ., Sylvia Oktavia, Universitas Multimedia Nusantara
HALAMAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS
Sebagai civitas academica Universitas Multimedia Nusantara, saya yang bertanda tangan di bawah ini:
Nama : Sylvia Oktavia
NIM : 00000028515
Program Studi : Desain Komunikasi Visual
Fakultas : Seni dan Desain
JenisKarya : *Tesis/Skripsi/Tugas Akhir
Demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada Universitas Multimedia Nusantara Hak Bebas Royalti Nonekslusif (Non-exclusive Royalty-Free Right) atas karya ilmiah saya yang berjudul.
PERANCANGAN E-BOOK ILUSTRASI INTERAKTIF SEBAGAI MEDIA EDUKASI PENCEGAHAN MASYARAKAT MENJADIKAN PRIMATA
SEBAGAI HEWAN PELIHARAAN BAGI MASYARAKAT BERUSIA 20-39 TAHUN
Beserta perangkat yang ada (jika diperlukan). Dengan Hak Bebas Royalti Noneksklusif ini, Universitas Multimedia Nusantara berhak menyimpan, mengalihmediakan/mengalihformatkan, mengelola dalam bentuk pangkalan data (database), merawat, dan memublikasikan tugas akhir saya selama tetap mencantumkan nama saya sebagai penulis/pencipta dan sebagai pemilik Hak Cipta.
Demikian pernyataan ini saya buat dengan sebenarnya.
Tangerang, 19 Januari 2022 Yang menyatakan,
(Sylvia Oktavia)
v
Perancangan E-Book Ilustrasi Interaktif. . ., Sylvia Oktavia, Universitas Multimedia Nusantara
KATA PENGANTAR
Puji dan syukur dihaturkan kepada Tuhan yang Maha Esa, sebab berkat kuasa-Nya, laporan tugas akhir yang berjudul “Perancangan E-Book Ilustrasi Interaktif sebagai Media Edukasi Pencegahan Masyarakat Menjadikan Primata sebagai Hewan Peliharaan” dapat terselesaikan dengan baik. Demi mendapatkan gelar Sarjana (S.Ds.), penyusunan tugas akhir dilaksanakan dengan menuangkan hasil pembelajaran selama 6 semester yang telah dilalui.
Ketertarikan penulis akan keadaan satwa di Indonesia, khususnya primata menjadi salah satu alasan mengapa topik ini dipilih. Banyaknya satwa yang menderita dan diakhiri hidupnya karena perilaku pihak-pihak yang tidak bertanggung jawab dan hanya mementingkan harta semata. Selama proses penyusunan, telah banyak pengalaman baik suka maupun duka yang mendampingi penulis, dari sifat-sifat lucu primata, hingga kejamnya manusia terhadap alam.
Dalam proses penulisan laporan, rasa terima kasih penulis haturkan kepada 1. Ninok Leksono, selaku Rektor Universitas Multimedia Nusantara.
2. Muhammad Cahya Mulya Daulay, S.Sn., M.Ds., selaku Dekan Fakultas Seni dan Desain Universitas Multimedia Nusantara.
3. Mohammad Rizaldi, S.T., M.Ds., selaku Ketua Program Studi Universitas Multimedia Nusantara.
4. Dr. Anne Nurfarina, M.Sn., sebagai Dosen Pembimbing yang telah mengayomi dan memberikan waktu, kesabaran, bimbingan, arahan, dan motivasi atas terselesainya tugas akhir ini.
5. Keluarga saya yang telah memberikan bantuan dukungan material dan moral, sehingga penulis dapat menyelesaikan tugas akhir ini.
6. Indira Nurul Qomariah, selaku aktivis satwa liar yang memotivasi penulis untuk mengambil topik tentang primata melalui unggahan-unggahan edukasinya di media sosial.
vi
Perancangan E-Book Ilustrasi Interaktif. . ., Sylvia Oktavia, Universitas Multimedia Nusantara
7. Prayoga Indra, sebagai pelaku bisnis satwa eksotis yang dengan suka rela berbagi sudut pandang soal fenomena menjadikan primata sebagai hewan peliharaan dari sisi proaktif.
8. Teman-teman yang menemani penulis sejak semester awal perkuliahan, Athaya Meydi Talitha, Ellisa Andithio, Shellene Cleone, Jessica Sunarya, Verryal Rahman, Helena Vanessa, dan Gabriele Angelika, yang memberikan motivasi dan sangat membantu penulis dalam melewati suka- duka dalam perkuliahan.
Dengan dirancangnya media ini, penulis berharap pengetahuan masyarakat akan bahaya dan dampak yang mengintai pemelihara maupun satwa ketika memutuskan untuk mengadopsi maupun membeli primata sebagai hewan peliharaan semakin meningkat, juga kesejahteraan satwa primata di Indonesia dapat semakin meningkat bersamaan dengan turunnya minat masyarakat untuk mendukung perdagangan satwa liar.
Tangerang, 19 Januari 2022
(Sylvia Oktavia)
vii
Perancangan E-Book Ilustrasi Interaktif. . ., Sylvia Oktavia, Universitas Multimedia Nusantara
PERANCANGAN E-BOOK ILUSTRASI INTERAKTIF SEBAGAI MEDIA EDUKASI PENCEGAHAN MASYARAKAT MENJADIKAN PRIMATA
SEBAGAI HEWAN PELIHARAAN BAGI MASYARAKAT BERUSIA 20-39 TAHUN
(Sylvia Oktavia)
ABSTRAK
Indonesia merupakan sebuah negara yang kaya akan fauna, salah satunya adalah primata. Bayi primata memiliki bentuk tubuh yang mungil dan kerap diminati oleh masyarakat untuk dijadikan sebagai hewan peliharaan. Namun sesungguhnya primata merupakan hewan liar yang tidak sepantasnya dijinakkan dan dirawat dengan tujuan kesenangan, sebab selain beberapa spesiesnya telah masuk ke dalam daftar hewan dilindungi, dampak negatif yang dihasilkan dari fenomena menjadikan primata sebagai hewan peliharaan lebih banyak ditemui, seperti pembunuhan induk, penyiksaan, penelantaran, penularan penyakit, dan agresivitas satwa terhadap manusia. Meskipun tidak disarankan dan cenderung dilarang oleh para ahli, arus jual-beli primata masih ramai terjadi dan berpotensi untuk mempengaruhi kondisi kesejahteraan dan populasi primata di kemudian hari. Hasil penelitian oleh penulis melalui survey, wawancara, dan focus group discussion menyatakan bahwa media edukasi yang efektif bagi target audience dapat dikembangkan melalui penyampaian informasi yang disertai oleh visualisasi keadaan primata yang dijadikan sebagai hewan peliharaan, juga mempertimbangkan fleksibilitas pengaksesan melalui media digital. Oleh sebab itu, penulis merancang sebuah e-book ilustrasi interaktif bagi target audience berusia 20- 39 tahun yang berdomisili di Kota Jabodetabek sebagai media edukasi yang diharapkan mampu berperan untuk meningkatkan pengetahuan masyarakat bahwa primata merupakan hewan liar yang dapat menyebabkan berbagai dampak negatif apabila dijadikan sebagai hewan peliharaan.
Kata kunci: Primata, Hewan Peliharaan, Media Edukasi, E-book Ilustrasi, Interaktif
viii
Perancangan E-Book Ilustrasi Interaktif. . ., Sylvia Oktavia, Universitas Multimedia Nusantara
DESIGNING AN INTERACTIVE ILLUSTRATION E-BOOK TARGETED FOR 20-39 YEARS OLD AUDIENCE AS AN
EDUCATIVE MEDIA FOR PREVENTING PEOPLE TO TAKE PRIMATES AS PETS
(Sylvia Oktavia)
ABSTRACT (English)
Indonesia has various kinds of faunas, and primate is one of them. Newborn primates are seen as a cute animal and often in demand by the public to be taken as pets. Primates, on the other hand, are wild animal that should not be tamed and cared for the sake of entertainment. Because, in addition to several species being added to the list of endangered species, the negative consequences of keeping monkeys as pets are becoming more widespread, including mother death, torture, neglect, disease transfer, and animal aggression toward people. The practice of buying and selling monkeys is still active, even though it is not advised and is generally outlawed by specialists.
This has the potential to harm primate wellbeing and populations in the future. According to the findings of the authors' research, which included surveys, interviews, and focus group discussions, effective educational media for the target audience can be developed by delivering information along with visualizations of the state of primates kept as pets, while also considering the flexibility of access through digital media. As a result, the author created an interactive illustrated e-book for a target audience of 20–39-year-olds living in Greater Jakarta City as an educational medium that is expected to contribute to public awareness that primates are wild animals that can have a variety of negative consequences when kept as pets.
Keywords: Primates, Pets, Education Media, Illustration E-book, Interactive
ix
Perancangan E-Book Ilustrasi Interaktif. . ., Sylvia Oktavia, Universitas Multimedia Nusantara
DAFTAR ISI
HALAMAN PERNYATAAN TIDAK PLAGIAT ... ii
HALAMAN PENGESAHAN ... iii
HALAMAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS ... iv
KATA PENGANTAR ... v
ABSTRAK ... vii
ABSTRACT (English) ... viii
DAFTAR ISI ... ix
DAFTAR TABEL ... xi
DAFTAR GAMBAR ... xii
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 3
1.3 Batasan Masalah ... 3
1.4 Tujuan Tugas Akhir ... 4
1.5 Manfaat Tugas Akhir ... 4
BAB II TINJAUAN PUSTAKA ... 6
Buku ... 31
Media Edukasi ... 44
Pencegahan Menjadikan Primata sebagai Hewan Peliharaan ... 45
BAB III METODOLOGI PENELITIAN ... 50
3.1 Metode Pengumpulan Data ... 50
3.1.1 Wawancara ... 50
3.1.2 Kuesioner ... 60
3.1.3 Focus Group Discussion ... 67
3.1.4 Studi Eksisting ... 72
3.2 Metode Perancangan ... 75
BAB IV STRATEGI & ANALISIS PERANCANGAN ... 78
4.1 Strategi Perancangan ... 78
4.1.1 Empathize ... 78
x
Perancangan E-Book Ilustrasi Interaktif. . ., Sylvia Oktavia, Universitas Multimedia Nusantara
4.1.2 Define ... 79
4.1.3 Ideate ... 81
4.1.4 Prototype ... 95
4.2 Analisis Alpha ... 119
4.2.1 Hasil Perbaikan ... 124
4.3 Analisis Beta ... 128
4.3.1. Analisis Desain ... 130
4.3.2. Analisis Beta Test ... 139
BAB V PENUTUP ... 141
5.1 Simpulan ... 141
5.2 Saran ... 142
DAFTAR PUSTAKA ... xiii
LAMPIRAN ... xvi
xi
Perancangan E-Book Ilustrasi Interaktif. . ., Sylvia Oktavia, Universitas Multimedia Nusantara
DAFTAR TABEL
Tabel 3.1 Jumlah Populasi Penduduk Jabodetabek Berusia 20-39 tahun ... 59
Tabel 3.2 Pokok Jawaban Responden Terkait Dampak yang Akan Terjadi ... 62
Tabel 4.1 Susunan Konten E-book ... 89
Tabel 4.2 Hasil Alpha Test Terkait Visual ... 116
Tabel 4.3 Hasil Alpha Test Terkait Konten ... 118
xii
Perancangan E-Book Ilustrasi Interaktif. . ., Sylvia Oktavia, Universitas Multimedia Nusantara
DAFTAR GAMBAR
Gambar 2.1 Implementasi Garis pada Ilustrasi ... 5
Gambar 2.2 Bentuk Mendasar dari Bidang dan Bentuk Volumetriknya ... 6
Gambar 2.3 Hue, Saturation, dan Value ... 7
Gambar 2.4 Sistem Warna Aditif ... 7
Gambar 2.5 Sistem Warna Susbtraktif ... 8
Gambar 2.6 Konsep Skema Warna ... 9
Gambar 2.7 Indeks Warna Merah ... 9
Gambar 2.8 Indeks Warna Kuning ... 9
Gambar 2.9 Indeks Warna Biru ... 10
Gambar 2.10 Indeks Warna Merah ... 11
Gambar 2.11 Indeks Warna Ungu ... 11
Gambar 2.12 Indeks Warna Orange ... 11
Gambar 2.13 Indeks Warna Hitam ... 12
Gambar 2.14 Indeks Warna Putih ... 12
Gambar 2.15 Indeks Warna Abu-abu ... 12
Gambar 2.16 Tekstur Taktil ... 13
Gambar 2.17 Tekstur Visual ... 13
Gambar 2.18 Rasio Format pada Gawai ... 14
Gambar 2.19 Ukuran dan Bentuk Elemen ... 15
Gambar 2.20 Penekanan Melalui Isolasi ... 16
Gambar 2.21 Penekanan Melalui Tata Letak ... 17
Gambar 2.22 Penekanan Melalui Skala ... 17
Gambar 2.23 Penekanan Melalui Kontras ... 18
Gambar 2.24 Penekanan Melalui Arah dan Petunjuk ... 18
Gambar 2.25 Penekanan Melalui Struktur Diagram ... 18
Gambar 2.26 Pengulangan dan Variasi ... 19
Gambar 2.27 Similarity ... 20
Gambar 2.28 Proximity ... 21
Gambar 2.29 Continuity ... 21
Gambar 2.30 Closure ... 21
Gambar 2.31 Common Fate ... 22
Gambar 2.32 Continuing Line ... 22
Gambar 2.33 Typeface Old Stye ... 23
Gambar 2.34 Typeface Transitional ... 23
Gambar 2.35 Typeface Modern ... 24
Gambar 2.36 Typeface Slab Serif ... 24
Gambar 2.37 Typeface Sans Serif ... 24
xiii
Perancangan E-Book Ilustrasi Interaktif. . ., Sylvia Oktavia, Universitas Multimedia Nusantara
Gambar 2.38 Typeface Black Letter ... 25
Gambar 2.39 Typeface Script ... 25
Gambar 2.40 Typeface Display ... 26
Gambar 2.41 Anatomi Grid ... 26
Gambar 2.42 Single-Column Grids dengan Margin Simetris dan Asimetris ... 27
Gambar 2.43 Bentuk Penerapan Multicolumn Grids ... 28
Gambar 2.44 Modular Grids ... 28
Gambar 2.45 Garis Diagonal Menghasilkan Ilusi ... 29
Gambar 2.46 Background, Middle Ground, dan Foreground ... 29
Gambar 2.47 Perspektif ... 30
Gambar 2.48 Diferensiasi ... 30
Gambar 2.49 Model Interaktivitas Computer Based Interaction ... 32
Gambar 2.50 Model Interaktivitas Human Based Interaction ... 32
Gambar 2.51 Sistem Tombol Navigasi Hibrida ... 34
Gambar 2.52 Interaksi Mikro pada Tombol Halaman ... 34
Gambar 2.53 Pelabelan Angka pada Setiap Tombol Halaman ... 35
Gambar 2.54 Contoh Konsistensi Navigasi ... 35
Gambar 2.55 Penerapan Grid dalam Penyusunan Komposisi ... 35
Gambar 2.56 Navigasi Tertutup Buku Interaktif ... 36
Gambar 2.57 Penggunaan Typeface pada Interactive Story “Rebuilding Haiti” 37 Gambar 2.58 Teks dan Grafis yang Saling Berkomplemen ... 37
Gambar 2.59 Floating Buttons ... 38
Gambar 2.60 Menu pada Sisi Bawah Layar ... 40
Gambar 2.61 Piramida Freytag ... 40
Gambar 2.62 Editorial Illustration “The Guilty Bride” ... 41
Gambar 2.63 Ilustrasi Book Publishing ... 41
Gambar 2.64 Fashion Illustration ... 42
Gambar 2.65 Advertising Illustration ... 42
Gambar 2.66 Music Industry Illustration ... 43
Gambar 2.67 Laporan Tahunan ... 43
Gambar 2.68 Self-Initiated Illustration ... 45
Gambar 2.69 Shape Language ... 46
Gambar 2.70 Kukang ... 46
Gambar 2.71 Anatomi Kerangka Old World Monkeys ... 49
Gambar 2.72 Anatomi Kerangka Kera ... 52
Gambar 2.73 Ilustrasi Book Publishing ... 59
Gambar 3.1 Wawancara Bersama Pelaku Jual-Beli Primata ... 60
Gambar 3.2 Wawancara Bersama Biology Advisor LSM Center for Orangutan Protection ... 61
Gambar 3.3 Profil Narasumber ... 61
xiv
Perancangan E-Book Ilustrasi Interaktif. . ., Sylvia Oktavia, Universitas Multimedia Nusantara
Gambar 3.4 Jenis Kelamin Responden ... 61
Gambar 3.5 Rentang Usia Responden ... 63
Gambar 3.6 Pendidikan Terakhir Responden ... 63
Gambar 3.7 Domisili Responden ... 64
Gambar 3.8 Penjabaran Fenomena dalam Bagian Kuesioner ... 64
Gambar 3.9 Pengetahuan Responden Terkait Kasus Penyiksaan Primata ... 65
Gambar 3.10 Edukasi Dibutuhkan untuk Mencegah Fenomena Semakin Marak 70 Gambar 3.11 Ketertarikan Responden untuk Membaca Media Edukasi ... 71
Gambar 3.12 Bentuk Penyampaian Informasi yang Lebih Dipahami Responden .. Gambar 3.13 Platform yang Lebih Mudah untuk Dijangkau oleh Responden .... 72
Gambar 3.14 Media Sosial yang Paling Sering Digunakan oleh Responden ... 72
Gambar 3.15 Style Ilustrasi yang sesuai untuk diterapkan ke dalam e-book ... 73
Gambar 3.16 Dokumentasi Pelaksanaan Focus Group Discussion melalui Zoom .. Gambar 3.17 Poster Materi Edukasi JAAN ... 77
Gambar 3.18 Tampilan Awal Website Visual Interaktif Kompas ... 79
Gambar 3.19 Arahan untuk Menggeser Halaman ... 81
Gambar 3.20 Peletakkan Fitur Navigasi yang Konsisten ... 82
Gambar 3.21 Keterbacaan Informasi Berita ... 84
Gambar 4.1 Penyusunan Affinity Diagram ... 85
Gambar 4.2 Proses Mindmapping ... 85
Gambar 4.3 Moodboard Kata Kunci Tragedy ... 86
Gambar 4.4 Moodboard Kata Kunci Hopeful ... 87
Gambar 4.5 Type Family MADE Tommy Soft ... 88
Gambar 4.6 Font Almond Nougat ... 94
Gambar 4.7 Mekanisme Coffee Talk ... 95
Gambar 4.8 Grid dalam Media VIK ... 95
Gambar 4.9 Perancangan Layout dalam Multi Column Grids ... 96
Gambar 4.10 Style Ilustrasi yang Paling Banyak Dipilih Responden ... 97
Gambar 4.11 Bagan Konten E-book ... 97
Gambar 4.12 Struktur Plot dalam Piramida Freytag ... 98
Gambar 4.13 Cover E-book ... 98
Gambar 4.14 Desain Penulisan Judul E-book ... 99
Gambar 4.15 Lokasi Menu Navigasi dan Trigger Interaktivitas ... 100
Gambar 4.16 Halaman Trivia ... 100
Gambar 4.17 Type Family MADE Tommy Soft ... 101
Gambar 4.18 Penggunaan Variasi Medium pada Dialogue Box ... 101
Gambar 4.19 Efek Drop Shadow ... 102
Gambar 4.20 Halaman Extension Informasi ... 102
Gambar 4.21 Referensi Environment Hutan ... 103
Gambar 4.22 Sketsa dan Hasil Akhir Environment Habitat Primata ... 103
xv
Perancangan E-Book Ilustrasi Interaktif. . ., Sylvia Oktavia, Universitas Multimedia Nusantara
Gambar 4.23 Scene Ibu Tertembak oleh Peluru ... 104
Gambar 4.24 Referensi Pakaian Pemburu ... 104
Gambar 4.25 Ilustrasi Scene Pemburu ... 105
Gambar 4.26 Referensi Environment Klinik ... 105
Gambar 4.27 Sketsa dan Hasil Environment ... 106
Gambar 4.28 Referensi Environment Pasar Hewan ... 106
Gambar 4.29 Sketsa dan Hasil Environment Pasar Hewan ... 106
Gambar 4.30 Referensi Environment Tempat Pembuangan Sampah ... 107
Gambar 4.31 Sketsa dan Hasil Environment TPS ... 107
Gambar 4.32 Referensi Induk Monyet Ekor Panjang ... 108
Gambar 4.33 Ilustrasi Induk Monyet Ekor Panjang ... 108
Gambar 4.34 Referensi Satwa Monyet Ekor Panjang ... 109
Gambar 4.35 Sketsa Satwa Monyet Ekor Panjang ... 109
Gambar 4.36 Hasil Akhir Satwa Monyet Ekor Panjang ... 110
Gambar 4.37 Proses Ilustrasi Satwa Orangutan ... 110
Gambar 4.38 Proses Ilustrasi Satwa Lutung ... 111
Gambar 4.39 Proses Ilustrasi Satwa Owa ... 111
Gambar 4.40 Proses Proses Ilustrasi Satwa Kukang ... 112
Gambar 4.41 Proses Ilustrasi Pedagang ... 112
Gambar 4.42 Proses Ilustrasi Pembeli ... 113
Gambar 4.43 Proses Ilustrasi Dokter Hewan ... 113
Gambar 4.44 Proses Ilustrasi Petugas BKSDA ... 114
Gambar 4.45 Referensi dan Sketsa Perilaku Monyet ... 114
Gambar 4.46 Hasil Ilustrasi Aset monyet ... 115
Gambar 4.47 Proses Ilustrasi Penangkapan Monyet ... 121
Gambar 4.48 Alat yang Digunakan Pedagang ... 122
Gambar 4.49 Menu Navigasi ... 123
Gambar 4.50 Instruksi “tap to next” ... 123
Gambar 4.51 Halaman Narasi ... 123
Gambar 4.52 Halaman yang Mengandung Konten Interaktif ... 124
Gambar 4.53 Konten Interaktif dalam Cerita ... 124
Gambar 4.54 Sebelum dan Sesudah Perbaikan Environment Hutan ... 125
Gambar 4.55 Perbaikan Halaman Narasi ... 125
Gambar 4.56 Revisi Tampilan Ekspansi Menu Navigasi ... 126
Gambar 4.57 Revisi Warna Kolom Trivia ... 127
Gambar 4.58 Tambahan Tutorial pada Awal E-book ... 127
Gambar 4.59 Tambahan Prompt pada Konten Interaktif ... 128
Gambar 4.60 Iterasi Cover E-Book ... 129
Gambar 4.61 Revisi Karakter Pembeli ... 129
Gambar 4.62 Kesuluruhan Halaman E-Book ... 129
xvi
Perancangan E-Book Ilustrasi Interaktif. . ., Sylvia Oktavia, Universitas Multimedia Nusantara
Gambar 4.63 Halaman Perkenalan Navigasi ... 130
Gambar 4.64 Menu Navigasi E-Book ... 130
Gambar 4.65 Penggunaan Palet Warna Tombol Navigasi E-Book ... 130
Gambar 4.66 Variasi Menu Navigasi ... 131
Gambar 4.67 Tombol Trigger Interaktivitas ... 132
Gambar 4.68 Implementasi Tombol pada E-book ... 132
Gambar 4.69 Balon Dialog ... 133
Gambar 4.70 Implementasi Balon Dialog ... 133
Gambar 4.71 Analisis Desain Ilustrasi Cover ... 134
Gambar 4.72 Environment Habitat Primata ... 134
Gambar 4.73 Penggunaan Perspektif Satu Titik ... 135
Gambar 4.74 Animasi Pergerakan Pembaca ... 135