— May 20, 2023 · 4 Min read

Panduan Belajar Typography : Kenal Dasar Typography

Pada kesempatan ini, Saya ingin coba menulis tentang apa yang saya pelajari mengenai typography. Hal ini adalah dasar dari dalamnya penjelasan tentang typography yang ada. Dan ini bukanlah mutlak tentang ilmu typography semuanya. Melainkan

Penasaran seperti apa? Selamat belajar typography, selamat belajar mendidik diri sendiri..

Mari kita mulai..

Kita semua berinteraksi dengan yang namanya Typography dan font secara hampir terus menerus. Yang Kamu baca saat ini contohnya. Secara tidak sadar dan langsung kamu berinteraksi dengan tulisanku. Memandangnya dan menelaahnya secara perlahan. Apa yang kamu lihat adalah sebuah kalimat dalam balutan typography. Dan apa yang kamu rasakan saat membacanya adalah bagian dari sebuah UX dalam kurung (User Experience) / Pengalaman Pengguna.

Penting untuk memiliki pemahaman yang dalam tentang bagaimana konsep tipografi bekerja dalam kaitannya dengan UX Design. Memilih jenis huruf dan font yang tepat dan menerapkannya dengan benar dapat berdampak besar pada readability dan dampak perasaan yang ada pada pengguna.

Jika salah dalam memilih jenis typography apa yang akan digunakan, maka akan memberikan kesan yang tidak baik bagi pengguna. Bisa jadi makna yang kita ingin sampaikan malah jadi berbeda dengan typography yang salah.

Kita akan mulai dengan jenis – jenis typography yang ada

Belajar Typography dari Jenis yang Ada

Typeface

Pertama kita akan belajar typography dari jenis Typeface. Orang sering menggunakan istilah “jenis huruf” dan “font” secara bergantian, tetapi keduanya memiliki arti yang berbeda. Jenis huruf adalah sekumpulan karakter dengan desain yang sama, termasuk huruf, angka, tanda baca, dan simbol. Sebuah font menyajikan variasi dari jenis huruf. Tepatnya, font dengan desain yang serupa dikelompokkan ke dalam typeface.

Sebagai contoh, ketika kita berbicara tentang Helvetica atau Times New Roman, kita berbicara tentang typeface. Helvetica Bold 12 point adalah sebuah font.

Memahami jenis-jenis typeface yang tersedia, suasana hati yang dapat mereka ciptakan, dan untuk apa mereka masing-masing cocok adalah kunci untuk menggunakan jenis huruf secara efektif untuk menciptakan pengalaman pengguna yang luar biasa.

Serif Typeface

Kedua kita akan belajar typography dari jenis Serif Typeface. Jenis huruf serif memiliki sedikit goresan dekoratif (disebut serif) di akhir huruf. Serif merupakan salah satu jenis huruf tertua, yang berasal dari tahun 1470-an dan Roman Type karya Nicolas Jenson.

Serif sangat tradisional dan pada awalnya dipopulerkan oleh majalah cetak awal. Karena sejarahnya yang kaya dan penggunaannya yang sudah berlangsung lama, serif dapat memberikan kesan berkelas, romantis, dan canggih kepada pengguna. Huruf ini sangat baik untuk produk atau merek yang ingin menciptakan citra yang dapat dipercaya, dapat diandalkan, dan bahkan formal.

Sans-serif typeface

Secara harfiah, jenis huruf sans-serif berarti “tanpa serif” – jenis huruf ini tidak memiliki goresan dekoratif di ujung huruf. Meskipun terlihat cukup modern, jenis huruf sans-serif pertama adalah Caslon Egyptian, yang dirancang pada tahun 1816 oleh William Caslon IV. Jenis huruf ini menjadi populer dalam iklan cetak dan sering dianggap lebih mudah dibaca di layar dibandingkan jenis huruf serif, meskipun hal itu masih diperdebatkan secara luas.

Sans-serif yang paling populer adalah Arial, Helvetica, dan Tahoma, yang kompatibel dengan hampir semua perangkat – meskipun beberapa orang mungkin mengatakan bahwa mereka tidak memiliki kepribadian.

Script typeface

Jenis huruf skrip berasal dari tulisan tangan dan kaligrafi dan paling sering terlihat pada hal-hal seperti logo. Contoh nyata penggunaan script typeface adalah pada logo coca cola, sering membayangkan atau meminumnya bukan?.

Banyak jenis huruf skrip yang sulit untuk dibaca, diperparah dengan fakta bahwa banyak sekolah yang tidak lagi mengajarkan huruf kursif. Itu sebabnya mereka tidak bekerja dengan baik dalam blok teks yang besar atau dalam ukuran kecil.

Slab serif typeface

Jenis huruf slab serif mengguncang seluruh dunia tipografi ketika dirilis pada abad ke-19 dengan tampilannya yang kuat. Huruf ini tebal, tebal, dan dapat memiliki serif yang membulat atau bersudut. Slab serif sering digunakan dalam iklan surat kabar awal, karena bentuknya yang gepeng lebih menarik perhatian daripada tipografi serif dan sans-serif tradisional.

Kelemahan dari slab serif adalah bahwa mereka dapat menjadi tantangan untuk dipasangkan dengan jenis huruf lain karena bentuknya yang besar dan seperti balok, yang dapat mengalahkan jenis huruf di dekatnya. Jenis huruf ini juga umumnya paling cocok untuk teks yang lebih pendek, seperti berita utama atau judul.

Display typeface

Jenis huruf tampilan sangat beragam dan tidak ada yang sederhana. Ada jenis huruf tampilan untuk hampir semua acara atau jenis desain karena mereka mengambil inspirasi dari berbagai jenis huruf dan gaya font. Mereka pertama kali muncul selama Revolusi Industri dan pada awalnya paling sering digunakan dalam poster dan percetakan komersial.

Dalam desain UX modern, Anda biasanya akan melihat jenis huruf display di berita utama dan judul. Jenis huruf ini umumnya tidak cocok untuk digunakan sebagai teks, karena sulit dibaca dalam ukuran kecil.

Monospaced typeface

Huruf dalam jenis huruf monospasial masing-masing menempati jumlah ruang horizontal yang sama – bayangkan mesin ketik atau MS-DOS, atau jenis huruf seperti Courier New. Hal ini berbeda dengan jenis huruf lainnya, di mana setiap huruf memiliki jarak proporsionalnya sendiri, berdasarkan lebar karakter yang sebenarnya.

Jenis huruf monospasial lebih mudah dipindai daripada jenis huruf proporsional. Jenis huruf ini sering digunakan untuk hal-hal seperti kode karena dapat mempermudah menemukan kesalahan. Namun secara keseluruhan, jenis huruf ini memiliki tingkat keterbacaan yang lebih rendah daripada jenis huruf proporsional.

Jenis huruf monospasial yang umum termasuk Courier, Courier New, Apercu Mono, atau Space Mono.

Handwriting typeface

Mirip dengan jenis huruf skrip, jenis huruf tulisan tangan meniru tulisan tangan seseorang. Jenis huruf ini umumnya sangat kasual dan sebaiknya digunakan hanya untuk bakat kreatif. Jenis huruf tulisan tangan sangat cocok untuk mewakili tanda tangan seseorang seperti menandatangani buletin email.

Jenis huruf ini semakin populer pada pertengahan abad ke-20, ketika teknik phototypesetting muncul di pasaran pada awal tahun 1950-an. Jenis huruf ini sebagian besar digunakan dalam desain periklanan hingga tahun 1970-an.

Sedikit tips dari saya adalah, untuk memulai belajar typography handwriting biasakan terlebih dahulu untuk memulai menulis tangan yang bagus. Karena seoarang handwriting dilihat dari hasil tulisan tangannya juga lho.

Font

Font adalah gaya mesin terbang tertentu dengan berat dan lebar tertentu dalam jenis huruf. Roboto adalah jenis huruf, sedangkan variasinya, seperti huruf tebal, biasa, dan miring, adalah font.

Font awal adalah set individual dari jenis logam yang digunakan untuk mencetak halaman. Karena dicetak dalam logam, setiap ukuran dan berat memerlukan satu set karakter yang terpisah – yang disebut jenis.

Font weight

Bobot huruf mengacu ke ketebalan goresan pada jenis huruf tertentu. Font berkisar dari tipis (juga disebut garis rambut atau ringan) hingga hitam (berat), dengan banyak bobot di antaranya. Dalam CSS, bobot font diatur di mana saja antara 100 (tipis) dan 900 (hitam). Bobot yang paling sering terlihat adalah tebal dan teratur.

Regular fonts

Font biasa adalah font yang paling netral secara emosional dan umumnya merupakan default untuk sebagian besar jenis huruf. Font ini berada di antara font tipis dan tebal, sehingga cocok untuk bagian teks besar yang membutuhkan banyak pembacaan. Font ini dapat digunakan untuk hal-hal seperti berita utama, namun tidak terlalu sering digunakan.

Bold fonts

Setelah huruf biasa, huruf tebal adalah jenis huruf yang paling sering terlihat. Huruf ini menonjol dari teks di sekelilingnya dengan goresan yang lebih gelap dan tebal. Karena kemampuannya untuk menonjol ini, font ini sangat baik untuk menambahkan penekanan di mana Anda ingin menarik perhatian pengguna atau di berita utama.

Gunakan kebijaksanaan saat menggunakan huruf tebal untuk penekanan; jika Anda mencoba menarik perhatian pada semua hal, Anda akhirnya tidak menarik perhatian pada apa pun.

Italic fonts

Selanjutnya dalam series belajar typography. Huruf tebal bukan satu-satunya cara untuk menekankan teks. Huruf miring juga dapat digunakan dengan cara yang sama, meskipun cenderung lebih halus. Namun, seperti halnya huruf tebal, huruf miring harus digunakan secukupnya untuk penekanan – hanya beberapa kata atau kalimat saja.

Jadi apa itu huruf miring? Huruf miring (juga kadang-kadang disebut sebagai huruf miring) berbentuk miring atau seperti tulisan. Selain untuk penekanan, jenis huruf ini biasanya digunakan untuk judul-judul seperti film, buku, atau drama.

System vs web fonts

Terakhir dalam series belajar typography. Ada jenis font sistem atau desktop dirancang untuk diinstal di komputer Anda dan dapat digunakan dalam aplikasi yang tersedia di perangkat Anda, seperti Figma atau Photoshop. Font sistem biasanya memiliki ekstensi .otf .ttf, atau .ps1.

Keuntungan dari font sistem meliputi:

Pemuatan cepat
Tidak perlu akses ke sumber daya eksternal untuk memuat font
Tidak perlu menambahkan tweak CSS untuk membuat font terlihat tepat untuk browser tertentu karena font tersebut sudah ada di sebagian besar perangkat pengguna.

Font web dirancang untuk digunakan di halaman web dengan deklarasi <@font-face> CSS. Font web memiliki format seperti TrueType, WOFF, EOT, dan SVG. Font ini memungkinkan desainer untuk membuat tampilan halaman web yang lebih kaya dan lebih sesuai dengan keinginan, namun dapat memengaruhi kinerja keseluruhan waktu muat halaman dan memerlukan beberapa pekerjaan CSS.

Banyak font desktop biasanya memiliki versi font web. Sebagai contoh, Google Fonts menyediakan versi font desktop dan web yang sama untuk diunduh.

Ada beberapa alat untuk mengonversi font desktop ke Font Web (dan sebaliknya), misalnya, Font Squirrel Converter. Namun, karena hak pemasaran, tidak semua font desktop dapat dikonversi ke font web.

Bersambung …

Referensi :