Foundation

The must-know basic technical UI design recipe

Pada bagian utama dari guideline technical design sebelumnya, disebutkan bahwa unsur-unsur dasar desain UI mencakup grid, column, warna, tipografi, jarak (space, margin, padding), icon, dan lain sebagainya. Namun untuk desain UI mobile yang diterapkan oleh Rolling Glory, ada 4 unsur yang harus dicetak tebal, yaitu:

Unsur utama desain UI

Tipografi, meliputi hirarki tipografi, referensi font family yang digunakan di tiap platform, serta penggunaannya dalam desain UI aplikasi mobile.

Typography

Spacing, berisi anjuran besaran jarak (margin, padding) antar komponen.

Spacing

Color, referensi warna pada guideline iOS dan Android (Material) serta aturan light/dark mode pada aplikasi.

Color

Grid/Column, acuan dasar dalam menentukan bentuk layout yang nantinya akan dibuat.

Grid & Column