Anda di halaman 1dari 58

layout

tataletak
letak
tataletak
letak
definisi
tujuan
elemen
ragam
prinsip
studi kasus
tataletak
letak

apaitu?
itu?
”usaha menyusun, menata, atau
memadukan unsur-unsur“penempatan
komunikasi grafis
elemen-
elemen
(teks, gambar, -elemen
tabel, dll) grafis
untuk menjadikan
komunikasi visual yang komunikatif, estetik
pada dokumen”
dan menarik”

sederhananya…
tataletak
letak

tujuan
an
“menghasilkan media yang
komunikatif { } dalam
efektif
efisien

menyampaikan pesan”

fungsional
>=<
estetis
tataletak
letak

elemen
men
Titik
Garis
Bentuk
Tekstur
Huruf
Warna
Value
Ukuran
Ruang Kosong
tataletak
letak

elemen
men
Titik
Titik merupakan bagian terkecil dari garis.
Dari kombinasi titik-titik dapat diciptakan sebuah elemen grafis yang powerful.
tataletak
letak

elemen
men
Garis
Tanda yang menghubungkan satu titik dengan titik yang lain.
(Lurus, kurva, “kurus”, “gemuk”, dsb)
Garis dapat digunakan untuk mengatur layout,
mengarahkan pembaca dan membawa emosi pembaca.
tataletak
letak

elemen
men
Bentuk
Sesuatu yang memiliki tinggi dan lebar (dan kedalaman - 3D).
(Geometris, natural & abstrak)
Dengan bentuk pembaca dibantu mengenali sebuah objek,
mengkomunikasikan ide dan menambah daya tarik sebuah layout.
tataletak
letak

elemen
men
Tekstur
Tampilan/ perasaan
sebuah permukaan.
Tekstur menambah dimensi dan
kekayaan sebuah layout,
menegaskan kedalam sebuah rasa/
emosi tertentu.
tataletak
letak

elemen
men
Huruf
Unsur dalam sistem tulisan
yang dikaitkan dengan bunyi.

Huruf dapat menyampaikan maksud secara eksplisit.


Bisa berperan sebagai isi sekaligus wadah.
tataletak
letak

elemen
men
Warna
Pantulan cahaya yang dipengaruhi
oleh pigmen permukaan benda.

Warna membawa suasana tertentu,


menarik perhatian,
menegaskan sesuatu
dan mengatur elemen dalam layout.
tataletak
letak

elemen
men
Value
Seberapa gelap atau
terang sebuah area.
Value memberikan suasana
dan membuat ilusi kedalaman.
tataletak
letak

elemen
men
Ukuran
Seberapa besar atau kecil sesuatu.
Ukuran menunjukkan elemen yang terpenting, menarik perhatian
dan mengepaskan seluruh elemen layout.
tataletak
letak

elemen
men
Ruang Kosong
Jarak atau area antara atau disekitar sesuatu.
Ruang kosong memisahkan/ menyatukan elemen-elemen layout,
menegaskan sebuah elemen, atau sebagai tempat istirahat bagi mata.
tataletak
letak

ragam
cetak elektronik
buku
majalah
koran sama dengan cetak
kalendar
+ interface
katalog
poster & interaktivitas
banner
brosur
undangan
formulir
dll
tataletak
letak

contoh ragam
buku
tataletak
letak

contoh ragam
E-buku
tataletak
letak

contoh ragam
majalah
tataletak
letak

contoh ragam
E-majalah
tataletak
letak

contoh ragam
koran
tataletak
letak

contoh ragam
E-koran
tataletak
letak

contoh ragam
kalendar
tataletak
letak

contoh ragam
poster
tataletak
letak

contoh ragam
brosur
tataletak
letak

contoh ragam
undangan
tataletak
letak

contoh ragam
undangan
tataletak
letak

contoh ragam
formulir
tataletak
letak

contoh ragam
formulir
tataletak
letak

prinsip
sip
kesederhanaan
kontras
keseimbangan
kesatuan
tataletak
letak

prinsip
sip
kesederhanaan
Prinsip ini berhubungan dengan kemampuan daya
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.
tataletak
letak

prinsip
sip
kontras

Kontras adalah menghindari elemen desain


dalam halaman yang tampak serupa.

Kontras adalah penyebab awal pembaca


membaca halaman tersebut
tataletak
letak

prinsip
sip
keseimbangan

Keseimbangan simetris mampu memberi


kesan formal, stabil, dapat dipercaya dan mapan.

Keseimbangan asimetris sering dipergunakan


untuk menggambarkan suatu dinamika,
penuh energi dan pesan yang tidak formal.
tataletak
letak

prinsip
sip
kesatuan (harmoni)

Adalah hubungan dari elemen-elemen desain


(yang tadinya berdiri sendiri dan mempunyai ciri-ciri
sendiri) yang disatukan menjadi sesuatu yang baru
(selaras) dan mempunyai fungsi yang baru.
studikasus
kasus
layout majalah
Prinsip dasar pengerjaan
1. Semua bahan harus siap
1. Artikel
2. Foto/ Ilustrasi
3. Informasi Pendukung (Identitas &
Alamat Redaksi)

2. Utamakan informasi/ kemudahan


tersampaikannya pesan/ keterbacaan
1. Penggunaan huruf judul – Sans-
Serif
2. Pembatasan penggunaan jumlah
huruf pada artikel.
Lingo (bahasa khas komunitas)

dalam layout
Bleed
batas pinggir area potong
CMYK
Cyan, Magenta, Yellow, Key (Black)
warna (proses) cetak
Kolom
blok vertikal pemisah/ pembagi
Marks

CropMarks
tanda batas potong

CenterMarks
tanda batas lipat
atau potong
Grid
garis bantu sistem layout
biasanya 12 grid
Widow
kata/ kalimat akhir yang
panjangnya kurang dari 1/3 baris
suatu paragraf/ kolom. (menyisakan
banyak ruang kosong)

Orphan
kata/ kalimat pembuka
paragraf yang muncul
sendiri dalam halaman
yang berbeda dari
kalimat lainnya.
Dummy (Sketch)
bentuk reka hasil jadi
suatu halaman
Dummy (Pages)
bentuk reka hasil jadi sebuah buku
terimakasih
kasih