Tipografi,
Layout dan Grid
Pertemuan 4
Tipografi
“Kegiatan menyusun dan
merangkai huruf dan angka
sehingga menjadi sebuah kesatuan
yang dapat dilihat, dibaca, dan
menarik perhatian ”
Fungsi
Tipografi
“Sebagai pemberi keterangan dan
memberi penekanan pesan sebuah
produk desain ”
Menu seperti ini ditemukan di restoran a) apa? Fast Food
b) Fine Dining/Resto mahal
c) Cafe
Poster Horror
Event
?????????????
Klasifikasi Huruf
Sans Serif
Serif Script Dekoratif
Aa Aa Aa Aa
Sans Serif
Serif Script Dekoratif
Aa Aa Aa Aa
Jenis huruf yang memiliki kaki yang berbentuk lancip pada ujungnya.
Memiliki kesan klasik, elegan dan sering
digunakan dalam surat resmi.
Contoh:
Times New Roman
Jenis huruf yang memiliki ketebalan komponen yang hampir sama Memiliki kesan modern,
sederhana dan futuristik
Contoh:
Helvetica
Jenis huruf yang menyerupai
goresan pena atau buatan tangan
Memiliki kesan klasik, elegan, dan autentik.
Contoh:
Kunstler Script
Jenis huruf yang ditambahkan hiasan atau ornamen.
Biasa digunakan pada produk desain yang tematik.
Contoh:
Jokerman
Aplikasi
Tipografi
pada Desain
Why not certain use
font?
• Ketika tidak terbaca (not readable)
• Bentuk tidak jelas (not legible)
• Bentrok dengan elemen desain lain (clashing)
• Tidak sesuai dengan tema produk
• Terlalu banyak font yang digunakan
Layout
“Diterjemahkan sebagai tata letak,
layout artinya penyusunan
elemen-elemen desain yang
berhubungan ke dalam sebuah
bidang, sehingga membentuk
susunan yang artistik dan berdaya
guna.”
Title/Judu l
Subtitle
Body Text
Page Number Illustration/
Photograph y
Text Box
Pull Quotes
Title/Judu l
Subtitle
Body Text Illustration/
Photograph y
Sponsor logo Backgroun d
Prinsip Layout
Sequence/Urutan Empasis /Emphasis
Keseimbangan / Balance
Kesatuan/Unity
Sequence:
Dibaca berurutan dari atas ke bawah
Empasis:
• Ukuran judul besar,
• Warna utama pink
• Waktu pelaksanaan, entry, dan featuring pakai warna kontras
Keseimbangan:
• Asimetris
• Besar objek dan elemen lain tidak tumpeng tindih
Kesatuan:
• Warna tema
• Bentuk objek
Sequence:
Dibaca berurutan dari atas ke bawah, kiri ke kanan.
Empasis:
Ada pada Judul Keseimbangan:
Terlihat di kolom body text
Kesatuan:
Elemen foto dan teks saling mengisi ruang kosong
GRID
“Garis vertikal dan horizontal
yang membagi sebuah
bidang menjadi beberapa
bagian. Berfungsi untuk
membantu mengatur
keteraturan desain.”
Fungsi Grid
•Memberi jarak antar
teks/gambar (gutter)
•Menandai area print
(menentukan margin)
•Mengatur
keseimbangan elemen desain
•Menjadi
template desain
Good Grid
Bad Grid
Macam-Macam Grid
Manuscript Grid
Column Grid
Modular Grid
Hierarchical Grid
Eksplorasi Grid
Manuscript Grid
Grid yang terdiri dari 1 kolom.
Biasa digunakan pada buku cetak, novel, poster dll.
Column Grid
Grid yang terdiri dari 2 atau lebih kolom.
Biasa digunakan pada koran, majalah, jurnal, brosur dll.
Modular Grid
Grid kolom yang diberi tambahan garis horizontal, sehingga area yang dibagi lebih banyak dan lebih kompleks.
Biasa digunakan pada katalog, galeri foto dll.
Hierarchical Grid
Grid yang memproritaskan urutan kepentingan
membaca dalam suatu desain.
Biasa digunakan pada desain web, poster.
Exploration Grid
Grid yang bebas dan tergantung dengan selera pembuatnya, atau dibuat secara spesifik untuk keperluan tertentu. Grid tipe ini cenderung lebih fleksibel.
Kesimpulan:
• Tipografi adalah elemen yang penting dalam dunia desain.• Layout menentukan peletakan
elemen-elemen desain grafis.
• Grid berfungsi untuk membantu desainer dalam menentukan layout.
Hatur thanks
Arigamsahamnida
