HALLO

SELAMAT DATANG PESERTA

PELATIHAN INFOGRAFIS
TEKNIK PEMBUATAN LAYOUT
DAN TYPOGRAPHY DESAIN
 PENGERTIAN LAYOUT
Layout adalah kegiatan menyusun, menata, mengatur, dan mengkombinasikan unsur-
unsur komunikasi grafis meliputi teks, gambar, bidang, dan elemen desain, menjadi
tampilan visual yang estetis, menarik, dan persuasif.

Layout menjadi cabang dasar dalam dunia desain grafis yang menyangkut dengan
susunan teks dan visual. Layout yang baik akan mempermudah pesan untuk dipahami
oleh pengguna, sehingga diperlukan tata letak yang tepat dan terarah.
PRINSIP  Keseimbangan (Balance)

DASAR
 Irama (Rhytm)

 Titik Berat (Emphasis)

LAYOUT  Kesatuan (Unity)

  Te k s ( Te x t )

ELEMEN  Gambar (Images)

 Garis (Lines)

LAYOUT DESAIN  Bentuk (Shapes)

 Ruang Kosong (White Space)
 TUJUAN DAN MANFAAT
LAYOUT DESAIN
Tujuan layout desain adalah mendukung penataan elemen gambar dan teks,
sedangkan manfaatnya adalah membuat tampilan desain menjadi komunikatif
sehingga audiens lebih mudah memahami informasi yang disampaikan.
 TAHAP
PEMBUATAN  Membuat tata letak miniatur (thumbnail)

 Membuat tata letak kasar

LAYOUT  Membuat tata letak komprehensif

DESAIN
PENERAPAN  Layout Website

LAYOUT  Layout Poster Infografis

DESAIN
  Header

LAYOUT  Navigation

 Content/Body
WEBSITE  Slide Bar

 Footer
  Gaya Huruf dan Ukuran

LAYOUT  Komposisi Gambar

POSTER  Bentuk Ukuran dan Komposisi

INFOGRAFIS
 Warna

 Ukuran dan Jenis Kertas

TYPOGRAPHY DESAIN
 SEJARAH TIPOGRAFI
Adanya ideogram
Adanya piktograf Perkembangan
yaitu
yaitu sistem tulis tulisan pada abad
ditemukannya
ke-15 yaitu
menulis yang hieroglyph
banyaknya
digunakan oleh (hieroglif) di Mesir
manuskrip yang
manusia purba sejak Kuno dan tulisan
ditulis dan
25.000 SM. kanji di Cina,
memiliki ilustrasi..
Jepang, Korea.

Adanya teknologi
Teknologi computer pada 1985
Munculnya mesin phototypesetting (Mac), mendorong
cetak mekanik pada pada 1950, International
abad ke-19, meningkatkan Typeface
mencetak tulisan di proses fotografi Corporation (ITC)
yang menciptakan membuat
buku dengan cepat. perpustakaan huruf
typography.
versi digital.
 PENGERTIAN TIPOGRAFI
Tipografi (typography) berasal dari bahasa Yunani “typos” yang berarti bentuk dan
“graphein” yang berarti menulis. Tipografi adalah salah satu disiplin ilmu seni yang
berisi pengetahuan mengenai huruf.

Adi Kusrianto dalam buku “Typografi Komputer untuk Desainer Grafis” mengatakan
bahwa tipografi adalah seni dalam huruf meliputi pemilihan huruf, penentuan ukuran
yang tepat, teks dapat diputus, spasi jarak, sehingga teks dapat mudah dibaca.
  Terbaca (Readability)

PRINSIP  Mudah Dikenali (Legibility)

TIPOGRAFI  Mudah Dimengerti (Clarity)

 Terlihat (Visibility)
  Ornamen dan Bidang Cetak
 Kolom dan Garis
UNSUR  Baris

TIPOGRAFI  Kata
 Kemiringan Huruf
 Berat dan Lebar Huruf
 Ukuran Huruf
 Bentuk Huruf
  Serif (Berkait)
JENIS HURUF  Sans Serif (Tanpa Kait)
 Script
 Calligraphic
 Handwriting
 Dekoratif/Miscellaneous
TEKNIK PEMBUATAN VEKTOR
DAN ILUSTRASI DESAIN
 VEKTOR
File gambar vektor menggambarkan
serangkaian titik yang akan dihubungkan
satu dengan lainnya dan sering disebut
file geometris.
Vektor didefinisikan dalam bentuk
matematika dan dianggap kebalikan dari
gambar raster, gambar raster menyimpan
data sebagai peta piksel sedangkan
bambar vektor dalam bentuk garis dan
kurva bentuk yang ditentukan secara
matematis.
JENIS FILE VEKTOR
 .ai -- File Adobe Illustrator
 .cdr -- File Gambar CorelDRAW
 .eps -- Berkas PostScript
Terenkapsulasi
 .svg -- File Gambar Vektor yang
Dapat Diskalakan
PENERAPAN DESAIN VEKTOR
 Animasi
 Desain Web dan UX
 Infografis
 Media Sosial
 Poster, Banner, Billboard, dll.
 PENGERTIAN ILUSTRASI
Kata Ilustrasi berasal dari bahasa Latin “Ilustrare”, yang berarti menjelaskan atau
menerangkan, dengan demikian gambar ilustrasi diartikan sebagai gambar yang
bersifat sekaligus berfungsi untuk menerangkan suatu peristiwa.

Secara umum pengertian ilustrasi adalah hasil visualisasi dari suatu tulisan dengan
teknik menggambar, fotografi, lukisan, atau teknik seni rupa lainnya yang fokus pada
hubungan subjek dengan tulisan ketimbang pada bentuknya.
JENIS ILUSTRASI FUNGSI ILUSTRASI

 Dekoratif  Deskriptif
 Karikatur  Ekspresif
 Naturalis  Analitis/struktural
 Kartun  Kualitatif
 dan sebagainya
MATUR NUWUN