Hal yang diperhatikan dalam UI? Emang ada?
Halo temen – temen semua, temen temen sudah tau belum sih kalau ternyata selama ini aplikasi yang kita buat itu ada sebutannya sendiri loh, kalo dari tampilannya biasanya di sebut sebagai UI atau User Interface. Nah ternyata supaya tampilan paliasinya memuaskan dan enak dilihat ada beberapa hal yang harus di perhatikan dalam penataan UI Design itu sendiri loh~. Gimana? penasaran kan? yuk kita simak apa saja yang harus di perhatikan dalam pembuatan UI.
Oh iya perlu di catat ya bahwa hal hal yang akan ku beritahu ini merupakan hal dasar dan aku gak bahas semuanya soalnya kebanyakan hehe, jadi wajar saja kalau semisal ada perbedaan pendapat
Hal - Hal Yang perlu diperhatikan dalam penyusunan UI
Layout :
Yang pertaama ada layout, seperti namanya tata letak yang berarti hal yang harus diperhatikan untuk penataan letak suatu komponen layout terdiri dari 6 hal yang utama yaitu :
– Columns, columns adalah bagian artiral pada sebuah layout yang dipisahkan oleh garis tebal atau ruang kosong
– Gutters, gutters adalah ruang hasil himpitan columns untuk memberi jarak antar columns pada sebuah layout
– Margin, margin adalah jarak antar tepi ujung layout
– Padding, padding adalah ruang antar elemen dalam sebuah komponen
– Dimension, Luas lebar dan tinggi elemen dalam satu komponen
– Alignment, Adalah penempatan objek dalam satu elemen, alignment sendiri memiliki 3 jenis yaitu rata kanan, rata kiri, dan centered. Gambar dibawah adalah contoh alignment dalam jenis centered
Typography
Typography adalah teknik memilih dan menata huruf dengan pengaturan penyebarannya pada ruang yang tersedia, untuk menciptakan kesan tertentu dalam memudahkan user untuk membaca. Ada beberapa hal yang harus diperhatikan dalam penggunaan teks atau typography diantaranya adalah :
– Type Scale, adalah bentuk ukuran untuk menyesuaikan teks seperti headline, body, button, caption dan overline
– Classification, adalah kegunaan font berdasarkan bentuknya seperti, Serif yang memiliki kait seperti sepatu pada bagian ujung hurufnya jenis huruf ini berbentuk classic dan cocok untuk berita. Atau Sans serif kebalikan serif tidak memiliki kait seperti sepatu pada ujung hurufnya dan Font ini bertipe modern
– Letter Spacing, jarak antar huruf untuk memudahkan user dalam membaca
– Line Height, jarak antar baris
– Paragraph Spacing, jarak antar paragraf
– Type Alignment, adalah perataan teks dan ada 3 jenis pertama ada rata kanan, kiri dan rata tengah
Iconography
Komponen pada UI yang memiliki 2 fungsi yaitu Action yang berfungsi untuk memberikan penjelasan mengenai action yang bisa dilakukan seperti NavBar, Action biasanya berukuran 24px dan Information yang berukuran 18px, berfungsi untuk memberikan informasi mengenai suatu hal contoh lokasi dalam aplikasi travel. Iconography ada dua tipe yang biasa di pakai yaitu :
– Filled Icon, icon yang memiliki warna di dalamnya
– Outlined Icon, icon yang tidak memiliki warna atau hanya terdiri dari garis luar saja
Dan masih banyak yang lainnya lagi, seperti design style, Color, UI Element dan lain lain tapi seperti yang kusebutkan tadi, karena tidak bisa kusebutkan semua satu persatu maka kurang lebih ke 3 hal inilah yang perlu di perhatikan, kalau begitu sampai bertemu di artikel selanjutnya dan see you : )