Setiap layar yang Anda gunakan dirancang oleh seseorang: layar beranda aplikasi perbankan, kotak pencarian, halaman pengaturan. Desain UI adalah disiplin yang menentukan bagaimana layar tersebut diatur, seperti apa tampilan setiap kontrol, dan bagaimana responsnya saat Anda menyentuhnya.
Seorang desainer UI bekerja dengan beberapa elemen penyusun. Tata letak dan jarak mengelompokkan hal-hal yang terkait menjadi satu. Hierarki visual membuat tindakan yang paling penting menjadi menonjol. Tipografi dan warna membawa makna dan merek. Komponen seperti tombol, input, kartu, dan menu dirancang satu kali dan digunakan kembali, sehingga produk terasa konsisten.
Setiap komponen juga memiliki status. Sebuah tombol memiliki status default, arahkan kursor, tekan, fokus, nonaktif, dan muat, dan masing-masing memerlukan desain. Mengabaikan status adalah salah satu alasan paling umum mengapa desain terlihat selesai di maket tetapi terasa rusak di produk sebenarnya.
Interaksi dan gerakan juga merupakan bagian dari UI. Respons kecil, yang sering disebut interaksi mikro, mengonfirmasi bahwa ketukan berhasil, menunjukkan kemajuan, atau menjelaskan arah tujuan. Mereka harus cepat dan terarah, serta menghormati pengaturan sistem untuk mengurangi gerakan.
Sebagian besar desain UI saat ini menggunakan Figma, dengan Penpot, Sketch, dan Lunacy sebagai alternatif umum. Untuk antarmuka yang perlu bereaksi terhadap data nyata dan masukan dalam aplikasi yang sudah jadi, desainer juga menggunakan alat interaktif. ExodeUI, yang kami buat, adalah satu: menyimpan status, fisika pegas, dan peristiwa dalam satu file terbuka yang berjalan di React, Vue, Svelte, Angular, Solid, React Native, SwiftUI, dan Flutter.