Menentukan Kombinasi Warna UI Aplikasi Mobile

Dalam sebuah aplikasi, warna merupakan sebuah komponen yang sangat berperan penting. Pemilihan kombinasi warna UI aplikasi mobile dapat menentukan kesuksesan dari aplikasi tersebut. Warna juga akan menentukan aspek user experience dari pengguna. Selain itu, warna juga dapat berperan sebagai identitas dari aplikasi. Oleh karena itu jangan sampai komponen warna di dalam aplikasi tidak sesuai.

Setelah di postingan sebelumnya kita kenalan sama beberapa Framework UI disini, kita perlu juga mendesain kombinasi warna. Untuk menentukan dan mencari kombinasi warna yang tepat, kita dapat menggunakan sebuah tools yang dapat mempermudah untuk melihat kombinasi warna yang tepat untuk diterapkan dalam aplikasi. Tools tersebut adalah Color Tool – Material Design yang dapat anda buka disini.

Bagian-bagian Color Tool – Material Design

material tool design

Dari beberapa bagian tersebut kita dapat lihat ada beberapa yang perlu diketahui

  1. Menu User Interface digunakan untuk melihat hasil kommbinasi warna jika diterapkan pada aplikasi. Anda dapat menggeser (bagian <   2/6   >) untuk melihat pada tampilan yang lainnya.
  2. Menu Accessbility digunakan untuk melihat kesesuaian warna font jika diterapkan pada backgroud warna dari aplikasi yang dipilih.
  3. Terdapat dua pilihan untuk grub warna, kita dapat memilih palette standar dari Material atau memilih Custom untuk pilihan warna yang lain.
  4. Pilih untuk penentuan warna yang akan diterapkan pada aplikasi, sebelumnya pilih atau klik dahulu untuk warna primary atau secondary (bagian no 5 dan 6)
  5. Warna Primary dari aplikasi yang telah ditentukan warnanya
  6. Warna Secondary dari aplikasi yang telah ditentukan warnanya
  7. Warna text dari backgroud warna Primary
  8. Warna text dari backgroud warna Secondary
  9. Reset All digunakan untuk mengembalikan ke posisi awal sebelum di pilih warna-warnanya

Kita dapat melakukan pengujian-pengujian warna yang menurut kita sudah pas. Perlu diingat dalam memilih warna juga harus memperhatikan banyak aspek, kita dapat belajar melalui link ini.

Sampai sini untuk pembahasannya. Silakan coba-coba melakukan pemilihan kombinasi warna yang sesuai dengan aplikasi yang akan dibangun. Goodluck.

Spread the word. Share this post!

Leave Comment

Your email address will not be published. Required fields are marked *

error: Content is protected !!