Seringkali kita menemukan sebuah interface yang terlihat menarik , bagus, clean dan elegan. Warna yang selalu mencuri perhatian ketika kita melihat sebuah interface UI. Artikel kali ini tentang cara menggunakan warna di dalam design dengan bijak.

Warna itu dapat berbicara, seperti sebuah bahasa. Coba anda bayangkan ketika anda mengunjungi sebuah situs. Yang selalu memberi kesan pertama anda adalah bergantung dari warna yang digunakan pada website tersebut.

Jadi, apa sih sebenarnya dampak ketika menggunakan warna dengan bijak?

1. Dapat Merefleksikan Kepribadian Dari Sebuah Brand

Sebuah penelitian yang dilakukan CCICOLOR, menyimpulkan bahwa user hanya membutuhkan waktu 90 detik untuk mengestimasi sebuah product secara online dan antara 62% dan 90% dari penilaian awal mereka adalah pada colorscheme.

2. Dapat Memberikan User Pengalaman Yang Lebih Baik

Plihan warna yang tepat dapat mendukung kejelasan dari informasi yang disampaikan. Selain itu, dapat meningkatkan navigasi, merangsang interaksi intuitif, memuaskan kebutuhan estetika dan memberikan solusi secara visual. Secara keseluruhan, untuk menciptakan style yang jelas dan harmonis sehingga dapat memenuhi kebutuhan user.

3. Dapat Mempengaruhi Keputusan Untuk Membeli

Menurut Kissmetrics, tampilan visual dari suatu product merupakan faktor kunci untuk mempengaruhi keputusan pembelian user (konsumen). Penelitian dari QuickSprout menunjukkan bahwa 90% dari semua penilaian dari sebuah product berkaitan dengan warna. Saat ini banyak perusahaan menggunakan warna pada design UI sebagai salah satu strategi pemasaran mereka.

4. Fundamental Concept Tentang Warna

Setiap warna memilki makna yang unik.

masukkan judul gambar

5. Trik Penggunaan Warna Yang Bijak

1. Memilih Warna Yang Tepat Dengan Pattern Yang Tepat

Warna yang berbeda mengandung makna yang berbeda pula. Pilihlah warna yang tepat, saat yang tepat, dengan pattern yang tepat, dengan user yang tepat dan target tujuan yang tepat. Jika anda ingin menggunakan sebuah warna tertentu, perhatikan grafik di atas. Kecuali anda ingin mengambil resiko (unik).

masukkan judul gambar

2. Perhatikan Warna Biru

Lihat saja beberapa situs yang palling umum Facebook, Twitter, Microsoft, Safari dll. Warna yang digunakan adalah warna Biru. Menurut penelitian warna biru adalah warna No. 1 yang disukai oleh wanita maupun laki-laki. Warna biru merupakan warna yang aman, dapat menumbuhkan rasa trust pada user. Jika anda tidak memiliki pilihan warna yang baik, gunakan saja warna biru.

masukkan judul gambar

3. Variasi Warna Antara Latar Belakang dan Element Yang Ada

masukkan judul gambar

Bagaimana cara melakukannya ? Dengan aturan yang sederhana :

"Variasi warna yang gelap dibuat dengan menurunkan brightness dan meningkatkan saturation nya. Variasi warna yang lebih cerah dibuat dengan meningkatkan brightness menurunkan saturation nya"

4. Golden Ratio Pada Proporsi Warna , The Golden Rule (6:3:1)

Ingat, hanya 2 prinsip :

Yang Pertama, Rule = 6:3:1

Prinsip 60% + 30% + 10% adalah proporsi terbaik untuk mencapai keseimbangan antara warna.

Yang Kedua : Max 3 Warna Primer

Aturan ini sesuai dengan The Golden Rule (6: 3: 1). Ini juga merupakan cara yang baik untuk menghindari kekacauan dan tetap seimbang dalam skema warna anda.

masukkan judul gambar

5. Kombinasi Warna : Clean dan Eye-Friendly

Ada beberapa faktor yang perlu dipertimbangkan :

Pertama : Tints, Shades dan Tones.
Kedua : Contrast

masukkan judul gambar

6. Black, white dan elegant

Warna hitam adalah warna terkuat dari semua warna yang netral, sedangkan warna putih adalah warna latar belakang yang paling banyak digunakan. Skema warna ini paling banyak digunakan pada sebuah website.

masukkan judul gambar

7. Dapatkan Inspirasi Dari Alam dan Seni

Alam dan Seni adalah sumber utama inspirasi dari sebuah warna.

masukkan judul gambar

8. Warna Ternyata Dapat Mewakili dari Gender Manusia

masukkan judul gambar

4. Tools dan Templates

1) Coolors.co

masukkan judul gambar

2) Mockplus

masukkan judul gambar

3) Paletton

masukkan judul gambar

4) Check my Color

masukkan judul gambar

 

Sumber :
https://uxdesign.cc/how-to-use-color-in-ui-design-wisely-to-create-a-perfect-ui-interface-2af42f901f4