Komunikasi Multimedia

Ukuran: px

Mulai penontonan dengan halaman:

Download "Komunikasi Multimedia"

Ratna Setiawan
8 tahun lalu
Tontonan:

1 Komunikasi Multimedia Modul ke: Tata Letak (Layout) Fakultas Ilmu Komunikasi Yusuf Elmande., S.Si., M.Kom Program Studi Humas

2 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

3 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.

4 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.

5 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 Orange Kuning Hijau Biru Kewanitaan (Feminim), Keremajaan (masa muda) Kehangatan, bersemangat, ceria, keseimbangan, musim gugur, menimbulkan getaran. Saat ini merupakan warna yang sedang digemari/disukai untuk situs web. Sinar matahari, emas, kekayaan, keberuntungan, kehidupan Alam, lingkungan, hidup, pertumbuhan, stabil, santai, kesuburan, harapan. Kepercayaan, kesetiaan, ketenangan, kedamaian, ketulusan, kesejukan, air, awan, harmoni, kebersihan, konservatif, percaya diri, penyembuhan. Aman dipakai Naif, Kelemahan, kekurangan Meminta dan mencari perhatian Tidak jujur, pengecut, cemburu, iri hati, dengki Kecemburuan, nasib buruk, iri hati, dengki. Kesedihan, kedinginan, depresi, penurunan vitalitas.

6 Makna yang terkandung pada Warna (lanjutan) Warna Makna Positif Makna Negatif Ungu Coklat Abu- Abu Putih Hitam Kebangsawanan, perubahan, spiritual Tanah, bumi, netral, hangat, kemauan, perlindungan Modern, cerdas, bersih, kokoh, masa depan, intelektual Kesucian, kebersihan, kemurnian, kesederhanaan, damai, kebaikan, disiplin, perawan, perkawinan, musim dingin, musim salju. Kekuatan, keanggunan, kemewahan, misteri, kecanggihan, kemakmuran, kepuasan,pengalaman, keras, kokoh, sangat kuat. Kesombongan, keangkuhan, kejam, kasar, duka cita. Tumpul, kotor, membosankan Umur tua, kesedihan, bosan Kematian (budaya timur), dingin, mandul, steril, klinik, hampa Kematian (budaya Barat), takut, setan, kesedihan, duka cita, marah, anonim, penyesalan.

7 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.

8 Mengenal Jenis Warna WARNA PRIMER: Terdiri dari Merah, Kuning Buru.

9 Mengenal Jenis Warna (lanjutan) Warna Sekunder: Dibuat dengan mengkombinasikan Warna-Warna Primer Terdiri dari: Kuning + Merah = Orange Merah + Biru = Ungu Biru+ Kuning = Hijau

10 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

11 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: Kuning- Kuning Orange-Orange

12 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: Merah- Kuning-Biru

13 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

14 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

15 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

16 Layout (Lanjutan) Model Top Index Bannner atau iklan Daftar Isi atau Navigasi Body Content (Isi) Informasi tambahan atau lain-lain

17 Layout (Lanjutan) Model Botton Index Bannner/ Judul Body Content (Isi) Daftar Isi / Lain-Lain

18 Layout (Lanjutan) Model Left Index Bannner Daftar Isi Body Content (Isi) Lain-Lain

19 Layout (Lanjutan) Model Split Index Daftar Isi Banner Body atau Content (Isi) Lain-Lain Daftar Isi

20 Layout (Lanjutan) Model Alternating Index Text / Daftar Isi Gambar Gambar Text / Daftar Isi Lain-Lain

21 Daftar Pustaka 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 7 th edition chapter-1

22 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

23 Terima Kasih Yusuf Elmande., S.Si., M.Kom

dokumen-dokumen yang mirip

DESAIN GRAFIS. Salah satu kriteria penting dari sebuah antar muka adalah tampilan yang menarik.

DESAIN GRAFIS. Salah satu kriteria penting dari sebuah antar muka adalah tampilan yang menarik. 1 DESAIN GRAFIS Salah satu kriteria penting dari sebuah antar muka adalah tampilan yang menarik. Perancang tampilan selain harus mempunyai jiwa seni yang memadai, juga harus mengerti selera pengguna secara