Komponen Multimedia (TEXT)
description
Transcript of Komponen Multimedia (TEXT)
Komponen Multimedia(TEXT)
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Komponen Multimedia terdiri :
AnimationImage
Text
Video Audio
Multimedia
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Elemen Teks:• Sistem Komunikasi yang paling umum• Bentuk data yang paling mudah dikendalikan• Ditemukan 6000 tahun yang lalu di Mesopotamia
dan Mesir.
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Elemen Teks:Elemen Teks
1. Judul2. Menu3. Navigasi4. Content
PenggunaanPa
nduan Des
ain
1. Animasi Teks2. Pemilihan
Fitur3. Warna
Foreground Background
4. Penempatan Teks
Fitur
1. TypeFace2. Font3. Kerning4. Leading5. Uppercase; Lowercase6. Intercap7. Case Sensitive/insensitive
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
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)
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Fitur Teks: TypefaceSerif• 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
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
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
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Fitur Teks: Font1. Sekumpulan karakter yang lengkap dari suatu ukuran
dan style tunggal tertentu yang berasal dari suatu typeface tertentu
2. Font syle dapat berupa : italic atau bold3. Contoh : - Times 28 point italic
- Courier New 32 point bold4. Ukuran huruf dinyatakan dalam point5. 1 point = 0,0138 inchi (1/72 inchi)
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Fitur Teks: Font•Descender : bagian dari huruf kecil yg jatuh di bawah
baseline x-height (g,p,q)
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Fitur Teks: Font•Baseline : Suatu garis yang menjadi dasar suatu huruf
besar
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
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
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Fitur Teks: KerningPenyesuaian atau jarak diantara 2 karakter
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Fitur Teks: Uppercase & LowercasePenelitian menunjukkan bahwa kata-kata atau kalimat dari campuran huruf besar dan kecil lebih mudah dibaca dari pada semua kata / kalimat dalam huruf besar.
Zz Aa
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Fitur Teks: Intercap1. Meletakkan huruf besar ditengah kata2. Trend dari komunitas programer komputer3. Contoh :
HargaSatuanPulangSajaDulu
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Fitur Teks: Case Sensitive & Insensitive1. Pada case sensitive, antara huruf besar dan
huruf kecil dibedakanContoh : pada password
2. Case insensitive tidak membedakan huruf besar dan huruf kecil
Contoh : alamat email
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Penggunaan Teks: Judul (what’s it’s all about)1. Pilih ukuran font dan jumlah headlines sesuai
dengan kompleksitas pesan2. Pada heading yang besar, sesuaikan kerning
sehingga spasi terasa benar. Gap yang besar pada heading yang besar membuat judul jadi “ompong”
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Penggunaan Teks: Menu (where to go) 1. Menu sederhana terdiri dari daftar topik yang
berupa teks2. Kadang menu item dikelilingi kotak jika dipilih
tampak seperti ditekan3. Menu Teks membantu user mengetahui
lokasinya didalam body content, sehingga user tidak kehilangan arah
4. Untuk menghemat space, teks pada menu disingkat
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Penggunaan Teks: Navigasi (how to get there)1. Bawa user pada tujuan tertentu dengan aksi sesedikit
mungkin dan menunggu sesingkat mungkin2. Berupa button, icon, hypertext3. Konsisten4. Gunakan bentuk dan style button yang umum
digunakan5. navigational icon: representasi simbolis dari suatu
objek, proses lebih efektif, lebih mudah dimengerti (sejajar penempatannya)
6. Hypertext adalah struktur link yang melibatkan elemen teks
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
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
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Panduan Desain: Animasi Teks1. Jangan terlalu berlebih menggunakan spesial
efek, pengamat akan bosan.2. font akan tampak berbeda pada platform yang
berbeda
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Panduan Desain: Pemilihan Fitur1. Ada sangat banyak font yang berbeda, perlu kehati-
hatian dalam memilih font2. Coba melihat sense dari user pada apa yang ada di
layar3. Untuk ukuran huruf kecil, gunakan font yang paling
mudah dibaca, hindari font dekoratif yang sulit dibaca4. Untuk mendapatkan perhatian pada suatu kata atau
frase, lakukan animasi terhadap teks tersebut5. Hindari berusaha mendemonstrasikan semua trik
yang diketahui ketika mendesign multimedia
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Panduan Desain: Warna Foreground Background1. Hindari warna yang masih satu “marga”2. Contoh:
Latar belakang biru, sebaiknya gunakan foreground : putih, kuning, hindari warna hijau
3. Gelap vs Terang
Putih
KuningPutih
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
Panduan Desain: Penempatan Teks1. Menempatkan teks pada latar belakang gambar yang
ramai membuat teks sulit dibaca
NO SHADOW WITH SHADOW
WITH SHADOWNO SHADOW
Komponen Multimedia
Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012
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 tunggal2. 1 slide dengan background gambar/foto landscape3. 2 slide dengan background bebas (kreasi anda)
2. Menggunakan animasi teks3. Tidak boleh menggunakan video, suara atau animasi gambar4. Dikerjakan secara kelompok max 4 org, min 3 org5. Dikumpulkan dalam bentuk CD