SlideShare a Scribd company logo
TYPE SETTING
/ˈtaɪpsetɪŋ/
Rinanda Purba
Apa saja yang harus diperhatikan dalam menentukan ukuran
font dalam penyusunan layout?
Dalam menentukan ukuran font dalam penyusunan layout, ada beberapa hal yang perlu diperhatikan agar ukuran font yang
digunakan sesuai dengan kebutuhan desain dan dapat membantu menyampaikan pesan dengan baik. Berikut adalah
beberapa hal yang perlu diperhatikan dalam menentukan ukuran font dalam penyusunan layout:
1. Tujuan Desain Ukuran font yang digunakan harus disesuaikan dengan tujuan desain. Misalnya, jika tujuan desain adalah
untuk menarik perhatian pengguna, maka ukuran font yang lebih besar mungkin diperlukan. Namun, jika tujuan desain
adalah untuk memberikan informasi yang lebih detail, ukuran font yang lebih kecil mungkin lebih tepat.
2. Jenis Font Jenis font yang digunakan juga dapat mempengaruhi ukuran font yang tepat. Misalnya, jenis font serif biasanya
membutuhkan ukuran font yang lebih besar daripada jenis font sans-serif untuk membuat teks terlihat jelas dan mudah
dibaca.
3. Media Publikasi Ukuran font juga harus disesuaikan dengan media publikasi yang digunakan. Misalnya, ukuran font yang
digunakan untuk desain web harus lebih besar daripada ukuran font yang digunakan untuk desain cetak, karena tampilan
font di layar biasanya lebih kecil daripada tampilan font di kertas.
1. Tingkat Detail Ukuran font yang digunakan juga harus disesuaikan dengan tingkat detail yang diperlukan dalam desain. Jika
desain memiliki banyak detail, ukuran font yang lebih kecil mungkin diperlukan agar desain tidak terlihat terlalu padat.
2. Penggunaan Hierarchy atau hierarki dalam desain dapat membantu menentukan ukuran font yang tepat untuk setiap
elemen. Elemen-elemen yang lebih penting dapat diberikan ukuran font yang lebih besar, sedangkan elemen-elemen yang
kurang penting dapat diberikan ukuran font yang lebih kecil.
3. Konsistensi Ukuran font yang digunakan juga harus konsisten dengan desain secara keseluruhan. Hindari penggunaan
ukuran font yang berbeda-beda secara acak, karena hal ini dapat membuat desain terlihat tidak teratur dan tidak
konsisten.
• Dengan memperhatikan hal-hal di atas, ukuran font yang digunakan
dalam penyusunan layout dapat disesuaikan dengan kebutuhan
desain dan dapat membantu menyampaikan pesan dengan baik.
GOLDEN RATIO
Golden ratio diperoleh dari pembagian satu angka dalam deret Fibonacci dengan
angka sebelumnya. Angka Fibonacci memiliki satu sifat menarik. Jika kita membagi
satu angka dalam deret tersebut dengan angka sebelumnya, akan didapat sebuah
angka hasil pembagian yang besarnya sangat mendekati satu sama lain. Besar hasil
pembagiannya mendekati satu sama lain dan bernilai tetap setelah angka ke 13
dalam deret tersebut. Sedangkan deret Fibonacci itu sendiri adalah deret yang
terbentuk dengan masing-masing angka dalam deret tersebut merupakan hasil
penjumlahan dari dua angka sebelumnya.
Bentuk dari deret Fibonacci itu adalah : 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89,
144, 233, 377…
Sedangkan hasil pembagiannya, bernilai sama setelah angka ke-13 :
233/144 = 1,618
377/233 = 1,618
610/377 = 1,618
987/610 = 1,618..dst
Golden Ratio Dalam Font
Body Text 16pt
Perkiraan Ukuran Header = 16 x 1, 618 = 25,888
Dibulatkan menjadi 26pt
Berapa perbandingan ukuran font yang ideal untuk heading
dan body text?
Perbandingan ukuran font yang ideal untuk heading (judul) dan body text
(teks isi) tergantung pada jenis font, jenis media publikasi, dan ukuran layar
atau kertas yang digunakan. Namun, secara umum, perbandingan ukuran
font yang disarankan adalah antara 1,2 hingga 1,5 kali ukuran font.
Artinya, jika ukuran font untuk body text adalah 12pt, maka ukuran font
untuk heading dapat berkisar antara 14pt hingga 18pt. Namun,
perbandingan ini dapat bervariasi tergantung pada jenis font dan kebutuhan
desain yang spesifik.
• Selain itu, penting untuk memperhatikan juga jenis font yang digunakan
untuk heading dan body text. Jenis font yang berbeda dapat
mempengaruhi perbandingan ukuran font yang ideal. Sebagai contoh, jika
heading menggunakan jenis font serif yang lebih bervariasi dan detail,
maka perbandingan ukuran font yang ideal dengan body text mungkin
perlu lebih besar daripada jika heading menggunakan jenis font sans-serif
yang lebih sederhana dan mudah dibaca. Begitujuga halnya jika heading
menggunakan jenis font display, maka perlu diperhatikan Panjang kata
dalam heading tersebut tidak terlalu Panjang.
• Dalam menentukan perbandingan ukuran font, yang terpenting
adalah memastikan bahwa teks mudah dibaca dan informasi dapat
disampaikan dengan jelas. Selain itu, konsistensi dalam penggunaan
ukuran font juga penting untuk menjaga keselarasan dan tampilan
visual yang baik pada layout.
Selain heading dan body text, terdapat beberapa jenis teks yang biasa
digunakan dalam desain grafis dan tata letak. Beberapa jenis teks tersebut
antara lain:
1. Subheading: teks yang berada di bawah heading dan berfungsi sebagai penjelas atau elaborasi dari judul utama. Biasanya,
subheading memiliki ukuran font yang lebih kecil dari heading, tetapi lebih besar dari body text.
2. Caption: teks pendek yang digunakan untuk memberikan keterangan atau deskripsi gambar atau ilustrasi. Caption biasanya
ditempatkan di bawah gambar atau ilustrasi, dan memiliki ukuran font yang lebih kecil dari body text.
3. Quote: kutipan atau pernyataan yang menarik dan ingin disorot. Quote biasanya diberi tampilan yang berbeda dengan teks
lainnya, misalnya dengan menggunakan gaya italic atau bold, dan sering diberi jarak atau margin yang lebih besar dari teks
lainnya.
4. Footnote: teks yang ditempatkan di bagian bawah halaman dan berisi catatan kaki atau referensi terkait dengan informasi
pada teks utama. Footnote biasanya memiliki ukuran font yang lebih kecil dari body text dan ditempatkan dalam format
kolom.
Pemilihan Font Yang Tepat?
Dalam pemilihan font untuk layout, terdapat beberapa hal yang perlu
dipertimbangkan agar font yang digunakan dapat tepat dan sesuai dengan
kebutuhan desain. Berikut adalah beberapa saran dalam pemilihan font yang
tepat untuk diterapkan di dalam layout:
1. Sesuaikan dengan jenis media publikasi: font yang cocok untuk buku mungkin tidak cocok untuk desain web
atau media sosial. Pastikan font yang digunakan sesuai dengan jenis media publikasi dan mempertimbangkan
faktor seperti resolusi layar atau kertas yang digunakan.
2. Pertimbangkan jenis font: terdapat dua jenis font utama, yaitu serif dan sans-serif. Serif memiliki detail kecil
yang disebut "serif" di ujung huruf, sedangkan sans-serif tidak memiliki serif. Serif cocok digunakan pada media
publikasi cetak seperti buku, sementara sans-serif lebih cocok digunakan pada media digital seperti website
atau aplikasi.
3. Pertimbangkan kegunaan font: font yang cocok untuk teks utama mungkin tidak cocok untuk judul atau subjudul.
Pastikan font yang dipilih sesuai dengan kegunaannya dalam layout.
4. Pilih font yang mudah dibaca: font yang sulit dibaca dapat membuat pembaca cepat lelah atau kesulitan membaca
informasi pada layout. Pilih font yang mudah dibaca dan memiliki kontras yang cukup dengan latar belakang.
5. Pertimbangkan keselarasan (harmonisasi) dengan desain: pastikan font yang dipilih cocok dengan desain secara
keseluruhan. Font yang kurang sesuai dengan desain dapat mengganggu estetika layout.
6. Gunakan tidak lebih dari tiga font: gunakan tidak lebih dari tiga font yang berbeda dalam satu layout. Lebih dari itu akan
membuat layout terlihat berantakan dan sulit dibaca.
7. Coba font terlebih dahulu: sebelum memutuskan untuk menggunakan suatu font, coba terlebih dahulu pada layout dan
lihat apakah font tersebut sesuai dengan kebutuhan desain.
Dengan mempertimbangkan hal-hal di atas, pemilihan font yang tepat dapat
membantu meningkatkan kualitas layout dan membantu memudahkan
pembaca dalam membaca informasi pada layout tersebut.
TERIMAKASIH

More Related Content

Similar to Layout-Pertemuan2.pptx

Printing & Publication Design -Kel.3.pdf
Printing & Publication Design -Kel.3.pdfPrinting & Publication Design -Kel.3.pdf
Printing & Publication Design -Kel.3.pdf
samsunga224
 
designer
designerdesigner
Modul btik
Modul btikModul btik
Modul btik
Ariska Armaya
 
pertemuan 8
pertemuan 8pertemuan 8
pertemuan 8
RereRenata
 
Persentasi efektif
Persentasi efektifPersentasi efektif
Persentasi efektif
vanianbl
 
Desain Grafis 5 - Good Graphic Design
Desain Grafis 5 - Good Graphic DesignDesain Grafis 5 - Good Graphic Design
Desain Grafis 5 - Good Graphic Design
Nur Fadli Utomo
 
Gaya Penulisan Naskah Digital
Gaya Penulisan Naskah DigitalGaya Penulisan Naskah Digital
Gaya Penulisan Naskah Digital
iwan setiawan
 
(sedikit) tentang layout
 (sedikit) tentang layout (sedikit) tentang layout
(sedikit) tentang layout
Richard prinawan
 
persentasi melalui power point
persentasi melalui power pointpersentasi melalui power point
persentasi melalui power point
fitriafadhilahh
 
Bahan ajar unt dikirim (repaired)
Bahan ajar unt dikirim (repaired)Bahan ajar unt dikirim (repaired)
Bahan ajar unt dikirim (repaired)Aris Saputro
 
1st Meet Web Study Jam.pptx
1st Meet Web Study Jam.pptx1st Meet Web Study Jam.pptx
1st Meet Web Study Jam.pptx
11GinaFerlindawati
 
Presentasi membuat buku dengan libre office
Presentasi membuat buku dengan libre officePresentasi membuat buku dengan libre office
Presentasi membuat buku dengan libre office
Owner Istana Media
 
Fungsi fungsi icon microsoft word
Fungsi fungsi icon microsoft wordFungsi fungsi icon microsoft word
Fungsi fungsi icon microsoft wordfaqih74
 
Dasar-Dasar Desain Grafis.pptx
Dasar-Dasar Desain Grafis.pptxDasar-Dasar Desain Grafis.pptx
Dasar-Dasar Desain Grafis.pptx
MubarokTaman
 
cara desain canva sederhana mudah gampang basic
cara desain canva sederhana mudah gampang basiccara desain canva sederhana mudah gampang basic
cara desain canva sederhana mudah gampang basic
Nurittamamah
 
Merancang Slide Pesentasi yang Ideal
Merancang Slide Pesentasi yang IdealMerancang Slide Pesentasi yang Ideal
Merancang Slide Pesentasi yang Ideal
Salsabila Audria Putri
 
Tugas laporan aplikasi web nova muhdalifah
Tugas laporan aplikasi web nova muhdalifahTugas laporan aplikasi web nova muhdalifah
Tugas laporan aplikasi web nova muhdalifahzakianadalina97
 
template.pdf
template.pdftemplate.pdf
template.pdf
DzakyWiratmoko
 

Similar to Layout-Pertemuan2.pptx (20)

Printing & Publication Design -Kel.3.pdf
Printing & Publication Design -Kel.3.pdfPrinting & Publication Design -Kel.3.pdf
Printing & Publication Design -Kel.3.pdf
 
designer
designerdesigner
designer
 
Modul btik
Modul btikModul btik
Modul btik
 
pertemuan 8
pertemuan 8pertemuan 8
pertemuan 8
 
Persentasi efektif
Persentasi efektifPersentasi efektif
Persentasi efektif
 
Desain Grafis 5 - Good Graphic Design
Desain Grafis 5 - Good Graphic DesignDesain Grafis 5 - Good Graphic Design
Desain Grafis 5 - Good Graphic Design
 
Gaya Penulisan Naskah Digital
Gaya Penulisan Naskah DigitalGaya Penulisan Naskah Digital
Gaya Penulisan Naskah Digital
 
(sedikit) tentang layout
 (sedikit) tentang layout (sedikit) tentang layout
(sedikit) tentang layout
 
persentasi melalui power point
persentasi melalui power pointpersentasi melalui power point
persentasi melalui power point
 
Bahan ajar unt dikirim (repaired)
Bahan ajar unt dikirim (repaired)Bahan ajar unt dikirim (repaired)
Bahan ajar unt dikirim (repaired)
 
1st Meet Web Study Jam.pptx
1st Meet Web Study Jam.pptx1st Meet Web Study Jam.pptx
1st Meet Web Study Jam.pptx
 
Presentasi membuat buku dengan libre office
Presentasi membuat buku dengan libre officePresentasi membuat buku dengan libre office
Presentasi membuat buku dengan libre office
 
Fungsi fungsi icon microsoft word
Fungsi fungsi icon microsoft wordFungsi fungsi icon microsoft word
Fungsi fungsi icon microsoft word
 
Dasar-Dasar Desain Grafis.pptx
Dasar-Dasar Desain Grafis.pptxDasar-Dasar Desain Grafis.pptx
Dasar-Dasar Desain Grafis.pptx
 
cara desain canva sederhana mudah gampang basic
cara desain canva sederhana mudah gampang basiccara desain canva sederhana mudah gampang basic
cara desain canva sederhana mudah gampang basic
 
PRINSIP DASAR TIPOGRAFI PADA DESAIN
PRINSIP DASAR TIPOGRAFI PADA DESAINPRINSIP DASAR TIPOGRAFI PADA DESAIN
PRINSIP DASAR TIPOGRAFI PADA DESAIN
 
Merancang Slide Pesentasi yang Ideal
Merancang Slide Pesentasi yang IdealMerancang Slide Pesentasi yang Ideal
Merancang Slide Pesentasi yang Ideal
 
Tugas laporan aplikasi web nova muhdalifah
Tugas laporan aplikasi web nova muhdalifahTugas laporan aplikasi web nova muhdalifah
Tugas laporan aplikasi web nova muhdalifah
 
Web
WebWeb
Web
 
template.pdf
template.pdftemplate.pdf
template.pdf
 

Layout-Pertemuan2.pptx

  • 2. Apa saja yang harus diperhatikan dalam menentukan ukuran font dalam penyusunan layout? Dalam menentukan ukuran font dalam penyusunan layout, ada beberapa hal yang perlu diperhatikan agar ukuran font yang digunakan sesuai dengan kebutuhan desain dan dapat membantu menyampaikan pesan dengan baik. Berikut adalah beberapa hal yang perlu diperhatikan dalam menentukan ukuran font dalam penyusunan layout: 1. Tujuan Desain Ukuran font yang digunakan harus disesuaikan dengan tujuan desain. Misalnya, jika tujuan desain adalah untuk menarik perhatian pengguna, maka ukuran font yang lebih besar mungkin diperlukan. Namun, jika tujuan desain adalah untuk memberikan informasi yang lebih detail, ukuran font yang lebih kecil mungkin lebih tepat. 2. Jenis Font Jenis font yang digunakan juga dapat mempengaruhi ukuran font yang tepat. Misalnya, jenis font serif biasanya membutuhkan ukuran font yang lebih besar daripada jenis font sans-serif untuk membuat teks terlihat jelas dan mudah dibaca. 3. Media Publikasi Ukuran font juga harus disesuaikan dengan media publikasi yang digunakan. Misalnya, ukuran font yang digunakan untuk desain web harus lebih besar daripada ukuran font yang digunakan untuk desain cetak, karena tampilan font di layar biasanya lebih kecil daripada tampilan font di kertas.
  • 3. 1. Tingkat Detail Ukuran font yang digunakan juga harus disesuaikan dengan tingkat detail yang diperlukan dalam desain. Jika desain memiliki banyak detail, ukuran font yang lebih kecil mungkin diperlukan agar desain tidak terlihat terlalu padat. 2. Penggunaan Hierarchy atau hierarki dalam desain dapat membantu menentukan ukuran font yang tepat untuk setiap elemen. Elemen-elemen yang lebih penting dapat diberikan ukuran font yang lebih besar, sedangkan elemen-elemen yang kurang penting dapat diberikan ukuran font yang lebih kecil. 3. Konsistensi Ukuran font yang digunakan juga harus konsisten dengan desain secara keseluruhan. Hindari penggunaan ukuran font yang berbeda-beda secara acak, karena hal ini dapat membuat desain terlihat tidak teratur dan tidak konsisten.
  • 4.
  • 5.
  • 6.
  • 7. • Dengan memperhatikan hal-hal di atas, ukuran font yang digunakan dalam penyusunan layout dapat disesuaikan dengan kebutuhan desain dan dapat membantu menyampaikan pesan dengan baik.
  • 8. GOLDEN RATIO Golden ratio diperoleh dari pembagian satu angka dalam deret Fibonacci dengan angka sebelumnya. Angka Fibonacci memiliki satu sifat menarik. Jika kita membagi satu angka dalam deret tersebut dengan angka sebelumnya, akan didapat sebuah angka hasil pembagian yang besarnya sangat mendekati satu sama lain. Besar hasil pembagiannya mendekati satu sama lain dan bernilai tetap setelah angka ke 13 dalam deret tersebut. Sedangkan deret Fibonacci itu sendiri adalah deret yang terbentuk dengan masing-masing angka dalam deret tersebut merupakan hasil penjumlahan dari dua angka sebelumnya.
  • 9. Bentuk dari deret Fibonacci itu adalah : 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377… Sedangkan hasil pembagiannya, bernilai sama setelah angka ke-13 : 233/144 = 1,618 377/233 = 1,618 610/377 = 1,618 987/610 = 1,618..dst
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. Golden Ratio Dalam Font Body Text 16pt Perkiraan Ukuran Header = 16 x 1, 618 = 25,888 Dibulatkan menjadi 26pt
  • 16. Berapa perbandingan ukuran font yang ideal untuk heading dan body text? Perbandingan ukuran font yang ideal untuk heading (judul) dan body text (teks isi) tergantung pada jenis font, jenis media publikasi, dan ukuran layar atau kertas yang digunakan. Namun, secara umum, perbandingan ukuran font yang disarankan adalah antara 1,2 hingga 1,5 kali ukuran font. Artinya, jika ukuran font untuk body text adalah 12pt, maka ukuran font untuk heading dapat berkisar antara 14pt hingga 18pt. Namun, perbandingan ini dapat bervariasi tergantung pada jenis font dan kebutuhan desain yang spesifik.
  • 17. • Selain itu, penting untuk memperhatikan juga jenis font yang digunakan untuk heading dan body text. Jenis font yang berbeda dapat mempengaruhi perbandingan ukuran font yang ideal. Sebagai contoh, jika heading menggunakan jenis font serif yang lebih bervariasi dan detail, maka perbandingan ukuran font yang ideal dengan body text mungkin perlu lebih besar daripada jika heading menggunakan jenis font sans-serif yang lebih sederhana dan mudah dibaca. Begitujuga halnya jika heading menggunakan jenis font display, maka perlu diperhatikan Panjang kata dalam heading tersebut tidak terlalu Panjang.
  • 18. • Dalam menentukan perbandingan ukuran font, yang terpenting adalah memastikan bahwa teks mudah dibaca dan informasi dapat disampaikan dengan jelas. Selain itu, konsistensi dalam penggunaan ukuran font juga penting untuk menjaga keselarasan dan tampilan visual yang baik pada layout.
  • 19. Selain heading dan body text, terdapat beberapa jenis teks yang biasa digunakan dalam desain grafis dan tata letak. Beberapa jenis teks tersebut antara lain: 1. Subheading: teks yang berada di bawah heading dan berfungsi sebagai penjelas atau elaborasi dari judul utama. Biasanya, subheading memiliki ukuran font yang lebih kecil dari heading, tetapi lebih besar dari body text. 2. Caption: teks pendek yang digunakan untuk memberikan keterangan atau deskripsi gambar atau ilustrasi. Caption biasanya ditempatkan di bawah gambar atau ilustrasi, dan memiliki ukuran font yang lebih kecil dari body text. 3. Quote: kutipan atau pernyataan yang menarik dan ingin disorot. Quote biasanya diberi tampilan yang berbeda dengan teks lainnya, misalnya dengan menggunakan gaya italic atau bold, dan sering diberi jarak atau margin yang lebih besar dari teks lainnya. 4. Footnote: teks yang ditempatkan di bagian bawah halaman dan berisi catatan kaki atau referensi terkait dengan informasi pada teks utama. Footnote biasanya memiliki ukuran font yang lebih kecil dari body text dan ditempatkan dalam format kolom.
  • 20. Pemilihan Font Yang Tepat? Dalam pemilihan font untuk layout, terdapat beberapa hal yang perlu dipertimbangkan agar font yang digunakan dapat tepat dan sesuai dengan kebutuhan desain. Berikut adalah beberapa saran dalam pemilihan font yang tepat untuk diterapkan di dalam layout: 1. Sesuaikan dengan jenis media publikasi: font yang cocok untuk buku mungkin tidak cocok untuk desain web atau media sosial. Pastikan font yang digunakan sesuai dengan jenis media publikasi dan mempertimbangkan faktor seperti resolusi layar atau kertas yang digunakan. 2. Pertimbangkan jenis font: terdapat dua jenis font utama, yaitu serif dan sans-serif. Serif memiliki detail kecil yang disebut "serif" di ujung huruf, sedangkan sans-serif tidak memiliki serif. Serif cocok digunakan pada media publikasi cetak seperti buku, sementara sans-serif lebih cocok digunakan pada media digital seperti website atau aplikasi.
  • 21. 3. Pertimbangkan kegunaan font: font yang cocok untuk teks utama mungkin tidak cocok untuk judul atau subjudul. Pastikan font yang dipilih sesuai dengan kegunaannya dalam layout. 4. Pilih font yang mudah dibaca: font yang sulit dibaca dapat membuat pembaca cepat lelah atau kesulitan membaca informasi pada layout. Pilih font yang mudah dibaca dan memiliki kontras yang cukup dengan latar belakang. 5. Pertimbangkan keselarasan (harmonisasi) dengan desain: pastikan font yang dipilih cocok dengan desain secara keseluruhan. Font yang kurang sesuai dengan desain dapat mengganggu estetika layout. 6. Gunakan tidak lebih dari tiga font: gunakan tidak lebih dari tiga font yang berbeda dalam satu layout. Lebih dari itu akan membuat layout terlihat berantakan dan sulit dibaca. 7. Coba font terlebih dahulu: sebelum memutuskan untuk menggunakan suatu font, coba terlebih dahulu pada layout dan lihat apakah font tersebut sesuai dengan kebutuhan desain. Dengan mempertimbangkan hal-hal di atas, pemilihan font yang tepat dapat membantu meningkatkan kualitas layout dan membantu memudahkan pembaca dalam membaca informasi pada layout tersebut.