fbpx

UI Tips: Gimana Sih Cara Kombinasiin Warna Buat UI Design?

Dalam pembuatan UI, warna adalah salah satu tahap dimana desainer selalu memakan berjam-jam dalam memilih palet warna yang cocok. Disini kita akan membahas beberapa cara untuk membantu desainer  dapat memilih warna yang kuat untuk UI dan mempercepat proses agar lebih produktif. Ketika berbicara tentang referansi UI maka ada beberapa tempat seperti pinterest, behance, ui8, dll. Namun dribble adalah tempat terbaik, karena di sana ada alat untuk mencari warna sehingga ketika anda ingin melakukan penelitian visual tentang bagaimana warna tertentu digunakan oleh desainer lain, Berikut Roketin akan memberikan tipsnya!

Kekuatan ajaib warna

Warna bisa berbicara, sekuat bahasa. Anda tidak bisa membantah tentang itu. Pikirkan kembali setiap kali Anda menemukan situs atau produk, itu adalah tampilan visual, yang sangat bergantung pada warna, yang selalu memberi Anda kesan pertama.

Jadi, warna apa sebenarnya yang bisa dilakukan?

1) Merefleksikan kepribadian sebuah brand

Warna dapat mengatur tone dasar, mood, konotasi dan konsepsi suatu brand atau produk. Sebuah penelitian yang dilakukan oleh CCICOLOR mengatakan bahwa pengguna hanya membutuhkan waktu 90 detik untuk memperkirakan produk secara online, dan antara 62% dan 90% penilaian dari pandangan awal branda adalah pada skema warna.

2) Raih pengalaman pengguna yang lebih baik

Pilihan warna yang tepat dapat mendukung keterbacaan informasi yang lebih baik. Selain itu, dapat meningkatkan kegunaan secara tajam, seperti memperkuat ajakan bertindak, meningkatkan navigasi, merangsang interaksi intuitif, memenuhi kebutuhan estetika dan solusi visual. Secara keseluruhan, untuk menciptakan gaya yang jelas dan harmonis yang memenuhi kebutuhan pengguna.

3) Mempengaruhi keputusan pembelian

Menurut Kissmetrics, penampilan visual suatu produk merupakan faktor kunci yang mempengaruhi keputusan pembelian konsumen. Selain itu, penelitian dari QuickSprout menunjukkan bahwa 90% dari semua penilaian produk berkaitan dengan warna. Saat ini banyak perusahaan yang mengambil Colours, terutama warna dalam desain UI, sebagai salah satu strategi pemasaran branda.

Konsep dasar tentang warna UI

Setiap warna memiliki makna dan konotasinya yang unik dalam jangka panjang kehidupan manusia. Baca arti masing-masing bahasa, silakan lihat di sini.

Trik menggunakan warna UI dengan bijak

1. Pilih warna UI yang tepat dalam pola penggunaan yang benar

Semua orang tidak dapat mengatakan bahwa suatu warna “jelek”, hanya jika Anda salah menggunakannya, maka warna tersebut mungkin terlihat buruk. Bayangkan ini, jika Mcdonald’s menggunakan warna abu-abu dan hitam, bukan kuning dan merah, Anda masih lapar nafsu makan?

Warna yang berbeda menyampaikan arti dan indera yang berbeda. Gunakan dengan bijak berarti mencapai 5 “hak”: pilih warna yang tepat, di waktu yang tepat, dalam pola penggunaan yang benar, dengan pengguna yang tepat, dan targetkan tujuan yang tepat.

Description: Gambar untuk postingan

2. Perhatikan warna BIRU

Mengapa berbicara tentang biru?

Lihat saja Aplikasi atau situs yang paling sering Anda gunakan, Facebook, Twitter, Microsoft, Safari, dll. Apa isinya? Ya, Anda akan lihat, semuanya berwarna biru. Berbagai macam warna biru.

Menurut penelitian, biru adalah warna NO.1 yang disukai wanita dan pria. Biru seperti di mana-mana, di alam, di situs, di pakaian, dll. Biru jelas merupakan warna aman yang dapat menumbuhkan kepercayaan pengguna dan diterima, biru adalah contoh warna khas dalam desain UI. Jika Anda tidak punya pilihan yang lebih baik, gunakan saja warna biru.

Description: Gambar untuk postingan

3. Variasi warna UI antara latar belakang dan elemen

Lihat interface berikut:

Description: Gambar untuk postingan

Terlepas dari warnanya yang biru lagi, mari fokus pada variasinya. Warna temanya adalah Biru, dan elemen lainnya adalah variasi warna yang lebih gelap dan variasi warna yang lebih cerah. Tapi secara keseluruhan, branda terlihat bagus, harmonis dan bekerja sama satu sama lain.

Bagaimana cara melakukannya?

Hanya satu aturan sederhana:

“Variasi warna yang lebih gelap dibuat dengan menurunkan kecerahan dan meningkatkan saturasi. Variasi warna yang lebih cerah dibuat dengan meningkatkan kecerahan dan menurunkan saturasi. ”

Ini menggemakan apa yang dikatakan orang lain, Anda dapat memeriksa pengamatan yang sangat baik ini di sumbernya .

4. Rasio dalam proporsi warna – Aturan Emas (6: 3: 1)

Anda tidak dapat meninggalkan kombinasi warna sepenuhnya saat melakukan desain interface UI. Untuk menggabungkan warna dalam desain UI itu mudah, tetapi bagaimana cara menghindari kekacauan dan kelebihan beban? bagaimana menyingkirkan polos dan tetap pada kecanggihan?

Ingatlah 2 prinsip:

Yang pertama adalah: aturan 6: 3: 1

Prinsip 60% + 30% + 10% adalah proporsi terbaik untuk mencapai keseimbangan warna. Kriteria ini dapat bekerja sempurna dengan memupuk keseimbangan, rapi, interface harmonis yang membawa kesenangan bagi pengguna. Selain itu, dapat memudahkan mata pengguna untuk berpindah dengan nyaman dari satu titik ke titik berikutnya.

Yang kedua: maks 3 warna primer

Aturan-aturan ini sesuai dengan Aturan Emas (6: 3: 1). Ini juga cara yang baik untuk menghindari kekacauan dan menjaga keseimbangan dalam skema warna Anda.

Description: Gambar untuk postingan

5. Kombinasi warna UI dan Pelengkap: bersih dan user friendly

Apa yang penting saat memberikan skema warna yang harmonis? Ada beberapa faktor yang perlu diperhatikan:

Pertama, Tints, Shades, dan Tones

Berdasarkan “corak”, Anda dapat membuat banyak variasi perubahan pada roda warna. Ada triknya: menambahkan putih maka Anda bisa mendapatkan petunjuk, hitam untuk bayangan, dan abu-abu untuk nada. Dan di sini, saya sarankan menggunakan skema warna tunggal.

Kedua, Kontras UI

Kontras warna juga merupakan metode warna praktis dalam desain UI. Kontras dapat menimbulkan berbagai respon emosional dari pengguna. Warna di sisi berlawanan dari roda warna dapat menghasilkan kontras terkuat, seperti hitam dan putih. Kontras yang kuat dapat menarik konsentrasi dan ketegangan pengguna; sedangkan kontras terang dapat menghadirkan kenyamanan dan kesenangan dengan menampilkan desain yang santai dan kasual.

Berhati-hatilah untuk tidak menumpuknya, atau Anda menyebabkan masalah dan kebingungan bagi pengguna.

Description: Gambar untuk postingan

Warna tahu tentang gender

Ini seperti terlahir dengan cara ini, wanita tidak suka abu-abu, oranye, dan coklat. Branda menyukai warna biru, ungu, dan hijau, sedangkan pria tidak menyukai jingga, ungu, dan coklat. Pria menyukai warna biru, hijau, dan hitam. Ini pasti bencana jika Anda melakukan desain olahraga dengan warna ungu. Ingat saja, kapan pun Anda menargetkan pria, pilihlah warna yang menyampaikan kejantanan. Begitu pula dengan penggunaan warna feminin untuk desain yang sebagian besar digunakan oleh wanita.

Dan satu lagi, merah muda bukanlah warna wanita yang disukai secara universal!

Description: Gambar untuk postingan

Ingatlah kegunaan adalah segalanya

Menggunakan warna dalam desain UI dengan bijak dapat membuat interface UI yang cantik, tetapi membuat interface UI yang cantik tidak pernah menjadi tujuan akhir. Untuk mencapai tujuan pengalaman pengguna yang luar biasa yang dapat membuat hidup pengguna lebih bahagia adalah kuncinya. Jadi, dalam perspektif pilihan warna dan penggunaan di UI, desainer harus selalu ingat bahwa interface harus sangat berguna dan jelas. Selamat Mencoba!

Share

Share on facebook
Share on twitter
Share on linkedin
Share on email
Close Menu