Transcript pert2_komponen

Komponen Multimedia
(TEXT)
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Komponen Multimedia terdiri :
Text
Image
Animation
Multimedia
Video
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Audio
Komponen Multimedia
Elemen Teks:
• Sistem Komunikasi yang paling umum
• Bentuk data yang paling mudah dikendalikan
• Ditemukan 6000 tahun yang lalu di Mesopotamia
dan Mesir.
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Elemen Teks:
Elemen Teks
1. Animasi Teks
2. Pemilihan
Fitur
3. Warna
Foreground
Background
4. Penempatan
Teks
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Fitur
1.
2.
3.
4.
5.
6.
7.
TypeFace
Font
Kerning
Leading
Uppercase; Lowercase
Intercap
Case Sensitive/insensitive
1.
2.
3.
4.
Judul
Menu
Navigasi
Content
Komponen Multimedia
Fitur Teks: Typeface
• Keluarga karakter grafis, umumnya memuat banayk
ukuran dan style huruf.
Contoh :
- Courier New
- Times New Romans
- Arial
• Ada 2 kelompok typefaces :
1. Serif ( Times New Roman, Palatino, Book Antiqua,
New Century, dll)
2. Sans serif (Arial, Helvetica, Verdana, Lucida Sans
FB, dll)
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Fitur Teks: Typeface
Serif
• Dekorasi kecil pada ujung huruf
• Sudut-sudut huruf lebih runcing
• Pada halaman cetakan, SERIF biasanya digunakan
untuk BODY teks karena serif membantu mata
pembaca sepanjang garis teks
• Pada layar komputer Bold serif yang besar untuk
judul dan headlines dapat menyampaikan pesan
dengan elegan
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
San Serif
• umumnya dengan tampilan geometris yang tegas
• Pada halaman cetakan, San serif digunakan pada
HEADLINES dan BOLD STATEMENT
• Pada layar komputer, san serif lebih mudah dibaca dan
menarik jika digunakan untuk teks dengan ukuran kecil
di layar
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Fitur Teks: Font
1. Sekumpulan karakter yang lengkap dari suatu ukuran
dan style tunggal tertentu yang berasal dari suatu
typeface tertentu
2. Font syle dapat berupa : italic atau bold
3. Contoh :
- Times 28 point italic
- Courier New 32 point bold
4. Ukuran huruf dinyatakan dalam point
5. 1 point = 0,0138 inchi (1/72 inchi)
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Fitur Teks: Font
• Descender : bagian dari huruf kecil yg jatuh di bawah
baseline x-height (g,p,q)
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Fitur Teks: Font
• Baseline : Suatu garis yang menjadi dasar suatu huruf
besar
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Fitur Teks: Font
• X-Height : Jarak antara baseline dan midline dari suatu
alfabet, secara normal adalah tinggi dari huruf kecil
seperti a,c,e,m,n
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Fitur Teks: Kerning
Penyesuaian atau jarak diantara 2 karakter
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Fitur Teks: Uppercase & Lowercase
Penelitian menunjukkan bahwa kata-kata atau kalimat
dari campuran huruf besar dan kecil lebih mudah dibaca
dari pada semua kata / kalimat dalam huruf besar.
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Fitur Teks: Intercap
1. Meletakkan huruf besar ditengah kata
2. Trend dari komunitas programer komputer
3. Contoh :
HargaSatuan
PulangSajaDulu
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Fitur Teks: Case Sensitive & Insensitive
1. Pada case sensitive, antara huruf besar dan
huruf kecil dibedakan
Contoh : pada password
2. Case insensitive tidak membedakan huruf
besar dan huruf kecil
Contoh : alamat email
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Penggunaan Teks: Judul (what’s it’s all about)
1. Pilih ukuran font dan jumlah headlines sesuai
dengan kompleksitas pesan
2. Pada heading yang besar, sesuaikan kerning
sehingga spasi terasa benar. Gap yang besar
pada heading yang besar membuat judul jadi
“ompong”
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Penggunaan Teks: Menu (where to go)
1. Menu sederhana terdiri dari daftar topik yang
berupa teks
2. Kadang menu item dikelilingi kotak jika dipilih
tampak seperti ditekan
3. Menu Teks membantu user mengetahui
lokasinya didalam body content, sehingga user
tidak kehilangan arah
4. Untuk menghemat space, teks pada menu
disingkat
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Penggunaan Teks: Navigasi (how to get there)
1. Bawa user pada tujuan tertentu dengan aksi sesedikit
mungkin dan menunggu sesingkat mungkin
2. Berupa button, icon, hypertext
3. Konsisten
4. Gunakan bentuk dan style button yang umum
digunakan
5. navigational icon: representasi simbolis dari suatu
objek, proses lebih efektif, lebih mudah dimengerti
(sejajar penempatannya)
6. Hypertext adalah struktur link yang melibatkan
elemen teks
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Penggunaan Teks: Content (what you see when
you get there)
1. Layar multimedia yang terdiri dari beberapa elemen
design seperti teks, gambar, icon, button, dll.
2. Relasi antara elemen-elemen pada layar disebut
LAYOUT. (perlu direncanakan)
3. balancing perlu dilakukan karena
jika teks terlalu banyak : layar terlalu penuh,
teks terlalu sedikit : menjengkelkan, terlalu banyak
mouse click
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Panduan Desain: Animasi Teks
1. Jangan terlalu berlebih menggunakan spesial
efek, pengamat akan bosan.
2. font akan tampak berbeda pada platform yang
berbeda
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Panduan Desain: Pemilihan Fitur
1. Ada sangat banyak font yang berbeda, perlu kehatihatian dalam memilih font
2. Coba melihat sense dari user pada apa yang ada di
layar
3. Untuk ukuran huruf kecil, gunakan font yang paling
mudah dibaca, hindari font dekoratif yang sulit dibaca
4. Untuk mendapatkan perhatian pada suatu kata atau
frase, lakukan animasi terhadap teks tersebut
5. Hindari berusaha mendemonstrasikan semua trik
yang diketahui ketika mendesign multimedia
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Panduan Desain: Warna Foreground Background
1. Hindari warna yang masih satu “marga”
2. Contoh:
Latar belakang biru, sebaiknya gunakan foreground :
putih, kuning, hindari warna hijau
3. Gelap vs Terang
Putih
Putih
Kuning
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Panduan Desain: Penempatan Teks
1. Menempatkan teks pada latar belakang gambar yang
ramai membuat teks sulit dibaca
NO SHADOW
WITH SHADOW
NO SHADOW
WITH SHADOW
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012
Komponen Multimedia
Tugas Minggu Depan
Buatlah Presentasi Powerpoint untuk company profile dengan
menonjolkan penggunaan fitur Teks sebagai media komunikasi!
Catatan:
1. Max 4 slide terdiri atas:
1. 1 slide dengan background 1 warna tunggal
2. 1 slide dengan background gambar/foto landscape
3. 2 slide dengan background bebas (kreasi anda)
2. Menggunakan animasi teks
3. Tidak boleh menggunakan video, suara atau animasi gambar
4. Dikerjakan secara kelompok max 4 org, min 3 org
5. Dikumpulkan dalam bentuk CD
Sri Anardani, S.Kom
STT Dharma Iswara Madiun @2012