PENGANTAR VISUALISASI MEDIA-CETAK-BERKALA Pendahuluan Elemen Visual Komposisi Visual Alat Bantu Syarafuddin
[email protected] http://syaraf.blog.ugm.ac.id © 2012 CC BY-SA
Mind Design Exercises
pendahuluan Visualisasi dalam mediacetakberkala diperlukan untuk ●
●
Komunikasi: Memudahkan teks/konten disampaikan kepada pembaca/audien –
Teks/konten adalah pesan menurut visi/misi
–
Audien/pembaca terdefinisi jelas
Identitas media –
Identitas Berkala
–
Identitas Edisi (Variasi Identitas)
Elemen visual ●
●
●
Elemen visual merupakan elemenelemen yang membentuk persepsi visual audien. Komposisi visual bagaimana berbagai elemen visual dibentuk menjadi tampilan visual suatu media Elemen visual yang dibahas: ●
Jenis huruf
●
Grafik
●
Kolom teks
●
Foto
●
Tampilan teks
pengantar Jenis huruf ●
Secara umum dibedakan: ●
●
●
Serif, Roman (memiliki ekor) –
Mudah dibaca untuk ukuran 'normal'
–
Contoh huruf jenis serif
San Serif, San (tanpa ekor) –
Untuk ukuran 'besar' atau 'kecil' sekali
–
Contoh huruf jenis san serif
Dekoratif, Script – –
●
Untuk hiasan bukan informasi Contoh huruf dekoratif
Sifat huruf lainnya: family (bold, normal, italic, condensed, light, dll), shadow, simbol, strikethrough, dll.
Identitas dan variasi huruf pada media: ●
●
Jenis dan ukuran huruf tetap (teks dan judul), khas pada rubrik. Variasi pada naskah singkat yang berada dalam bagian sebuah halaman atau pemotongan judul (lihat Kolom & Tampilan Teks)
Grafik & foto ●
●
Untuk mengkomunikasikan teks atau bagiannya melalui penglihatan, kadang menjadi pengisi ruang kosong (skala/ruang penempatan, tidak asal isi) Grafik: garis, bingkai kotak (box & shape), bagan, tabel, dan ilustrasi. Foto: dokumentasi, ilustrasi
●
Naskah teks, naskah grafik, dan naskah foto
●
Digital grafik & foto: vektor dan bitmap
●
hak cipta grafik dan foto
●
Identitas dan Variasi pada media ●
●
Bingkai, garis, tabel, bagan selalu seragam. Rubrik yang selalu ada foto dan/atau grafik Variasi posisi dan skala grafik/foto
Grafik & foto: Sumber bebas/free ●
●
●
●
Ada banyak penyedia grafik dan foto (clipart, stock, stock photo) yang siap dipakai (buku, CD, internet). Kebanyakan berbayar. Berikut yang bisa digunakan secara bebas (free): ●
http://openclipart.org/
●
http://www.freedigitalphotos.net/
●
http://www.freephotosbank.com/
●
http://www.salamstock.com (klik menu Free)
Untuk lebih berindentitas media yang kita buat stock/clipart yang cocok dengan naskah teks sebaiknya diedit terlebih dahulu. Untuk mendapatkan stock/clipart yang bernuansa Islam pada situs di atas, pada bagian pencarian gunakan keyword: islam atau muslim Agak sulit mencari yang bernuansa Indonesia.
Kolom & tampilan teks ●
●
Kolom(kolom) digunakan agar memudahkan audien dalam membaca (pergerakan mata tidak melelahkan). Memotong dan variasi skala font pada kalimat/alenia agar mudah dibaca dan ilustratif. ●
●
●
Judul dari redaksi dapat kalimat panjang, visualisator harus membaginya beberapa baris agar cukup ruang, juga mengatur ukuran di tiap baris Sebuah alenia yang rata kirikanan bisa menghasilkan susunan kata terlalu renggang, visualisator harus mengatur tanda sambung (“”) pada beberapa kata.
Identitas dan Variasi kolom pada media ●
●
Jumlah dan posisi kolom perhalaman tetap. Rubrik dengan kolom khas Variasi pada boks, info tambahan, artikel singkat: jumlah dan posisi berbeda dari identitas.
komposisi visual ●
●
●
●
Layout: proses menyatukan elemenelemen visual menjadi tampilan sebuah halaman, naskah, dan/atau media. Ada juga yang menyebutnya setting atau desain. Desktop Publishing (DTP): pengerjaan layout dengan menggunakan komputer personal. Aplikasi DTP mengontrol elemen visual lebih fleksibel dan powerful dari aplikasi word processor dan grafis Layout yang 'baik' memberikan 'keseimbangan' dan 'dinamika' visual saat audien melihat media, halaman, dan bagian halaman. Perspektif komposisi pengerjaan layout majalah/buletin ●
Doublesided view
●
Block view
Komposisi: Double-sided view ●
●
●
Isi majalah/buletin saat dibuka/dibaca audien menampilkan 2 halaman, halaman kiri dan kanan: doublesided. Layouter dalam merancang tampilan halaman, harus berfikir dalam konteks doublesided. Foto/grafik – ukuran, posisi, isi – halaman kiri akan mempengaruhi halaman kanan, demikian juga elemen visual yang lain. Layouter dapat merancang tampilan doublesided pada kertas terlebih dahulu, sebagai panduan saat mengerjakan. Panduan ini dinamakan partitur.
Komposisi: block view ●
●
●
●
●
Layouter mengabaikan pesan elemen visual dan menjadikannya sebagai blok hitam (terisi) dan blok putih(ruang kosong, white space, empty space) Kedalaman blok, tergantung pada detail yang diinginkan: halaman, kolom, alenia, kata Penerapan block view Blok putih sering diabaikan. Blok putih memudahkan audien membaca pesan, ruang kosong diantara huruf, kata, alenia, antarelemen membuat mata audien beristirahat untuk masuk ke pesan, bagian pesan, ataupun elemen visual yang berbeda. Proporsi blok putih dalam sebuah halaman merupakan 'bumbu' yang bisa 'meghidupkan' visual halaman tersebut.
Alat bantu ●
●
●
●
Hampir semua proses layout saat ini dilakukan dengan PC. Demikian juga dengan penulisan naskah teks (word processor), naskah grafik/foto (vector dan bitmap editor). Word processor: Microsoft Office Word, OpenOffice Write (free), LibreOffice Write (free) Vector editor: CorelDRAW, Adobe Illustrator, Inkscape (free) Bitmap editor: Adobe Photoshop, Corel Photo Paint, Corel Paint Shop, Microsoft Paint, GIMP (free), ImageMagick (free)
●
DTP: Adobe InDesign, Quark Xpress, Scribus (free), Corel Ventura
●
Layout dengan word processor? Untuk Microsoft Word, download template newsletter di http://office.microsoft.com/enus/templates/results.aspx?qu=newsletters Untuk OpenOffice Write atau LibreOffice Write: http://templates.openoffice.org/en/search/node/newsletter
Mind design ●
●
●
●
Sebelum mendesain, boleh membaca segala teori tentang desain. Saat mendesain lupakan semua, biar kreativitas yang mengolahnya. Setelah mendesain, evaluasi hasil desain dengan teori, elemen desain, dan karya lain yang terkait Kreativitas dan keterampilan desain akan berkembang dengan semakin banyak jam terbang proses desain Saat membaca majalah (atau sediakan waktu khusus), perhatikan halaman, alenia, tampilan teks, dan sebagainya. Beri penilaian bagus atau jelek, dan jelaskan (untuk anda sendiri) kenapa anda berpendapat demikian. Proses ini juga menambah jam terbang anda. Atur secara bekala meja anda atau sesuatu yang anda punya hak mengaturnya dengan berbagai ide, dan beri alasan pada diri anda sendiri tentang konsep pengaturan tersebut. Ini juga mensimulasi proses desain.
bacaan ●
●
●
●
●
●
Desktop Publishing dalam Desain, oleh Ronnie Shushan dan Down Wright (Elex Media, 1995) Tampilan Professional dalam Pencetakan: Petunjuk untuk Desktop Publishing, oleh Roger C. Parker (terjemahan dari edisi ketiga, Dinastindo, 1995) Aspek Artistik dalam Penerbitan Pers, oleh Ponang Praptadi (makalah, Majalah Balairung UGM) The Graphics of Communication: Typography, Layout, Design, oleh A. T. Turnbull dan R.N. Baird (Holt, Rinehart and Winston, 1964) Layout, oleh G. Ambrose dan P. Harris (Basic Design Series Vol. 2, edisi ke2, AVA Publishing, 2011) Design Thinking, oleh G. Ambrose dan P. Harris (Basic Design Series Vol. 8, AVA Publishing, 2009)