Typography? Penting kah bagi seorang UI Designer? (Bagian #1)

Published in

Illiyin Studio

4 min readDec 29, 2018

Hai, pada tulisan kali ini akan membahas mengenai Typography? Penting kah bagi seorang UI Designer?. Untuk teman-teman yang belum kenal saya silakan kenalan di artikel sebelumnya. Mari kita bahas yuk.

Apa itu Typography?

Pertama, Typography adalah bagian terpenting dari sebuah design, dalam buku The Elements of Typographic Style karya Robert Bringhurst seorang typographer dari kanada mengatakan The Elements of Typographic Styledefines 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 bisa teman-teman baca pada https://id.wikipedia.org/wiki/Tipografi.

Peran Typography dalam design?

Typography dalam desain itu sangat penting ya guys, why? bayangkan saja sebuah website/mobile tanpa element typography? aneh bukan? tapi tetap saja typography dan tampilan harus difikirkan dengan baik ya. Jadi, untuk desainer jangan mengabaikan masalah typography (termasuk saya sebelum sadar akan pentingnya typography 😀). Karena typography yang efektif adalah kunci dari desain yang kuat.

Typography yang efektif tidak hanya bergantung pada kontennya tetapi juga presentasi akan typography itu sendiri, mulai dari ukuran, lebar, warna, dan struktur font. Dengan typography kita dapat mengirim pesan tertentu dengan memilih font yang sesuai kebutuhan kita kepada pengguna. Maka dari itu typography sangat membantu desain untuk berkomunikasi dengan pengguna.

Elemen Typography yang penting

Typography sendiri memiliki beberapa elemen penting guys dalam proses pembuatan typography yang diperlukan, yuk mari kita 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. mari kita bahas yuk, 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.