Professional Documents
Culture Documents
The Layout Prespective
The Layout Prespective
The Layout Prespective
Layout Prespective
Typography & Visual Implementation for Layout
# 2 0 2 1 P R E S E N T T Y P I A N E S I A S T D
Basic tipografi
dalam layout
untuk desain
# 2 0 2 1 P R E S E N T
Main
44pt 30pt
Main Headline
2x Headline 22pt Subheadline
22pt Subheadline Lorem ipsum dolor sit amet,
14pt
2x Lorem ipsum dolor sit amet, consectetuer adipiscing consectetuer adipiscing elit. Aenean
elit. Aenean commodo ligula eget dolor. Aenean
commodo ligula eget dolor. Aenean
11pt massa. Cum sociis natoque penatibus et magnis dis
massa. Cum sociis natoque penatibus et.
parturient montes, nascetur ridiculus mus.
# 2 0 2 1 P R E S E N T
Skip Weight
Mengatur weight (ketebalan sebuah font). Sebaiknya menggunakan beda tingkat agar terlihat
kontras dan hierarkinya terlihat.
Text Here
Aligment Aligment
Relasi Relasi
Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Aenean consectetuer adipiscing elit. Aenean
commodo ligula eget dolor. Aenean commodo ligula eget dolor. Aenean
Text Here
massa. Cum sociis natoque massa. Cum sociis natoque
Proporsi Whitespace
Usahakan pengaturan whitespace lebih lega, proporsional, konsisten dan
sesuai konsep, agar terkesan eyecathing.
Bigger Bigger
Headline Headline
Tittle Tittle
PROPOSAL WHITESPACE PROPOSAL WHITESPACE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
commodo ligula eget dolor. Aenean massa. Cum sociis natoque commodo ligula eget dolor. Aenean massa. Cum sociis natoque
# 2 0 2 1 P R E S E N T
Dalam paragraf, Anda ingin menghindari satu kata sebagai baris terakhir paragraf dan satu baris teks di
awal atau akhir kolom atau halaman. Satu kata yang sepi di akhir paragraf menciptakan gangguan visual
dalam aliran yang merusak fokus pembaca. Ini disebut “runt".
# 2 0 2 1 P R E S E N T
Profile Profile
Amelia Campa Amelia Campa
Graphic designer Graphic designer
Batasi jumlah font yang anda gunakan pada setiap paragraph dan text
pada layout, Gunakan maksimal 3 font.
Gunakan font yang kontras antara Headline dan body text pada paragraphy dan
layout design. Biasanya penggunaan antara Sans-serif & Serif.
Pilih ukuran font yang tepat seperti penggunaan ukuran font pada headline,
subheadline dan bodytext menggunakan ukuran yang berbeda
44pt
Main Headline
22pt Subheadline
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
11pt
commodo ligula eget dolor. Aenean massa. Cum sociis natoque
penatibus et magnis dis parturient montes, nascetur ridiculus mus.
# 2 0 2 1 P R E S E N T
40 60 90
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus
et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
# 2 0 2 1 P R E S E N T
Ratakan text ke kiri kalau paragraphnya terlalu panjang, metode ini agar tingkat
keterbacaannya lebih baik daripada rata tengah
Left Center
Lorem ipsum dolor sit amet, consectetuer adipiscing Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Aenean commodo ligula eget dolor. Aenean massa. elit. Aenean commodo ligula eget dolor. Aenean massa.
Cum sociis natoque penatibus et magnis dis parturient Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec quam felis, montes, nascetur ridiculus mus. Donec quam felis,
ultricies nec, pellentesque eu, pretium quis, sem. ultricies nec, pellentesque eu, pretium quis, sem.
# 2 0 2 1 P R E S E N T
Gunakan tinggi garis yang lebih besar, metode ini juga agar tingkat
keterbacaannya lebih baik agar tidak terlalu berdekatan
PT Serif . 14pt . 1.5 elit. Aenean commodo ligula eget dolor. Aenean massa.
Cum sociis natoque penatibus et magnis dis parturient
PT Serif . 14pt . 2.0 elit. Aenean commodo ligula eget dolor. Aenean massa.
Gunakan tracking yang rasional, jangan terlalu dekat dan jangan terlalu panjang
Tracking -10
TypographyTitle
Tracking 0 Typography Title
Tracking 6 Typography Title
# 2 0 2 1 P R E S E N T
Pilih font yang sudah terbukti dan cocok, selain itu pilih font yang licensinya jelas agar
menghindari permasalahan / melanggar licensi. Gunakan Google Font