SlideShare a Scribd company logo
1 of 51
Download to read offline
PRINSIP
DASAR
LAYOUTING




CHAPTER 07
ELEMEN LAYOUT




• Layout memiliki banyak sekali elemen yang
  mempunyai peran berbeda-beda dalam
  membangung keseluruhan layout. Untuk membuat
  susunan layout yang maksimal, setiap designer perlu
  mengetahui peran masing-masing element tersebut
ELEMEN LAYOUT
• Dengan mengetahui elemen layout, maka seorang
  designer dapat lebih mudah menekankan prisip –
  prinsip design layout yang lebih baik dan lebih dapat
  dipahami oleh target audiencenya.
• Elemen tersebut antara lain:
    –   HEADER
    –   JUDUL UTAMA
    –   SUB JUDUL
    –   FOTO
    –   ILUSTRASI
    –   BODYTEKS
    –   TEXT BOX / FRAME
    –   PULL QUOTES
    –   FOOTER
    –   NOMOR HALAMAN
PRINSIP LAYOUT
• Setelah mengetahui elemen layout, seorang designer
  haruslah bisa menyusun elemen tersebut sedemikian
  rupa sesuai prinsip dasar teknik layouting, yaitu:
   –   SEQUENCE
   –   EMPHASIS
   –   BALANCE
   –   UNITY
SEQUENCE
• SEQUENCE adalah urutan perhatian yang digunakan
  dalam Lay-out.
Menurut hasil
penelitian Poynter
Institue – sebuah
sekolah jurnalisme
di US :
75% orang
membaca secara
methodical, yaitu
berurutan dari atas
kebawah, sisanya
25% disebut dengan
scanning readers,
karena melihat
halaman secara
acak/random.
EMPHASIS
• EMPHASIS adalah teknik memberikan penekanan
  tertentu pada layout
BALANCE
• BALANCE adalah teknik mengatur
  keseimbangan pada layout
Keseimbangan Simetris
Keseimbangan simetris dapat dikiaskan sebagai keseimbangan cermin, berarti,
sisi-sisi yang berlawanan harus sama persis untuk menciptakan keseimbangan.Bila
kita menarik garis lurus pada bagian tengah maka, bagian yang satu akan
menjadi cerminan bagi yang lain. Keseimbangan simetris ini sering disebut juga
dengan keseimbangan formal.
Keseimbangan Asimetris
• Keseimbangan yang terjadi bila objek-objek berlawanan
  tidak sama atau seimbang, misalnya sisi satu memiliki
  objek lebih kecil dari objek yang lainnya. Keseimbangan
  Asimetris dapat memberi kesan santai dan casual, namun
  demikian penggunaan asimetris akan memiliki kesulitan
  tersendiri bagi desainer, karena ia harus menentukan
  layout dengan teliti untuk memberikan kesan bahwa desain
  tersebut masih seimbang. Dalam membuat tata letak yang
  asimetris agar tetap terlihat seimbang, ada beberapa faktor
  yang menjadi pertimbangan.
Keseimbangan Asimetris Warna
Warna dapat menjadi penyeimbang antara objek yang besar
dengan objek yang lebih kecil. Bila sebuah objek lebih besar dari
yang lain gunakan warna harmonis yang serasi dengan objek
tersebut.
UNITY
• UNITY adalah menciptakan kesatuan secara
  keseluruhan.
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT
PRINSIP DASAR LAYOUT

More Related Content

What's hot

What's hot (20)

Layout dan komposisi desain grafis
Layout dan komposisi desain grafisLayout dan komposisi desain grafis
Layout dan komposisi desain grafis
 
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
DASAR-DASAR DESAIN GRAFIS - dewifitriyani__
 
Nirmana 1
Nirmana 1Nirmana 1
Nirmana 1
 
6. Layout.pptx
6. Layout.pptx6. Layout.pptx
6. Layout.pptx
 
Graphic design by mprabuw
Graphic design by mprabuwGraphic design by mprabuw
Graphic design by mprabuw
 
PRINSIP DASAR TIPOGRAFI PADA DESAIN
PRINSIP DASAR TIPOGRAFI PADA DESAINPRINSIP DASAR TIPOGRAFI PADA DESAIN
PRINSIP DASAR TIPOGRAFI PADA DESAIN
 
Logo: komposisi, watak, gaya, dan format
Logo: komposisi, watak, gaya, dan formatLogo: komposisi, watak, gaya, dan format
Logo: komposisi, watak, gaya, dan format
 
Nirmana 01
Nirmana 01Nirmana 01
Nirmana 01
 
Tipografi
TipografiTipografi
Tipografi
 
Pertemuan 3 Komponen Desain Grafis.pptx
Pertemuan 3 Komponen Desain Grafis.pptxPertemuan 3 Komponen Desain Grafis.pptx
Pertemuan 3 Komponen Desain Grafis.pptx
 
fungsi dasar dan elemen dkv
fungsi dasar dan elemen dkvfungsi dasar dan elemen dkv
fungsi dasar dan elemen dkv
 
Desain Grafis 1 - Basic
Desain Grafis 1 - BasicDesain Grafis 1 - Basic
Desain Grafis 1 - Basic
 
Pengantar komunikasi visual
Pengantar komunikasi visualPengantar komunikasi visual
Pengantar komunikasi visual
 
Tata Letak (layout) - Elemen Desain
Tata Letak (layout) - Elemen DesainTata Letak (layout) - Elemen Desain
Tata Letak (layout) - Elemen Desain
 
Layouts
LayoutsLayouts
Layouts
 
Pengenalan Grafik Komputer untuk Komunikasi
Pengenalan Grafik Komputer untuk KomunikasiPengenalan Grafik Komputer untuk Komunikasi
Pengenalan Grafik Komputer untuk Komunikasi
 
Pengertian dan Unsur-unsur Desain Grafis
Pengertian dan Unsur-unsur Desain GrafisPengertian dan Unsur-unsur Desain Grafis
Pengertian dan Unsur-unsur Desain Grafis
 
Sejarah Desain Grafis
Sejarah Desain Grafis Sejarah Desain Grafis
Sejarah Desain Grafis
 
Advertising agency
Advertising agency Advertising agency
Advertising agency
 
berbagai jenis layout
berbagai jenis layoutberbagai jenis layout
berbagai jenis layout
 

Viewers also liked

Struktur, Layout und Design
Struktur, Layout und DesignStruktur, Layout und Design
Struktur, Layout und DesignAlexander Sperl
 
Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principlesSherwin Manual
 
Keep It Simple, Stupid. Make it Easy - Panduan Desain Media Komunikasi
Keep It Simple, Stupid. Make it Easy - Panduan Desain Media KomunikasiKeep It Simple, Stupid. Make it Easy - Panduan Desain Media Komunikasi
Keep It Simple, Stupid. Make it Easy - Panduan Desain Media KomunikasiIrfan Toni H
 
Mo strategi lokasi dan tata letak
Mo   strategi lokasi dan tata letakMo   strategi lokasi dan tata letak
Mo strategi lokasi dan tata letakSjifa Aulia
 
Perencanaan Layout Fasilitas Pabrik (Plan Layout)
Perencanaan Layout Fasilitas Pabrik (Plan Layout)Perencanaan Layout Fasilitas Pabrik (Plan Layout)
Perencanaan Layout Fasilitas Pabrik (Plan Layout)Putri Athena
 
Menerapkan Prinsip Desain Visual untuk Media Promosi Kesehatan
Menerapkan Prinsip Desain Visual untuk Media Promosi KesehatanMenerapkan Prinsip Desain Visual untuk Media Promosi Kesehatan
Menerapkan Prinsip Desain Visual untuk Media Promosi KesehatanUwes Chaeruman
 
Desain dan media rendra visual 66
Desain dan media rendra visual 66Desain dan media rendra visual 66
Desain dan media rendra visual 66Rendra Visual
 
сонгуулийн автоматжуулсан системийн тухай
сонгуулийн автоматжуулсан системийн тухайсонгуулийн автоматжуулсан системийн тухай
сонгуулийн автоматжуулсан системийн тухайbaasandorj b
 
MEMBUAT KARTU NAMA DENGAN ADOBE ILLUSTRATOR
MEMBUAT KARTU NAMA DENGAN ADOBE ILLUSTRATORMEMBUAT KARTU NAMA DENGAN ADOBE ILLUSTRATOR
MEMBUAT KARTU NAMA DENGAN ADOBE ILLUSTRATORMuhamad Salman Alfarisi
 

Viewers also liked (20)

Tata Letak (Layout)
Tata Letak (Layout)Tata Letak (Layout)
Tata Letak (Layout)
 
Struktur, Layout und Design
Struktur, Layout und DesignStruktur, Layout und Design
Struktur, Layout und Design
 
Poster ilmiah
Poster ilmiahPoster ilmiah
Poster ilmiah
 
Basic layout principles
Basic layout principlesBasic layout principles
Basic layout principles
 
PHOTOGRAPHY AMBIENCE
PHOTOGRAPHY AMBIENCEPHOTOGRAPHY AMBIENCE
PHOTOGRAPHY AMBIENCE
 
ELEMEN-ELEMEN VISUAL DALAM POSTER IKLAN
ELEMEN-ELEMEN VISUAL DALAM POSTER IKLANELEMEN-ELEMEN VISUAL DALAM POSTER IKLAN
ELEMEN-ELEMEN VISUAL DALAM POSTER IKLAN
 
Tata Letak
Tata LetakTata Letak
Tata Letak
 
Keep It Simple, Stupid. Make it Easy - Panduan Desain Media Komunikasi
Keep It Simple, Stupid. Make it Easy - Panduan Desain Media KomunikasiKeep It Simple, Stupid. Make it Easy - Panduan Desain Media Komunikasi
Keep It Simple, Stupid. Make it Easy - Panduan Desain Media Komunikasi
 
Mo strategi lokasi dan tata letak
Mo   strategi lokasi dan tata letakMo   strategi lokasi dan tata letak
Mo strategi lokasi dan tata letak
 
Perencanaan Layout Fasilitas Pabrik (Plan Layout)
Perencanaan Layout Fasilitas Pabrik (Plan Layout)Perencanaan Layout Fasilitas Pabrik (Plan Layout)
Perencanaan Layout Fasilitas Pabrik (Plan Layout)
 
FEEL WARNA PADA PHOTO
FEEL WARNA PADA PHOTOFEEL WARNA PADA PHOTO
FEEL WARNA PADA PHOTO
 
Menerapkan Prinsip Desain Visual untuk Media Promosi Kesehatan
Menerapkan Prinsip Desain Visual untuk Media Promosi KesehatanMenerapkan Prinsip Desain Visual untuk Media Promosi Kesehatan
Menerapkan Prinsip Desain Visual untuk Media Promosi Kesehatan
 
Desain dan media rendra visual 66
Desain dan media rendra visual 66Desain dan media rendra visual 66
Desain dan media rendra visual 66
 
INTEGRASI TEKS PADA LAYOUT
INTEGRASI TEKS PADA LAYOUTINTEGRASI TEKS PADA LAYOUT
INTEGRASI TEKS PADA LAYOUT
 
Image tracing
Image tracingImage tracing
Image tracing
 
UNSTABLE LAYOUT STYLE
UNSTABLE LAYOUT STYLEUNSTABLE LAYOUT STYLE
UNSTABLE LAYOUT STYLE
 
сонгуулийн автоматжуулсан системийн тухай
сонгуулийн автоматжуулсан системийн тухайсонгуулийн автоматжуулсан системийн тухай
сонгуулийн автоматжуулсан системийн тухай
 
Strategi
StrategiStrategi
Strategi
 
Media iklan cetak
Media iklan cetakMedia iklan cetak
Media iklan cetak
 
MEMBUAT KARTU NAMA DENGAN ADOBE ILLUSTRATOR
MEMBUAT KARTU NAMA DENGAN ADOBE ILLUSTRATORMEMBUAT KARTU NAMA DENGAN ADOBE ILLUSTRATOR
MEMBUAT KARTU NAMA DENGAN ADOBE ILLUSTRATOR
 

More from Muhamad Salman Alfarisi

More from Muhamad Salman Alfarisi (9)

Explore the potential creativity through animation
Explore the potential creativity through animationExplore the potential creativity through animation
Explore the potential creativity through animation
 
PIXEL JOKEY: MANIPULASI DAN RETOUCH
PIXEL JOKEY: MANIPULASI DAN RETOUCHPIXEL JOKEY: MANIPULASI DAN RETOUCH
PIXEL JOKEY: MANIPULASI DAN RETOUCH
 
TRIKS MENGKOMPOSISIKAN GAMBAR
TRIKS MENGKOMPOSISIKAN GAMBARTRIKS MENGKOMPOSISIKAN GAMBAR
TRIKS MENGKOMPOSISIKAN GAMBAR
 
TRIK MEMBUAT ILLUSTRASI VECTOR PADA ILLUSTRATOR
TRIK MEMBUAT ILLUSTRASI VECTOR PADA ILLUSTRATORTRIK MEMBUAT ILLUSTRASI VECTOR PADA ILLUSTRATOR
TRIK MEMBUAT ILLUSTRASI VECTOR PADA ILLUSTRATOR
 
APA ITU GRAFIS VECTOR
APA ITU GRAFIS VECTORAPA ITU GRAFIS VECTOR
APA ITU GRAFIS VECTOR
 
How to be sexy as presenter
How to be sexy as presenterHow to be sexy as presenter
How to be sexy as presenter
 
APA ITU HARMONISASI WARNA?
APA ITU HARMONISASI WARNA?APA ITU HARMONISASI WARNA?
APA ITU HARMONISASI WARNA?
 
Membuat Presentasi Multimedia Revisi Cetak
Membuat Presentasi Multimedia Revisi CetakMembuat Presentasi Multimedia Revisi Cetak
Membuat Presentasi Multimedia Revisi Cetak
 
Knowledge Management
Knowledge ManagementKnowledge Management
Knowledge Management
 

PRINSIP DASAR LAYOUT

  • 2. ELEMEN LAYOUT • Layout memiliki banyak sekali elemen yang mempunyai peran berbeda-beda dalam membangung keseluruhan layout. Untuk membuat susunan layout yang maksimal, setiap designer perlu mengetahui peran masing-masing element tersebut
  • 3. ELEMEN LAYOUT • Dengan mengetahui elemen layout, maka seorang designer dapat lebih mudah menekankan prisip – prinsip design layout yang lebih baik dan lebih dapat dipahami oleh target audiencenya. • Elemen tersebut antara lain: – HEADER – JUDUL UTAMA – SUB JUDUL – FOTO – ILUSTRASI – BODYTEKS – TEXT BOX / FRAME – PULL QUOTES – FOOTER – NOMOR HALAMAN
  • 4.
  • 5.
  • 6.
  • 7.
  • 8. PRINSIP LAYOUT • Setelah mengetahui elemen layout, seorang designer haruslah bisa menyusun elemen tersebut sedemikian rupa sesuai prinsip dasar teknik layouting, yaitu: – SEQUENCE – EMPHASIS – BALANCE – UNITY
  • 9. SEQUENCE • SEQUENCE adalah urutan perhatian yang digunakan dalam Lay-out.
  • 10.
  • 11.
  • 12. Menurut hasil penelitian Poynter Institue – sebuah sekolah jurnalisme di US : 75% orang membaca secara methodical, yaitu berurutan dari atas kebawah, sisanya 25% disebut dengan scanning readers, karena melihat halaman secara acak/random.
  • 13. EMPHASIS • EMPHASIS adalah teknik memberikan penekanan tertentu pada layout
  • 14.
  • 15.
  • 16.
  • 17. BALANCE • BALANCE adalah teknik mengatur keseimbangan pada layout
  • 18. Keseimbangan Simetris Keseimbangan simetris dapat dikiaskan sebagai keseimbangan cermin, berarti, sisi-sisi yang berlawanan harus sama persis untuk menciptakan keseimbangan.Bila kita menarik garis lurus pada bagian tengah maka, bagian yang satu akan menjadi cerminan bagi yang lain. Keseimbangan simetris ini sering disebut juga dengan keseimbangan formal.
  • 19. Keseimbangan Asimetris • Keseimbangan yang terjadi bila objek-objek berlawanan tidak sama atau seimbang, misalnya sisi satu memiliki objek lebih kecil dari objek yang lainnya. Keseimbangan Asimetris dapat memberi kesan santai dan casual, namun demikian penggunaan asimetris akan memiliki kesulitan tersendiri bagi desainer, karena ia harus menentukan layout dengan teliti untuk memberikan kesan bahwa desain tersebut masih seimbang. Dalam membuat tata letak yang asimetris agar tetap terlihat seimbang, ada beberapa faktor yang menjadi pertimbangan.
  • 20. Keseimbangan Asimetris Warna Warna dapat menjadi penyeimbang antara objek yang besar dengan objek yang lebih kecil. Bila sebuah objek lebih besar dari yang lain gunakan warna harmonis yang serasi dengan objek tersebut.
  • 21. UNITY • UNITY adalah menciptakan kesatuan secara keseluruhan.