Teknik Layouting
Argo Wibowo, S.T., M.T.
Gabriel Indra Widi Tamtama, [Link]., [Link]
Apa itu
layouting?
Layouting
• Memadukan unsur-unsur grafis untuk menghasilkan media komunikasi visual yang
komunikatif.
• Diperlukan dukungan dengan pengorganisasian atau penataan berdasarkan kriteria
tertentu.
• Layout merupakan sket rancangan awal untuk menggambarkan organisasi unsur-unsur
grafis yang akan disertakan.
• Pengertian lain yaitu kegiatan untuk menyusun, menata, mengatur dan memadukan
unsur-unsur komunikasi grafis menjadi komposisi karya visual yang komunikatif, estetik,
persuasif, dan menarik.
• Fungsinya untuk mencapai keharmonisan, nilai estetis, ekonomis dan komunikatif
Tahapan-Tahapan
Tata Letak
Tahapan-Tahapan Tata
Letak
• Membuat tata letak
miniature/sketsa kecil
(thumbnail).
• Membuat tata letak kasar. Pada
tahap ini, rancangan sudah
memiliki wujud gambar dan
teks.
• Membuat tata letak
komprehensif.
Basuki, Freddy Adiono (2000)
Contoh-Contoh Format
Tata Letak
• Format L dan L terbalik
Cukup dinamis, sirkulasi ruang gerak
cukup dan memiliki kesan pandangan
terarah.
Contoh-Contoh Format
Tata Letak
• Format Z dan Z terbalik
Cukup dinamis, sirkulasi ruang gerak
cukup, kesan pandangan sudah
diarahkan.
Contoh-Contoh Format
Tata Letak
• Format C dan C terbalik
Menghasilkan keseimbangan dinamis
dengan kesan pandangan terarah.
Contoh-Contoh Format
Tata Letak
• Format 7 dan 7 terbalik
Menghasilkan sirkulasi ruang gerak
cukup dengan kesan pandangan
terarah.
Contoh-Contoh Format
Tata Letak
• Format X
Menghasilkan efek padat, sempit,
sirkulasi ruang kurang dan pandangan
tidak terfokus.
• Proporsi
• Perbandingan ukuran yang digunakan untuk menentukan
perbandingan yang tepat antara panjang dan lebar gambar dengan
bidang.
Prinsip • Keseimbangan
• Semua bagian bebannya sama sehingga akan membawa rasa tenang
Komposisi dan enak dilihat
• Ritme
Tata Letak • Pola pengulangan oleh sebuah unsur yang berbeda dan pergerakan
secara berurutan yang berkelanjutan yang bisa divisualisasikan dengan
garis, tekstur, bidang, bentuk, maupun warna
• Unity
• Seluruh unsur yang dipergunakan harus saling berhubungan dengan
baik, mengandung makna dan menarik.
• Focus of Interest
• Peletakan unsur yang menjadi perhatian utama atau paling dominan
untuk disampaikan.
• Kontras
• Perbedaan keadaan unsur-unsur atau antara organisasi unsur yang
dapat dicapai dengan perbedaan tinggi-rendah, panas-dingin warna,
termasuk cerah dan suramnya.
Contoh Penerapan
Layouting
Dalam kehidupan sehari-hari
• Desain Curriculum Vitae (CV)
•
Contoh •
Desain Web
Desain Toko Online
Penerapan • Desain Koran
• Desain Buku/cover
Layouting • Desain Majalah
• Dll.
Tugas…! Yeyy..
• Tema layouting: (pilih salah satu)
• Desain Aplikasi Pembelajaran. (mobile/web)
• Desain Promosi Produk. (poster/brosur)
• Curriculum Vitae
• Aplikasi desain yang digunakan bisa berbasis bitmap/vektor kecuali
canva.
• Pengumpulan melalui eclass.
• Format file: .JPEG/.PDF
Terima Kasih