KOMUNIKASI GRAFIS - 06 PRINSIP TATA LETAK
-
Upload
imansyahlubis -
Category
Documents
-
view
684 -
download
8
Transcript of KOMUNIKASI GRAFIS - 06 PRINSIP TATA LETAK
tataletakletakletakletaklayout
tataletakletakletakletakdefinisi
tujuan
elemenelemen
ragam
prinsip
studi kasus
apaitu?itu?itu?itu?tataletakletakletakletak
”usaha menyusun, menata, atau memadukan unsur-unsur komunikasi grafis (teks, gambar, tabel, dll) untuk menjadikan
komunikasi visual yang komunikatif, estetik
“penempatan“penempatan“penempatan“penempatanelemenelemenelemenelemen----elemen grafiselemen grafiselemen grafiselemen grafis
pada dokumen”pada dokumen”pada dokumen”pada dokumen”komunikasi visual yang komunikatif, estetik dan menarik”
sederhananya…
elemenelemenelemenelemen----elemen grafiselemen grafiselemen grafiselemen grafispada dokumen”pada dokumen”pada dokumen”pada dokumen”
tujuanananantataletakletakletakletak
“menghasilkan media yang “menghasilkan media yang “menghasilkan media yang “menghasilkan media yang komunikatif komunikatif komunikatif komunikatif { }{ }{ }{ } dalam dalam dalam dalam
menyampaikan pesan”menyampaikan pesan”menyampaikan pesan”menyampaikan pesan”
efektifefisienkomunikatif komunikatif komunikatif komunikatif { }{ }{ }{ } dalam dalam dalam dalam
menyampaikan pesan”menyampaikan pesan”menyampaikan pesan”menyampaikan pesan”
fungsional>=<estetis
elemenmenmenmentataletakletakletakletak
TitikTitikTitikTitikGarisGarisGarisGaris
BentukBentukBentukBentukBentukBentukBentukBentukTeksturTeksturTeksturTeksturHurufHurufHurufHurufWarnaWarnaWarnaWarnaValueValueValueValueUkuranUkuranUkuranUkuran
Ruang KosongRuang KosongRuang KosongRuang Kosong
elemenmenmenmentataletakletakletakletak
TitikTitikTitikTitikTitik merupakan bagian terkecil dari garis.Titik merupakan bagian terkecil dari garis.Titik merupakan bagian terkecil dari garis.Titik merupakan bagian terkecil dari garis.
Dari kombinasi titik-titik dapat diciptakan sebuah elemen grafis yang powerful.Dari kombinasi titik-titik dapat diciptakan sebuah elemen grafis yang powerful.
elemenmenmenmentataletakletakletakletak
GarisGarisGarisGarisTanda yang menghubungkan satu titik dengan titik yang lain.Tanda yang menghubungkan satu titik dengan titik yang lain.Tanda yang menghubungkan satu titik dengan titik yang lain.Tanda yang menghubungkan satu titik dengan titik yang lain.
(Lurus, kurva, “kurus”, “gemuk”, dsb)Garis dapat digunakan untuk mengatur layout,Garis dapat digunakan untuk mengatur layout,
mengarahkan pembaca dan membawa emosi pembaca.
elemenmenmenmentataletakletakletakletak
BentukBentukBentukBentukSesuatu yang memiliki tinggi dan lebar (dan kedalaman Sesuatu yang memiliki tinggi dan lebar (dan kedalaman Sesuatu yang memiliki tinggi dan lebar (dan kedalaman Sesuatu yang memiliki tinggi dan lebar (dan kedalaman ---- 3D).3D).3D).3D).
(Geometris, natural & abstrak)Dengan bentuk pembaca dibantu mengenali sebuah objek,Dengan bentuk pembaca dibantu mengenali sebuah objek,
mengkomunikasikan ide dan menambah daya tarik sebuah layout.
elemenmenmenmentataletakletakletakletak
TeksturTeksturTeksturTeksturTampilan/ perasaanTampilan/ perasaanTampilan/ perasaanTampilan/ perasaansebuah permukaan.sebuah permukaan.sebuah permukaan.sebuah permukaan.sebuah permukaan.sebuah permukaan.sebuah permukaan.sebuah permukaan.
Tekstur menambah dimensi dankekayaan sebuah layout,
menegaskan kedalam sebuah rasa/ emosi tertentu.
elemenmenmenmentataletakletakletakletak
HurufHurufHurufHurufUnsur dalam sistem tulisanUnsur dalam sistem tulisanUnsur dalam sistem tulisanUnsur dalam sistem tulisan
yang dikaitkan dengan bunyi.yang dikaitkan dengan bunyi.yang dikaitkan dengan bunyi.yang dikaitkan dengan bunyi.yang dikaitkan dengan bunyi.yang dikaitkan dengan bunyi.yang dikaitkan dengan bunyi.yang dikaitkan dengan bunyi.
Huruf dapat menyampaikan maksud secara eksplisit.
Bisa berperan sebagai isi sekaligus wadah.
elemenmenmenmentataletakletakletakletak
WarnaWarnaWarnaWarnaPantulan cahaya yang dipengaruhiPantulan cahaya yang dipengaruhiPantulan cahaya yang dipengaruhiPantulan cahaya yang dipengaruhi
oleh pigmen permukaan benda.oleh pigmen permukaan benda.oleh pigmen permukaan benda.oleh pigmen permukaan benda.
Warna membawa suasana tertentu,menarik perhatian,
menegaskan sesuatudan mengatur elemen dalam layout.
elemenmenmenmentataletakletakletakletak
ValueValueValueValueSeberapa gelap atauSeberapa gelap atauSeberapa gelap atauSeberapa gelap atauterang sebuah area.terang sebuah area.terang sebuah area.terang sebuah area.terang sebuah area.terang sebuah area.terang sebuah area.terang sebuah area.
Value memberikan suasanadan membuat ilusi kedalaman.
elemenmenmenmentataletakletakletakletak
UkuranUkuranUkuranUkuranSeberapa besar atau kecil sesuatu.Seberapa besar atau kecil sesuatu.Seberapa besar atau kecil sesuatu.Seberapa besar atau kecil sesuatu.
Ukuran menunjukkan elemen yang terpenting, menarik perhatianUkuran menunjukkan elemen yang terpenting, menarik perhatiandan mengepaskan seluruh elemen layout.
elemenmenmenmentataletakletakletakletak
Ruang KosongRuang KosongRuang KosongRuang KosongJarak atau area antara atau disekitar sesuatu.Jarak atau area antara atau disekitar sesuatu.Jarak atau area antara atau disekitar sesuatu.Jarak atau area antara atau disekitar sesuatu.
Ruang kosong memisahkan/ menyatukan elemen-elemen layout,menegaskan sebuah elemen, atau sebagai tempat istirahat bagi mata.menegaskan sebuah elemen, atau sebagai tempat istirahat bagi mata.
ragamragamragamragamtataletakletakletakletak
cetakcetakcetakcetakbuku
majalah
koran
elektronikelektronikelektronikelektronik
sama dengan cetakkoran
kalendar
katalog
poster
banner
brosur
undangan
formulir
dll
sama dengan cetak
+ interface + interface + interface + interface
& interaktivitas& interaktivitas& interaktivitas& interaktivitas
contoh ragamragamragamragamtataletakletakletakletak
bukubukubukubuku
contoh ragamragamragamragamtataletakletakletakletak
EEEE----bukubukubukubuku
contoh ragamragamragamragamtataletakletakletakletak
majalahmajalahmajalahmajalah
contoh ragamragamragamragamtataletakletakletakletak
EEEE----majalahmajalahmajalahmajalah
contoh ragamragamragamragamtataletakletakletakletak
korankorankorankoran
contoh ragamragamragamragamtataletakletakletakletak
EEEE----korankorankorankoran
contoh ragamragamragamragamtataletakletakletakletak
kalendarkalendarkalendarkalendar
contoh ragamragamragamragamtataletakletakletakletak
posterposterposterposter
contoh ragamragamragamragamtataletakletakletakletak
brosurbrosurbrosurbrosur
contoh ragamragamragamragamtataletakletakletakletak
undanganundanganundanganundangan
contoh ragamragamragamragamtataletakletakletakletak
undanganundanganundanganundangan
contoh ragamragamragamragamtataletakletakletakletak
formulirformulirformulirformulir
contoh ragamragamragamragamtataletakletakletakletak
formulirformulirformulirformulir
prinsipsipsipsiptataletakletakletakletak
kesederhanaankesederhanaankesederhanaankesederhanaankontraskontraskontraskontraskontraskontraskontraskontras
keseimbangankeseimbangankeseimbangankeseimbangankesatuankesatuankesatuankesatuan
prinsipsipsipsiptataletakletakletakletak
kesederhanaankesederhanaankesederhanaankesederhanaan
Prinsip ini berhubungan dengan kemampuan daya tangkap rata-rata manusia di dalam menerima informasi.tangkap rata-rata manusia di dalam menerima informasi.
Secara insting manusia menginginkan kesederhanaan dalam menerima informasi, sehingga informasi yang dirancang dengan rumit akan sulit dicerna audiens.
prinsipsipsipsiptataletakletakletakletak
kontraskontraskontraskontras
Kontras adalah menghindari elemen desaindalam halaman yang tampak serupa.dalam halaman yang tampak serupa.
Kontras adalah penyebab awal pembacamembaca halaman tersebut
prinsipsipsipsiptataletakletakletakletak
keseimbangankeseimbangankeseimbangankeseimbangan
Keseimbangan simetris mampu memberikesan formal, stabil, dapat dipercaya dan mapan.kesan formal, stabil, dapat dipercaya dan mapan.
Keseimbangan asimetris sering dipergunakan untuk menggambarkan suatu dinamika,
penuh energi dan pesan yang tidak formal.
prinsipsipsipsiptataletakletakletakletak
kesatuan (harmoni)kesatuan (harmoni)kesatuan (harmoni)kesatuan (harmoni)
Adalah hubungan dari elemen-elemen desain(yang tadinya berdiri sendiri dan mempunyai ciri-ciri (yang tadinya berdiri sendiri dan mempunyai ciri-ciri sendiri) yang disatukan menjadi sesuatu yang baru
(selaras) dan mempunyai fungsi yang baru.
studikasuskasuskasuskasuslayout majalahlayout majalahlayout majalahlayout majalah
1.1.1.1. Semua bahan harus siapSemua bahan harus siapSemua bahan harus siapSemua bahan harus siap
1. Artikel
2. Foto/ Ilustrasi
3. Informasi Pendukung (Identitas & Alamat Redaksi)
Prinsip dasar pengerjaanPrinsip dasar pengerjaanPrinsip dasar pengerjaanPrinsip dasar pengerjaan
2.2.2.2. Utamakan informasi/ kemudahan Utamakan informasi/ kemudahan Utamakan informasi/ kemudahan Utamakan informasi/ kemudahan tersampaikannya pesan/ keterbacaantersampaikannya pesan/ keterbacaantersampaikannya pesan/ keterbacaantersampaikannya pesan/ keterbacaan
1. Penggunaan huruf judul – Sans-Serif
2. Pembatasan penggunaan jumlah huruf pada artikel.
LingoLingoLingoLingodalam layoutdalam layoutdalam layoutdalam layout
(bahasa khas komunitas)
dalam layoutdalam layoutdalam layoutdalam layout
BleedBleedBleedBleedbatas pinggir area potong
CMYKCMYKCMYKCMYKCyan, Magenta, Yellow, Key (Black)
warna (proses) cetak
KolomKolomKolomKolomblok vertikal pemisah/ pembagi
MarksMarksMarksMarks
CropMarksCropMarksCropMarksCropMarkstanda batas potong
CenterMarksCenterMarksCenterMarksCenterMarksCenterMarksCenterMarksCenterMarksCenterMarkstanda batas lipat
atau potong
GridGridGridGridgaris bantu sistem layout
biasanya 12 grid
WidowWidowWidowWidowkata/ kalimat akhir yang
panjangnya kurang dari 1/3 baris suatu paragraf/ kolom. (menyisakan
banyak ruang kosong)
OrphanOrphanOrphanOrphanOrphanOrphanOrphanOrphankata/ kalimat pembukaparagraf yang munculsendiri dalam halaman
yang berbeda darikalimat lainnya.
Dummy (Sketch)Dummy (Sketch)Dummy (Sketch)Dummy (Sketch)bentuk reka hasil jadi
suatu halaman
Dummy (Pages)Dummy (Pages)Dummy (Pages)Dummy (Pages)bentuk reka hasil jadi sebuah buku
terimakasihkasihkasihkasih