Hai, pada artikel kali ini membahas mengenai Typography? Penting kah bagi seorang UI Designer?

Nah, sebelum kita membahas lebih dalam tentang pentingnya typography bagi UI Designer, yuk baca penjelasan singkat tentang apa itu typography. 😉

Apa itu Typography?

Typography adalah seni dan teknik memilih dan menata huruf dengan pengaturan distribusi pada ruang yang tersedia, untuk menciptakan kesan tertentu, untuk kenyamanan membaca maksimal.

Typography adalah bagian terpenting dari sebuah design, dalam buku The Elements of Typographic Style karya Robert Bringhurst seorang typographer dari kanada mengatakan,

Typography as the craft of endowing human language with a durable visual form.

Sederhananya, Typography didefinisikan sebagai ilmu gaya, penampilan, dan struktur dari font yang bertujuan untuk memberikan kemudahan dan keestetikaan kepada pembaca.

Lebih jelasnya mengenai sejarah typography teman-teman bisa baca di https://id.wikipedia.org/wiki/Tipografi.

Bagaimana Peran Typography Dalam Design?

Peran typography dalam desain sangatlah penting untuk membuat pengalaman pengguna yang baik.

Saat pengguna pertama kali membuka di halaman web atau aplikasi, mereka akan lebih memilih untuk memindai halaman daripada membacanya. Dengan kita membuat hierarki yang jelas dan tipografi yang bersih sangat penting untuk menciptakan kesan pertama yang sangat baik dengan pengguna dan pada akhirnya mempertahankannya di halaman tersebut.

Setelah menarik perhatian pengguna, tantangan berikutnya adalah menyampaikan informasi. Karena orang terbiasa menerima informasi dalam bentuk teks, merupakan tanggung jawab UI desainer untuk memastikan jenis huruf yang membantu menyampaikan pesan daripada mengalihkan perhatian darinya. Maka dari itu typography sangat membantu desain untuk berkomunikasi dengan pengguna.

Typography yang efektif tidak hanya bergantung pada kontennya, tetapi juga presentasi akan typography itu sendiri, mulai dari ukuran, lebar, warna, dan struktur font.

Elemen Typography yang Penting

Typography memiliki beberapa elemen penting, yuk bahas satu persatu.

Font & Typeface

Font & Typeface merupakan istilah yang berbeda ya, mungkin teman-teman yang mengira Font & Typeface sebuah sinonim is not true guys.

Typeface adalah tipe karakter huruf yang mencakup semuanya, yang artinya mempunyai ruang lingkup karakter yang lengkap dalam semua sizes & weight. Font adalah representasi dari Typeface itu sendiri yang biasanya diperkenalkan dalam satu jenis huruf, size, dan weight tertentu. Sederhananya, Typeface adalah sesuatu seperti keluarga dan font adalah bagian dari itu.

Mean line & Baseline

Mean line & Baseline merupakan alat utama yang membantu desainer dalam proses presentasi visual karakter yang rapi. Mean line menandai bagian atas dan baseline menandai bagian bawah dari body karakter itu sendiri, memungkinkan pembuatan font yang rata dan rapi.

Character measurement (size, weight, and height)

Character measurement digunakan untuk memisahkan berbagai jenis informasi seperti memisahkan elemen seperti judul, subjudul, dll. Setiap font mempunyai berat dan ukuran yang berbeda. Character measurement mempunyai 3 element yaitu Size, Weight, and Height. Weight adalah ukuran seberapa tebal karakter itu sendiri. Size biasanya diukur dalam inci, milimeter, atau pixel. Height juga disebut “x-height” karena body setiap karakter dalam satu ukuran didasarkan pada huruf “x”.

Ascender and Descender

Ascender adalah bagian huruf yang berada diatas garis mean line seperti pada huruf “b” atau “d”. Descender adalah bagian huruf berada di bawah garis baseline seperti pada huruf “q” atau “p”.

White space

White space adalah ruang kosong yang terdapat dalam suatu design, white space sendiri mempunyai peranan penting didalam design, why? jika white space tidak seimbang, makan karakter itu akan aneh dan sulit dibaca oleh pengguna/pembaca, sebaliknya jika white space diperhatikan dengan benar oleh desainer maka hasilnya akan mudah dibaca dan dilihat oleh pengguna/pembaca. Maka dari itu white space sama pentingnya dengan elemen Typography lainnya.

Alignment

Membuat typography yang efektif tidak terlepas dari peranan alignment yang sama pentingnya dalam typography, Alignment yang terdapat dalam typography dan yang sering digunakan terdapat 4 macam yaitu Left, Right, Justified, Center.

Tracking

Proses tracking adalah penyesuaian ruang karakter. Tracking yang efektif, membuat karakter typography itu sendiri mudah dibaca. Mengatur jarak yang benar dan tepat untuk semua huruf, membuat typography terasa enak saat dibaca.

Kerning

Kerning hampir mirip dengan tracking, namun mereka tidak sama ya guys.
Tracking adalah jarak antar semua karakter huruf, sedangkan kerning adalah proses menyesuaikan ruang antara dua karakter. Biasanya diterapkan untuk masing-masing case, ketika seorang desainer mengubah jarak antara dua huruf tertentu agar terasa lebih enak dibaca.

Leading

Leading adalah jarak antara garis dasar dengan typography. Leading yang benar dapat membantu pembaca dengan mudah berpindah dari satu baris teks ke baris teks yg lain.

Semoga artikel ini bermanfaat dan sampai jumpa di artikel selanjutnya. Bye!😉