Dokumen ini membahas tata letak dalam desain grafis, menjelaskan berbagai jenis layout seperti picture window, mondrian, dan grid layout. Selain itu, dokumen ini menjelaskan prinsip dasar desain yang perlu diperhatikan, termasuk keseimbangan, irama, dan kesatuan. Akhirnya, terdapat penjelasan tentang format gambar seperti PSD, BMP, dan JPG yang umum digunakan dalam desain.

1. Layout & Format
Gambar

2. 1.
Layout

3. Layout dalam bahasa indonesia adalah tata letak.
Dalam desain grafis layout memiliki arti metode
melakukan penataan, penyusunan, penempatan, dan
mengkombinasikan setiap elemen atau objek grafis
seperti gambar, garis, warna, teks, dan lainnya dalam
suatu kesatuan visual.
Gambar yang disusun secara sembarangan, tidak
mencerminkan informasi dan kesan yang disampaikan
dan sangat mempengaruhi konsentrasi dan
ketertarikan pembacanya/yang melihat dalam
memahami gambar tersebut.
Pendahuluan

6. Konsep perancangan Layout (tata letak) dalam sebuah desain
grafis memiliki 3 tahapan :
▸ Merancang thumbnail atau miniatur sketsa
Tahapan ini adalah menentukan jenis komponen apa saja
yang akan dilibatkan dan komposisi dari setiap elemen yang
akan dipadukan.
▸ Merancang sketsa layout secara kasar
Miniatur sketsa dituangkan dalam bentuk grafis yang sudah
mendekati wujud asli tetapi belum sempurna
▸ Mendesain layout secara detail
Setiap elemen dan komposisi diletakan sesuai layout secara
kasar
Konsep Tahapan Layout

7. Konsep Tahapan Layout
Layout kasar (rough layout)
Layout thumbnail

8. ▸ Picture window layout
Ciri utama layout ini adalah ukuranya besar dan menutupi seluruh
layar. Contohnya : header pada website, cover majalah
▸ Mondrian layout
Ciri utama dari desain layout ini adalah pada visualisasi setiap
elemennya yang disusun dalam bentuk potongan kotak yang
bervariasi bentuk, ukuran, warna, serta proporsinya. Contohnya :
majalah fotografi
▸ Multi panel layout
Layout ini biasanya sering diterapkan pada pembuatan komik strip
kartun dan dalam pembuatan storyboard alur cerita. Contohnya :
komik strip tahilalats
▸ Copy heavy layout
Jenis ini merupakan kebalikan dari tipe picture window layout, yaitu
dimana teks lah yang mendomnasi seluruh layar. Contohnya : koran
Jenis – Jenis Layout

9. Jenis – Jenis Layout
Picture window layout Mondrian layout

10. ▸ Frame layout
Desain ini mengedepankan penerapan bingkai atau frame pada
desainnya. Contohnya : sertifikat, penghargaan
▸ Circus layout
Layout ini memiliki komponen yang komposisi dan susunannya
tidak sama dan bervariasi posisi, ukuran, dan warnanya. Meski
demikian tetap mengedepankan keindahan dan keteraturan
informasi.
▸ Silhouette layout
Tampilan ini memiliki ciri khas dominasi gambar bayangan yang
digunakannya.
▸ Jumble layout
Jenis ini memiliki konsep yang sama dengan model circus layout.
Namun penyusunannya lebih jelas dan baik dalam peletakannya.
Jenis – Jenis Layout

11. Jenis – Jenis Layout
Circus layout Jumble layout

12. ▸ Bleed layout
Konsep yang ditampilkan dalam desain ini adalah gambar yang
ditampilkan seolah tidak muat dan tumpah sehingga menimbulkan
kesan artistik.
▸ Type speciment layout
Visualisasi yang ditampilkan dalam desain ini adalah penempatan huruf
atau teks dengan bentuk, warna, dan dimensi yang bervariasi.
▸ Grid layout
Layout ini menampilkan elemen – elemen grafis dalam sebuah susunan
grid atau cell tabel secara teratur, biasanya digunakan pada desain
halaman web.
▸ Alphabet inspired layout
Desain layout yang memfokuskan susunan teks atau huruf membentuk
pola tertentu seperti logo, gambar, sketsa, dan wajah
Jenis – Jenis Layout

13. Jenis – Jenis Layout
Bleed
layout
Alphabet inspired layout
Type
speciment
layout

14. ▸ Vertical panel layout
Metode layout ini memajang gambar secara teratur dengan dimensi
memanjang secara vertikal. Layout ini sering dijumpai dalam narasi
cerita beruntun.
▸ Informal balance layout
Penataan objek dalam desain tidak memiliki struktur yang simetris,
terkesan acak tetapi tetap seimbang.
▸ Angular layout
Desain jenis ini menerapkan garis bantu diagonal untuk mengarahkan
objek grafis sehingga memaksa para pembaca untuk memiringkan
kepalanya agar dapat membacanya.
▸ Brace layout
Karakteristik utama dari layout ini adalah konsep pembuatan tata letak
menyerupai huruf L atau membentuk sudut siku.
Jenis – Jenis Layout

15. Jenis – Jenis Layout
Informal balance layout
Angular layout

16. ▸ Two mortises layout
Tata letak ini akan membagi halaman menjadi dua bagian yang memiliki
informasi tersendiri tetapi saling berkaitan,
▸ Quadran layout
Bernama quadran karena menerapkan teknik layout kayaknya sebuah
lingkaran yang terbagi menjadi 4 bagian.
▸ Rebus layout
Ciri utama yang ditampilkan adalah judul atau headline yang
ditampilkan berupa kombinasi antar teks dan gambar.
▸ Big type layout
Jenis layout ini secara garis besar didominasi oleh teks yang menjadi
judul dalam ukuran besar.
Jenis – Jenis Layout

17. Jenis – Jenis Layout
Rebus layout
Quadran layout

19. 2.
Prinsip Desain

20. Prinsip desain adalah hal mendasar apa saja yang harus diperhatikan
dan disajikan dalam mendesain agar informasi, pesan, dan kesan yang
ingin disampaikan dapat diterima baik oleh para pembacanya. Prinsip
desain yang harus dipahami adalah sebagai berikut :
▸Keseimbangan ( Balance )
▸Irama / Urutan ( Rhytm / sequence )
▸Perbandingan ( Proportion )
▸Penekanan ( Emphasis )
▸Kesatuan ( Unity )
Prinsip Desain

21. Keseimbangan (Balance)
Keseluruhan komponen-komponen desain harus
tampil seimbang. Tidak berat sebelah. Desainer
harus memadukan keseimbangan antara tulisan,
warna, atau pun gambar sehingga tidak muncul
kesan berat sebelah.

22. Keseimbangan (Balance)

23. Keseimbangan (Balance)

24. Keseimbangan (Balance)

25. Keseimbangan (Balance)

26. Keseimbangan (Balance)

27. Irama / Urutan ( Rhytm / sequence )
Ritme adalah pembuatan desain dengan prinsip
yang menyatukan irama. Bisa juga berarti
pengulangan atau variasi dari komponen-
komponen desain grafis.

28. Irama / Urutan ( Rhytm / sequence )

29. Perbandingan ( Proportion )
Proporsi dapat diartikan pula sebagai perubuhan
ukuran/size tanpa perubahan ukuran panjang,
lebar, atau tinggi, sehingga gambar dengan
perubahan proporsi sering terlihat distorsi.
1
Good
Propotion
.Squat diviSion creates
monofan,y.
DMsfon too unequal cr:eates a rack of
Bad
Propotion

30. Perbandingan ( Proportion )

31. Penekanan ( Emphasis )
Setiap bentuk desain ada hal yang perlu
ditonjolkan lebih dari yang lain. Tujuan utama dari
penekanan ini adalah untuk mewujudkan hal itu
sehingga dapat mengarahkan pandangan
khalayak sehingga apa yang mau disampaikan
tersalur.

32. Penekanan ( Emphasis )

33. Kesatuan ( Unity )
Kesatuan dalam prinsip desain grafis adalah
kohesi, konsistensi, ketunggalan atau keutuhan,
yang merupakan isi pokok dari komposisi. Dengan
prinsip kesatuan dapat membantu semua elemen
menjadi sebuah kepaduan dan menghasilkan
tema yang kuat, serta mengakibatkan sebuah
hubungan yang saling mengikat.

34. Pilihlah salah satu desain yang ada dibawah ini lalu buatlah desain yang sama tetapi dengan foto dan
tulisan yang berbeda !
Gambar di upload ke Instagram dan tag @smk.budiluhur dengan caption “F&B flyer” malam ini
paling lambat

35. 3.
Format Gambar

36. Berikut ini adalah penjelasan dari berbagai format gambar tersebut, di
antaranya
▸PSD (Photoshop Document)
Format file ini merupakan format asli dokumen Adobe Photoshop.
Format ini mampu menyimpan informasi layer dan alpha channel yang
terdapat pada sebuah gambar, sehingga suatu saat dapat dibuka dan
diedit kembali. Format ini juga mampu menyimpan gambar dalam
beberapa mode warna yang disediakan Photoshop. Anda dapat
menyimpan dengan format file ini jika ingin mengeditnya kembali.
▸BMP (Bitmap Image)
Format file ini merupakan format grafis yang fleksibel untuk platform
Windows sehingga dapat dibaca oleh program grafis manapun. Format
ini mampu menyimpan informasi dengan kualitas tingkat 1 bit sampai
24 bit. Kelemahan format file ini adalah tidak mampu menyimpan
alpha channel serta ada kendala dalam pertukaran platform.
Format Gambar

37. ▸EPS (Encapsuled Postcript)
Format file ini merupakan format yang sering digunakan untuk
keperluan pertukaran dokumen antar program grafis. Selain itu, format
file ini sering pula digunakan ketika ingin mencetak gambar.
Keunggulan format file ini menggunakan bahasa postscript sehingga
format file ini dikenali oleh hampir semua program persiapan cetak.
Kelemahan format file ini adalah tidak mampu menyimpan alpha
channel, sehingga banyak pengguna Adobe Photoshop menggunakan
format file ini ketika gambar yang dikerjakan sudah final.
▸JPG/JPEG (Joint Photographic Expert Group)
Format file ini mampu mengkompres objek dengan tingkat kualitas
sesuai dengan pilihan yang disediakan. Format file sering
dimanfaatkan untuk menyimpan gambar yang akan digunakan untuk
keperluan halaman web, multimedia, dan publikasi elektronik lainnya.
Format Gambar

38. ▸GIF (Graphic Interchange Format)
Format file ini hanya mampu menyimpan dalam 8 bit (hanya
mendukung mode warna Grayscale, Bitmap dan Indexed Color). Format
file ini merupakan format standar untuk publikasi elektronik dan
internet.
▸ PDF (Portable Document Format)
Format file ini digunakan oleh Adobe Acrobat, dan dapat digunakan
oleh grafik berbasis pixel maupun vektor. Format file ini mampu
menyimpan gambar dengan mode warna RGB, CMYK, Indexed Color, Lab
Color, Grayscale dan Bitmap.
▸PNG (Portable Network Graphic)
Format file ini digunakan untuk menampilkan objek dalam halaman
web. Kelebihan dari format file ini dibandingkan dengan GIF adalah
kemampuannya menyimpan file dalam bit depth hingga 24 bit serta
mampu menghasilkan latar belakang (background) yang transparan
dengan pinggiran yang halus.
Format Gambar

40. Lihat dan analisa lah video tentang layout pada
postingan materi sebelumnya di GC.
berikan pendapat kalian tentang penggunaan layout
pada desain, berikan contoh desain layout yang baik
dan tidak baik beserta pendapat kalian tentang
layout desain tersebut !