![]() 19
BAB 5
HASIL DAN PEMBAHASAN DESAIN
5.1 Format Media Interaktif
5.1.1 Resolusi
Format resolusi media untuk CD interaktif Yuk kita mulai dari Hompimpa
adalah 1024 x 576 pixel. Penentuan resolusi media ini berdasarkan ukuran layar
monitor jaman sekarang pada umumnya. Format visual yang digunakan vector
dan image .png, sehingga gambar tidak akan terlalu pecah apabila diperbesar
dengan resolusi lebih dari ukuran aslinya.
5.1.2 Flash
CD Yuk kita mulai dari Hompimpa! merupakan sebuah media interaktif
dengan menggunakan basis flash. Penentuan ini dikarenakan oleh rencana
perancangan komunikasi visual yang terkesan bermain dan ditujukan untuk anak-
anak. Untuk mendesain sebuah layout yang menarik dan tidak membosankan
bagi anak-anak , harus bisa menciptakan penampilan yang tidak kaku dan adanya
interaksi yang tidak membuat anak bosan untuk memainkannya. Hal tersebut
dapat dicapai apabila media interaktif yang digunakan adalah
media interaktif
yang berbasis flash.
5.2 Desain Visual
5.2.1 Layout
Gambar 5.1 Grid Layout
Penggaris dan guide line berfungsi untuk menyamaratakan button pada setiap
halaman agar konsisten dan tidak mengalami perubahan.
|
![]() 20
5.2.2 Nameplate
Gambar 5.2 Nameplate Utama
Ilustrasi papan kayu yang diikat dengan tali Yuk kita mulai dari Hompimpa
sebagai
nameplate utamanya. Ilustrasi papan kayu dipilih sebagai nameplate
karena disesuaikan dengan tema petualangan dan alam.
5.2.3 Interface
Gambar 5.3 Layout Intro
Pada saat baru mulai, terdapat nameplate yang akan muncul dari atas dan
karakter yang akan mengajak pengguna software masuk ke dalam menu utama
dari CD interaktif ini.
|
![]() 21
Masuk ke Permainan utama, diawali dengan transisi yang diikuti beberapa objek
yang muncul satu per satu. Terdapat karakter bernama Aldi yang berlari ke arah
kanan. Kemudian mereka akan bermain sesuai dengan permainan pada halaman
tersebut.
Sesuai dengan temanya interaktif, maka terdapat gerakan animasi disetiap
halamannya dan penggunaan transisi pada setiap halaman yang telah ditentukan.
Terdapat beberapa objek yang apabila disentuh oleh kursor mouse, maka akan
bergerak dan mengeluarkan suara tertentu untuk menarik perhatian anak.
Terdapat 7 permainan dalam CD interaktif ini, yaitu: Hompimpa, Enggrang,
Layangan, Gasing, Sondah, Congklak, dan terakhir Ular Naga.
Gambar 5.4 Permainan Hompimpa
|
![]() 22
Gambar 5.5 Permainan Enggrang
Gambar 5.6 Permainan Layangan
|
![]() 23
Gambar 5.7 Permainan Gasing
Gam
bar 5.8 Permainan Sondah
|
![]() 24
Gambar 5.9 Permainan Congklak
Gambar 5.10 Permainan Ular Naga
|
![]() 25
5.2.4 Tipografi
Ada tiga jenis typefaces yang digunakan, yaitu:
-
Cartwheel
:
digunakan pada judul
Quick brown fox jumps over the lazy dog
-
GreenEggsBold: digunakan pada body text
Quick brown fox jumps over the lazy dog
5.2.5 Warna
Gambar 5.11 Warna Cerah
Warna yang digunakan oleh penulis adalah warna-warna cerah yang dapat
menarik
perhatian anak-anak. Selain itu, warna-warna tersebut juga untuk
membangun dan mewakili hal-hal yang memberikan kesan fun, cheerful, happy,
dan playful.
Sistem warna yang digunakan adalah gradasi sebagai penunjang
ilustrasi yang sederhana namun tetap menarik untuk dilihat.
Gambar 5.12 Warna Lembut
Penggunaan gradasi diaplikasikan pada setiap elemen visual yang terdapat dalam
media interaktif. Seperti, warna karakter utama, karakter pendukung dan elemen
visual lainnya agar tidak monoton dan membosankan.
|
![]() 26
5.2.6 Karakter
5.2.6.1 Karakter utama
Gambar 5.13 Karakter Utama
Karakter utama bernama Aldi. Ia sebagai karakter utama karena ialah yang
mengantar kita dari halaman
satu ke halaman berikutnya, dari permainan satu
dan permainan berikutnya. Desain karakter dari CD Interaktif dibuat dengan style
cute dan simple. Tidak terlalu serius, sehingga anak tidak mudah bosan
melihatnya.
5.2.6.2 Karakter pendukung
Gambar 5.14 Karakter Pendukung
Karakter pendukung pada CD interaktif ini adalah teman-teman Aldi dengan
sifat dan karakter yang berbeda-beda. Ayu dengan perawakan yang lembut, Indra
yang usil, Lukman yang dan pemalu, dan Lisa yang feminim.
|
![]() 27
5.2.7 Elemen Pendukung
Gambar 5.15 Elemen Pendukung
Beberapa contoh elemen visual yang digunakan dalam media flash yang
berkesan
lucu dan imut, serta bernuansa alam
disesuaikan dengan tema yang
telah ditentukan.
5.3 Item Pendukung
5.3.1 Poster
Gambar 5.16 Poster
Sebagai media promosi utama.
|
![]() 28
5.3.2 Pembatas Buku
Gambar 5.17 Pembatas Buku
5.3.2 Buku Petunjuk
Gambar 5.18 Buku Petunjuk
Desain Buku Petunjuk Tampak depan dan belakang. Buku ini berfungsi sebagai
buku petunjuk cara pemakaian CD ini.
|
![]() 29
5.3.5 Pin
Gambar 5.19 Pin
5.3.6 Gantungan Kunci
Gambar 5.20 Gantungan Kunci
|