Tentang UI Guideline?—?Bagian 2

11 Agustus 2019 | Dwinawan via medium

---

Ini adalah artikel lanjutan mengenai UI Guideline. Artikel sebelumnya bisa disimak disini Pada bagian ke-2 ini kita akan membahas beberapa hal berikut: Bagaimana membuat UI Guideline? Membuat UI Guideline untuk Warna Membuat UI Guideline untuk Typography Mari kita mulai… Sebelum membuat UI Guideline, mari kita pahami kembali apa fungsi UI Guideline, yaitu memandu kita saat membuat sebuah design. Memandu seorang designer dalam membuat tombol Memandu seorang designer dalam menggunakan font Memandu seorang designer dalam menggunakan warna Karena UI Guideline adalah sebuah panduan, rasa rasa nya lebih pas kalau kita bikin UI Guideline nya terlebih dahulu baru membuat design UI nya. Terasa masuk akal, tapi coba kita telaah… “Bagaimana mungkin kita bisa membuat aturan bahwa ukuran teks sebesar 20px cocok digunakan sebagai heading sementara kita belum pernah mengimplementasikan nya ke dalam sebuah design UI?” Kalau menurut saya, Iya. Buat 3–4 halaman design UI terlebih dahulu Coba semua font yang menurutmu bagus. Coba semua ukuran font yang menurutmu cocok dan enak dibaca Untuk warna, Jika kamu mengerjakan project klien maka ikuti brand color nya. Lalu tambahkan beberapa warna yang menurutmu bisa sesuai dengan brand color nya. Coba eksplorasi bentuk tombol yang menurutmu bagus seperti apa Setelah membuat beberapa design, kita bisa mulai membuat UI Guideline dimulai dari beberapa hal berikut… Mari membuat daftar warna apa saja yang digunakan. Dari design diatas, berikut adalah warna yang digunakan Setelah membuat daftar warna yang digunakan, kita bisa melihat bahwa untuk warna hitam, terdapat 3 warna yang berbeda Hitam Pekat Hitam Normal Hitam Terang Dan untuk warna abu abu juga terdapat 3 warna yang berbeda Abu abu Pekat Abu abu Normal Abu abu Terang Untuk warna biru, baru terdapat 2 warna yang berbeda Biru Normal Biru Terang Untuk Hijau, baru terdapat 2 warna yang berbeda Hijau Normal Hijau Terang Sampai di tahap ini kita bisa menyimpulkan bahwa untuk sebuah warna kita membutuhkan 3 macam warna yaitu Pekat, Normal dan Terang. Melihat kebutuhan tersebut kita bisa menyediakan 3 tingkat untuk setiap warna. Sehingga UI Guideline untuk warna menjadi seperti berikut… Setelah itu kita beri nama dan beri keterangan hexa code nya agar lebih jelas, sehingga menjadi seperti dibawah ini… Bentar… Itu warna merahnya kok sudah ada versi terang dan pekat nya? gimana cara menentukan nya? Tenang, untuk daftar warna nya ini hanya sementara, masih bisa mengalami perubahan seiring banyak nya halaman halaman yang dibuat. Jadi warna merah pekat yang kita tentukan sekarang bisa saja berubah ketika setelah…. IndonesiaIT 2019, [...], Artikel ini di ambil dari feed medium, untuk pengalaman baca yang lebih baik, silahkan kunjungi situ aslinya. IndonesiaIT - Software Developer Terbaik. Baca Selengkapnya.