• Tidak ada hasil yang ditemukan

LAPORAN TUGAS AKHIR. Sylvia Oktavia

N/A
N/A
Protected

Academic year: 2022

Membagikan "LAPORAN TUGAS AKHIR. Sylvia Oktavia"

Copied!
17
0
0

Teks penuh

(1)

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

(2)

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

(3)
(4)

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

(5)

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)

(6)

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.

(7)

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)

(8)

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

(9)

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

(10)

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

(11)

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

(12)

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

(13)

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

(14)

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

(15)

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

(16)

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

(17)

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

Referensi

Dokumen terkait