Komunikasi Multimedia - Universitas Mercu Buana

Komunikasi Multimedia
Modul ke:
Tata Letak (Layout)
Fakultas
Ilmu
Komunikasi
Program Studi
Humas
Yusuf Elmande., S.Si., M.Kom
Dasar Desaign
Dasar Disain yang baik mencakup
• Tata letak (layout) yang rapi
• Pewarnaan yang baik
• Bentuk yang menarik
• Tipografi yang menarik
• Yang pang penting aksesnya cepat
Warna
• Warna adalah sebuah sensitivitas yang
berhubungan dengan indra kita, seperti
halnya rasa dan bau.
• Warna biasanya dipakai untuk
menampilkan arti dari aktivitas
kehidupan sehari-hari
• Warna dapat menimbulkan kesan
pertama pada pengunjung ketika
menjelajahi sesuah situs web.
Aspek Psikologis Warna
• Semua warna mempunyai emosi yang melekat
padanya
• Emosi ini bisa ditimbulkan dengan
memperhatikan keserasian warna dengan cara
yang benar.
• Makna warna tidak selalu menunjuk pada
masalah pribadi.
Makna
yang terkandung pada Warna
Warna
Makna Positif
Makna Negatif
Merah
Kekuatan Energi, tenaga, hasrat, cinta. Dengan sedikit
memberi warna merah menimbulkan gairah,
membangkitkan semangat dan mendorong keinginan
Bahaya, perang, kekejaman,
kekerasan, api darah. Terlalu
banyak warna merah bisa
disangka terlalu agresif
Merah
Muda
Kewanitaan (Feminim), Keremajaan (masa muda)
Naif, Kelemahan , kekurangan
Orange
Kehangatan, bersemangat, ceria, keseimbangan,
musim gugur, menimbulkan getaran. Saat ini
merupakan warna yang sedang digemari/disukai untuk
situs web.
Meminta dan mencari perhatian
Kuning
Sinar matahari, emas, kekayaan, keberuntungan,
kehidupan
Tidak jujur, pengecut, cemburu, iri
hati, dengki
Hijau
Alam, lingkungan, hidup, pertumbuhan, stabil, santai,
kesuburan, harapan.
Kecemburuan, nasib buruk, iri
hati, dengki.
Biru
Kepercayaan, kesetiaan, ketenangan, kedamaian,
ketulusan, kesejukan, air, awan, harmoni, kebersihan,
konservatif, percaya diri, penyembuhan. Aman dipakai
Kesedihan, kedinginan, depresi,
penurunan vitalitas.
Makna yang terkandung pada Warna (lanjutan)
Warna Makna Positif
Makna Negatif
Ungu
Kesombongan,
keangkuhan, kejam,
kasar, duka cita.
Kebangsawanan, perubahan,
spiritual
Coklat Tanah, bumi, netral, hangat,
kemauan, perlindungan
Tumpul, kotor,
membosankan
AbuAbu
Modern, cerdas, bersih, kokoh,
masa depan, intelektual
Umur tua, kesedihan,
bosan
Putih
Kesucian, kebersihan, kemurnian,
kesederhanaan, damai, kebaikan,
disiplin, perawan, perkawinan,
musim dingin, musim salju.
Kematian (budaya
timur), dingin, mandul,
steril, klinik, hampa
Hitam
Kekuatan, keanggunan,
kemewahan, misteri, kecanggihan,
kemakmuran,
kepuasan,pengalaman, keras,
kokoh, sangat kuat.
Kematian (budaya
Barat), takut, setan,
kesedihan, duka cita,
marah, anonim,
penyesalan.
Warna Dalam Disain Web
• Warna untuk penekanan, penegasan,
penyorotan pada suatu topik tertentu dan
dapat juga menuntun pengunjung untuk
menuju pada tema atau link yang penting
• Warna mengidentifikasikan tema (biasanya
judul dan sub judul menggunakan warna yang
sama)
• Sebaiknya warna dapat membedakan antara
suatu obyek dengan lainnya. Misalnya
perbedaan warna grafik, baik grafik yang
berbentuk blok atau bundaran.
Mengenal Jenis Warna
WARNA PRIMER: Terdiri dari Merah, Kuning
Buru.
Mengenal Jenis Warna (lanjutan)
• Warna Sekunder: Dibuat dengan
mengkombinasikan Warna-Warna Primer
Terdiri dari:
• Kuning + Merah = Orange
• Merah + Biru = Ungu
• Biru+ Kuning = Hijau
Mengenal Jenis Warna (lanjutan)
• Warna Tersier: Adalah warna menengah,
warna ini dibuat dengan mengkombinasikan
warna primer dengan warna Perbatasan
warna Sekunder:
• Kuning Orange
• Orange Merah
• Merah Orange
• Biru Ungu
• Biru Hijau
• Kuning Hijau
Metode Pemilihan Warna
• Keserasioan adalah: Keseimbangan
Dinamis, karena jika sesuatu tidak serasi
bisa membosankan, semrawut,
berantakan dan kacau balau.
• Metode Pemilihan Warna Beruntun:
Dengan Memilih Warna yang berdekatan
sehingga menghasilkan warna yang
Lembut dan Serasi. Contoh: KuningKuning Orange-Orange
Metode Pemilihan Warna (lanjutan)
• Metode Pemilihan Warna Berlawanan: Dengan
meilih warna-warna yang berlawanan (kontras)
yang menghasilkan warna yang
hidup(kontrasnya tinggi) Contoh: Biru dan
Orange, Kuning dan Ungu
• Metode Warna Segitiga: Dengan memilih
warna yang posisinya Segitiga. Contoh: MerahKuning-Biru
TIPOGRAFI
• Aadalah Seni dalam huruf meliputi: Pemilihan
Huruf, Penentuan Ukuran yang Tepat, dimana
teks dapat diputus, spasi jarak, dan bagaimana
teks dapat dibaca dengan mudah.
• Untuk mengatasi dibrowser pemakai jika tidak
tersedia jenis-jenis huruf yang sesuai dengan
jenis kita gunakan kita sebaiknya memilih Jenis
Huruf/Font Standar seperti: Times New
Roman, Helvetica, Arial dan lain-lain
Layout (Tata Letak)
• Model Layout Top Index biasanya
digunakan untuk menampilkan link yang
banyak ke situs lain
• Model Layout Bottom index biasanya
diguanakan apabila halaman banyak
berhubungan dengan topik tunggal
• Model Layout Left index biasanya
digunakan untuk layardengan resolusi
yang lebar, sehingga mudah dalam
peyediaan navigasi, tanpa menimbulkan
kekacauan penyajian informasi pada
halaman utama
Layout (Lanjutan)
• Model Layout Split merupakan model
yang banyak dipakai, karena terjaga
keseimbangan dalam halaman.
• Model Layout Alternating index biasanya
digunakan untuk halamanyang banyak
menampilkan grafik, foto dan produk
yang disertai dengan teks berupa
keterangan, harga, jumlah dan lain-lain
Layout (Lanjutan)
Model Top Index
Bannner atau iklan
Daftar Isi atau Navigasi
Body Content (Isi)
Informasi tambahan atau lain-lain
Layout (Lanjutan)
Model Botton Index
Bannner/ Judul
Body Content (Isi)
Daftar Isi / Lain-Lain
Layout (Lanjutan)
Model Left Index
Bannner
Daftar Isi
Body Content (Isi)
Lain-Lain
Layout (Lanjutan)
Model Split Index
Banner
Daftar Isi
Daftar Isi
Body atau
Content (Isi)
Lain-Lain
Layout (Lanjutan)
Model Alternating Index
Text / Daftar Isi
Gambar
Gambar
Text / Daftar Isi
Lain-Lain
Daftar Pustaka
• https://www.google.com/
• Chris Bates [2006]. Web Programming: Building
Internet Applications, Third Edition, John Wiley &
Sons Ltd, England.
• Husni [2007]. Pemrograman Database Berbasis Web,
Graha Ilmu, Yogyakarta.
• Sebesta, R.W. [2002], Programming the World Wide
Web, Addison Wesley.
• Sutarman, S.Kom [2003]. Membangun Aplikasi Web
dengan PHP dan MySQL, Graha Ilmu, Yogyakarta.
• Software Engineering 7th edition chapter-1
Layout
INTERACTIVE BROADCASTING
Dasar Disain yang baik mencakup
• Tata letak (layout) yang rapi
• Pewarnaan yang baik
• Bentuk yang menarik
• Tipografi yang menarik
• Yang pang penting aksesnya cepat
Terima Kasih
Yusuf Elmande., S.Si., M.Kom