Dokumen tersebut memberikan penjelasan tentang tataletak, yang didefinisikan sebagai usaha menyusun berbagai unsur grafis seperti teks, gambar, dan tabel untuk membuat komunikasi visual yang efektif, estetis, dan menarik. Dokumen tersebut juga menjelaskan tujuan tataletak yaitu menyampaikan pesan secara komunikatif dan efektif. Selanjutnya diberikan contoh elemen desain dan ragam tataletak sepert

1. Yanuar Rahman
www.vidiyan.com
layout
tataletak

2. tataletak
definisi
tujuan
elemen
ragam

3. tataletak
apaitu?
”usaha menyusun, menata, atau memadukan
unsur-unsur komunikasi grafis (teks, gambar,
tabel, dll) untuk menjadikan komunikasi visual
yang komunikatif, estetik dan menarik”
sederhananya…

4. tataletak
apaitu?
“penempatan
elemen-elemen grafis
pada dokumen”

5. tataletak
tujuan
“menghasilkan media yang
komunikatif { } dalam
efektif
efisien
menyampaikan pesan”
fungsional
>=<
estetis

6. tataletak
elemen (desain)
Titik
Garis
Bentuk
Tekstur
Huruf
Warna
Value
Ukuran
Ruang Kosong

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

8. tataletak
elemen
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.

9. tataletak
elemen
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.

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

11. tataletak
elemen
Huruf
Unsur dalam sistem tulisan
yang dikaitkan dengan bunyi.
Huruf dapat menyampaikan maksud secara eksplisit.
Bisa berperan sebagai isi sekaligus wadah.

12. tataletak
elemen
Warna
Pantulan cahaya yang dipengaruhi
oleh pigmen permukaan benda.
Warna membawa suasana tertentu,
menarik perhatian,
menegaskan sesuatu
dan mengatur elemen dalam layout.

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

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

15. tataletak
elemen
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.

16. tataletak
contoh ragam

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

18. tataletak
contoh ragam
buku

19. tataletak
contoh ragam
E-buku

20. tataletak
contoh ragam
majalah

21. tataletak
contoh ragam
E-majalah

22. tataletak
contoh ragam
koran

23. tataletak
contoh ragam
E-koran

24. tataletak
contoh ragam
kalendar

25. tataletak
contoh ragam
poster

26. tataletak
contoh ragam
brosur

27. tataletak
contoh ragam
undangan

28. tataletak
contoh ragam
undangan online
lihat contohnya disini

29. tataletak
contoh ragam
formulir

30. tataletak
contoh ragam
E-formulir

31. Yanuar Rahman
www.vidiyan.com
Referensi diambil dari berbagai sumber;
hak cipta gambar, grafis dan elemen visual
melekat pada pembuatnya masing-masing.
Terima Kasih banyak buat Megan Fox :P
terimakasih