Aturan Standar Typography Web di Figma

OKEGUYS – Standar Typography Web di Figma itu seperti apa sih? Meskipun terdengar sepele, tapi typograhpy ini juga adalah basic dari web desain loh.

Jadi kamu harus memperhatikan bagian ini dengan seksama, tentunya agar desain user interface kamu bisa dinikmati dengan baik.

Langsung aja simak standarisasi typography dalam desain user interface a.k.a UI di aplikasi Figma.

Standar Typography

Tipografi adalah salah satu aspek terpenting dari sistem desain yang haru kamu pahami, banyangkan aja nih berapa banyak informasi yang akan kamu komunikasikan kepada pengguna melalui teks. Teks dapat menjelaskan 85-90% dari setiap layar yang diberikan.

Tipografi sering kali merupakan salah satu komponen dasar yang ingin kamu tangani karena harus bekerja secara harmonis dengan elemen lain seperti ikon dan kontrol UI. Ketinggian garis kamu bahkan dapat memengaruhi banyak elemen struktural lainnya seperti jarak dan grid.

Memilih Typography

Ada banyak pertimbangan saat memilih tipografi, terutama untuk digunakan di layar. Kamu mungkin juga perlu bekerja secara tim untuk mengakomodasi tipografi merek atau produk dan menentukan bagaimana mereka akan cocok dengan sistem.

Dalam hal ini, kamu mungkin ingin memasangkannya dengan jenis huruf yang lebih terbaca untuk sebagian besar tipografi yang akan muncul dalam ukuran yang lebih jelas.

Memilih Font dan Styles

Pertimbangkan berapa banyak bobot atau variasi yang kamu perlukan untuk membuat hierarki ringkas di layar yang paling kompleks. yang mana yang paling cocok untuk menggunakan versi bold atau simple.

Seberapa sering kamu akan menggunakan Styles tertentu di UI? Misalnya, jika kamu memiliki satu atau dua aplikasi yang sangat kecil untuk varian miring, mempertimbangkan pro dan kontra memuat font web tambahan vs memanfaatkan browser yang dirender miring.

Selain itu, cari peluang di mana kamu mungkin dapat mencapai efek yang sama pada hierarki dengan meningkatkan ukuran jenis bahkan dengan menggunakan font tambahan.

Dari semua aspek tersebut adalah standar Typography web di Figma yang bisa kamu pahami dan terapkan kedalam web desain kamu nih Guys.