Komponen Multimedia (TEXT)

24
Komponen Multimedia (TEXT) Sri Anardani, S.Kom STT Dharma Iswara Madiun @2012

description

Komponen Multimedia (TEXT). Sri Anardani, S.Kom STT Dharma Iswara Madiun @2012. Komponen Multimedia. Komponen Multimedia terdiri :. Text. Animation. Image. Multimedia. Video. Audio. Sri Anardani, S.Kom STT Dharma Iswara Madiun @2012. Komponen Multimedia. Elemen Teks : - PowerPoint PPT Presentation

Transcript of Komponen Multimedia (TEXT)

Page 1: Komponen  Multimedia (TEXT)

Komponen Multimedia(TEXT)

Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012

Page 2: Komponen  Multimedia (TEXT)

Komponen Multimedia

Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012

Komponen Multimedia terdiri :

AnimationImage

Text

Video Audio

Multimedia

Page 3: Komponen  Multimedia (TEXT)

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.

Page 4: Komponen  Multimedia (TEXT)

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

Page 5: Komponen  Multimedia (TEXT)

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)

Page 6: Komponen  Multimedia (TEXT)

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

Page 7: Komponen  Multimedia (TEXT)

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

Page 8: Komponen  Multimedia (TEXT)

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)

Page 9: Komponen  Multimedia (TEXT)

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)

Page 10: Komponen  Multimedia (TEXT)

Komponen Multimedia

Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012

Fitur Teks: Font•Baseline : Suatu garis yang menjadi dasar suatu huruf

besar

Page 11: Komponen  Multimedia (TEXT)

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

Page 12: Komponen  Multimedia (TEXT)

Komponen Multimedia

Sri Anardani, S.KomSTT Dharma Iswara Madiun @2012

Fitur Teks: KerningPenyesuaian atau jarak diantara 2 karakter

Page 13: Komponen  Multimedia (TEXT)

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

Page 14: Komponen  Multimedia (TEXT)

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

Page 15: Komponen  Multimedia (TEXT)

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

Page 16: Komponen  Multimedia (TEXT)

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”

Page 17: Komponen  Multimedia (TEXT)

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

Page 18: Komponen  Multimedia (TEXT)

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

Page 19: Komponen  Multimedia (TEXT)

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

Page 20: Komponen  Multimedia (TEXT)

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

Page 21: Komponen  Multimedia (TEXT)

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

Page 22: Komponen  Multimedia (TEXT)

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

Page 23: Komponen  Multimedia (TEXT)

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

Page 24: Komponen  Multimedia (TEXT)

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