Tipografi

11
UNTUK DESAIN WEB AKHMAD YANI S (DARI BERBAGAI SUMBER) Tipografi

Transcript of Tipografi

Page 1: Tipografi

UNTUK DESAIN WEB

AKHMAD YANI S( D A R I B E R B A G A I S U M B E R )

Tipografi

Page 2: Tipografi

Prinsip Utama Tipografi

1. Membuat teks menjadi berguna dan mudah digunakan, yakni berbicara tentang: kemudahan membaca teks (readability) kemudahan mengenali setiap huruf dan kata

(legibility).2. Tipografi menghidupkan teks dalam sebuah

tulisan.3. Tipografi membuat teks menjadi menarik4. Memanjakan pembaca dengan memberikan

pengalaman yang menarik dalam membaca teks

Page 3: Tipografi

Prinsip Utama Tipografi

Respect the text, respect the reader, respect the type.

— Allan Haley —

Page 4: Tipografi

Typeface

Contoh Kesamaan Fitur pada Huruf

Page 5: Tipografi

Typeface

Pemilihan typeface pada sebuah teks akan sangat berpengaruh terhadap mood pembaca ketika membaca atau melihat teks tersebut.

Page 6: Tipografi

Font

Istilah typeface dan font seringkali dipertukarkan

Typeface berbicara tentang karakter yang dirancang untuk digunakan bersama-sama

Font (dalam konteks tipografi web dan tipografi digital) berbicara mengenai file yang menyimpan typeface.

Page 7: Tipografi

Font

Sebuah font dapat terdiri dari banyak typeface. Contoh:

font “Helvetica Nueue” dapat saja memiliki typeface “Hevetica Nueue”, “Helvetica Nueue Bold”, ”, “Helvetica Nueue Italic”, “Helvetica Nueue Condensed”

Page 8: Tipografi

Klasifikasi Huruf

Pada umumnya setiap huruf memiliki kepribadian dan pengaruh yang berbeda-beda.

Dalam dunia web, terdapat lima klasifikasi huruf yang dapat dicetak oleh browser, yaitu: Serif Huruf yang memiliki tanda dekoratif pada

ujung dari setiap huruf. Tanda dekoratif tersebut dikenal dengan nama “Serif”. Jenis huruf ini umum digunakan pada bagian heading dari dokumen.

Sans-Serif Huruf yang tidak memiliki serif. Jenis huruf ini biasanya digunakan untuk konten utama dari teks.

Page 9: Tipografi

Klasifikasi Huruf

Serif vs Sans-Serif (Tanda Merah = Serif)

Page 10: Tipografi

Klasifikasi Huruf

Monospace Pada jenis huruf ini, setiap huruf memiliki ukuran lebar yang sama, sehingga huruf dapat disusun dengan rapi (sama panjang dan lebar). Biasanya huruf jenis ini digunakan untuk kode program.

Cursive Jenis huruf ini memodelkan cursive, yaitu tulisan tangan manusia. Biasanya digunakan hanya sebagai dekorasi untuk memperindah bagian tertentu dari dokumen (misal: kutipan). Huruf jenis ini jarang digunakan untuk seluruh teks.

Fantasy Huruf yang mengandung simbol atau berbagai jenis dekorasi pada setiap karakter. Misalnya, huruf “a” dapat saja berbentuk kelinci. Huruf ini biasanya digunakan sama seperti cursive, untuk memperindah bagian tertentu dari dokumen.

Page 11: Tipografi

Berikut adalah contoh kelima jenis klasifikasi huruf yang ada pada web: