Pengaruh dengan Desain – Panduan untuk Warna dan Emosi

Diterbitkan: 2022-03-11

Melihat merah. Merasa sedih. Hijau dengan rasa iri.

Idiom populer menunjukkan bahwa orang telah lama mengasosiasikan warna dengan emosi yang mereka bangkitkan. Orang mengasosiasikan merah dengan kemarahan (atau nafsu), biru dengan depresi, dan setidaknya sejak zaman Shakespeare, hijau dengan kecemburuan. (Dia merujuk warna hijau dalam kaitannya dengan kecemburuan setidaknya tiga kali dalam karyanya.)

Desainer UX dapat memanfaatkan warna dengan efek luar biasa untuk memengaruhi emosi orang serta perilaku mereka yang sebenarnya. Warna memiliki efek tunggal terbesar pada bagaimana orang memandang desain, namun terlalu banyak desainer tidak menghabiskan waktu dan upaya yang diperlukan untuk membuat palet warna dengan benar untuk proyek mereka.

Itu menghasilkan banyak upaya yang sia-sia dan palet warna yang tidak selalu memengaruhi respons yang diinginkan terhadap suatu produk. Dan dalam skenario terburuk, warna dapat mematikan orang bahkan ketika segala sesuatu tentang desain dioptimalkan.

Apakah Ada Warna Positif dan Negatif?

Ada ide umum di luar sana bahwa beberapa warna pada dasarnya positif atau negatif. Paling sering, warna hangat (kuning, merah, dan oranye) dianggap positif, sedangkan warna dingin (biru, hijau, dan ungu) dianggap negatif.

Namun, asosiasi tersebut bukanlah aturan yang keras dan cepat. Misalnya, merah (warna hangat), dapat membangkitkan perasaan marah atau bahaya (mempertimbangkan monolog Holly Golightly tentang "merah jahat" dalam Breakfast at Tiffany's ), sedangkan hijau (warna dingin) dapat membangkitkan perasaan pertumbuhan dan awal yang baru. Inilah salah satu alasan mengapa psikologi warna dan teori warna begitu kompleks. Ada faktor-faktor yang tampaknya tak ada habisnya yang dapat mempengaruhi bagaimana suatu warna dipersepsikan dan bagaimana hal itu mempengaruhi perilaku dan pemikiran manusia.

Perbedaan budaya juga dapat memiliki efek mendalam pada makna warna. Dalam banyak budaya barat, putih sebagian besar diasosiasikan dengan kemurnian dan kedamaian, namun di beberapa negara Asia, putih diasosiasikan dengan kematian dan duka.

Sangat penting bagi desainer untuk memperhatikan bagaimana warna dalam palet mereka bekerja selaras satu sama lain, dan bagaimana setiap warna memengaruhi warna lain di sekitarnya.

Efek Psikologis Warna

Warna-warna hangat cenderung menyegarkan dan hidup. Mereka biasanya memberi energi dan dapat menambah kehidupan pada desain. Alih-alih menyatu dengan latar belakang, warna-warna hangat “muncul” di layar atau halaman dan cenderung menjadi yang terdepan dalam sebuah desain.

Skema warna hangat muncul dengan latar belakang hitam
Palet warna krem ​​​​merah dan hangat di halaman beranda aplikasi Hourly menghasilkan energi dan urgensi yang tidak akan dibuat oleh palet warna dingin.

Satu hal yang menarik untuk diperhatikan dengan warna-warna hangat adalah bahwa dua dari tiga warna primer (merah dan kuning) hangat, dengan oranye, warna sekunder, menjadi kombinasi dari keduanya. Ini berarti bahwa sebagian besar, warna hangat adalah murni hangat, yaitu primer, dan tidak dapat dicampur dari warna lain.

Warna-warna dingin lebih mungkin daripada warna-warna hangat untuk dianggap tenang. Namun, tidak selalu demikian, terutama karena hijau dan ungu, yang merupakan warna sekunder, dibuat dengan menggabungkan warna dingin primer (biru) dengan warna hangat (kuning untuk menghasilkan hijau dan merah untuk menghasilkan ungu). Ini berarti bahwa meskipun rona tersebut dianggap “keren”, mereka dapat mengambil beberapa karakteristik dari aspek hangatnya.

Arti warna: Biru tenang dan dapat dipercaya
Biru yang menenangkan dari situs gin Whitetail memberikan kesan relaksasi.

Hijau, terutama versi yang lebih terang dan lebih cerah, dapat dikaitkan dengan kehidupan dan energi positif. Ungu, terutama jika warnanya lebih cerah (seperti fuschia) atau lebih terang (seperti lavender), bisa menjadi warna yang sangat hidup.

Mengubah nilai rona mengubah asosiasi warna
Nilai yang lebih cerah (seperti ungu cerah dan fuschia) memberi warna dingin lebih banyak energi.

Warna-warna netral (coklat, cokelat, abu-abu, putih, dan hitam) cenderung memiliki karakteristik warna yang dipadukan dengannya, meskipun warna tersebut juga dapat meredam atau meningkatkan efek tersebut. Misalnya, menggabungkan warna-warna hangat dengan putih dapat menciptakan desain yang tampak lebih ringan (dalam hal bobot, tidak hanya dalam hal semangat keseluruhan) dan tanpa beban. Menggabungkan warna-warna hangat yang sama dengan hitam dapat membuatnya tampak lebih intens dan dramatis. Menggabungkan warna keren dengan hitam bisa membuatnya lebih misterius, sementara memadukannya dengan putih bisa membuatnya lebih tenang dan santai.

Pengaruh Warna Terhadap Perilaku Konsumen

Warna dapat memengaruhi suasana hati atau pikiran seseorang, tetapi dapatkah warna juga memengaruhi perilakunya?

Ya, tentu saja.

Pemasar telah lama mengandalkan warna untuk mempengaruhi konsumen mengambil tindakan tertentu. Itu sebabnya tanda-tanda di jendela toko yang dimaksudkan untuk menarik perhatian orang yang lewat sering kali berwarna kuning, dan harga jual sering kali dilambangkan dengan warna merah.

Banyak dari pilihan ini lebih didasarkan pada tradisi daripada ilmu pengetahuan, tetapi pada gilirannya telah menciptakan harapan di antara konsumen. Ketika mereka melihat harga merah, mereka berasumsi bahwa apa pun yang mereka lihat sedang dijual atau dibebaskan. Ketika mereka melihat tanda kuning di jendela, mereka meluangkan waktu untuk membacanya karena mereka berharap itu akan mencakup informasi terkait (kuning adalah salah satu warna yang paling terlihat oleh mata manusia, sehingga secara alami menarik perhatian).

Efek psikologis warna: Merah dikaitkan dengan penjualan
Situs web ASOS menggunakan warna merah untuk menunjukkan harga jual, menandakan kepada pelanggan bahwa mereka mendapatkan penawaran yang bagus.

Berikut adalah ikhtisar singkat tentang bagaimana setiap rona memengaruhi perilaku konsumen (informasi lebih rinci tentang penggunaan warna untuk pemasaran dapat ditemukan di infografis dari Suyati ini).

  • Merah sangat terkait dengan pembelian dan penjualan. Jika digunakan terlalu banyak, itu bisa membuat beberapa pelanggan menjauh.
  • Oranye dapat digunakan untuk ajakan bertindak tetapi juga dapat menyebabkan iritasi jika digunakan secara berlebihan. Inilah sebabnya mengapa tidak sering terlihat di luar logo atau warna aksen.
  • Kuning menarik fokus dan menarik perhatian konsumen.
  • Hijau mudah diproses oleh mata manusia, dan karena itu sering digunakan untuk menciptakan rasa relaksasi. Ini juga sangat terkait dengan uang dan keberuntungan.
  • Biru adalah warna favorit dunia, jadi tidak mengherankan jika biru digunakan secara luas dalam segala jenis komunikasi. Ini juga sangat terkait dengan loyalitas, kejujuran, dan kekuasaan, menjadikannya pilihan populer untuk perusahaan besar dan bisnis di industri yang lebih konservatif (seperti perbankan dan asuransi).
  • Ungu banyak digunakan dalam industri produk kecantikan, meskipun juga terlihat diasosiasikan dengan barang-barang mewah (seperti Asprey, yang bahkan menamai parfum khasnya Purple Water).
  • Hitam umumnya canggih dan elegan saat digunakan dalam pemasaran. Ini digunakan secara luas dalam komunikasi di sebagian besar industri.
  • Putih sering dikaitkan dengan kebersihan, dan karena itu populer di industri perawatan kesehatan. Ini juga digunakan dalam industri teknologi karena hubungannya dengan kesederhanaan.
  • Abu-abu juga dikaitkan dengan kesederhanaan, dan sering digunakan oleh pemasar untuk menenangkan dan menenangkan konsumen.

Sekali lagi, efek masing-masing warna pada perilaku konsumen sangat dipengaruhi oleh cara penggunaannya serta konteks kontennya.

Dicari desainer UI lepas penuh waktu yang berbasis di AS

Membuat Palet Warna yang Kuat Secara Emosional

Banyak desainer UX berpikir bahwa warna tertentu “tidak dapat” digunakan dalam situasi tertentu. Pemikiran seperti itu sudah ketinggalan zaman dan tidak memiliki tempat dalam desain modern.

Mari kita lihat Pantone's Color of the Year 2019: Living Coral. Ini adalah rona yang kuat, dan yang mungkin dihindari oleh banyak desainer untuk banyak proyek. (Catatan: Saya tidak menganjurkan melompat pada kereta musik khusus ini hanya demi mengikuti tren, tetapi ini adalah titik awal yang baik untuk percobaan.)

Lagi pula, tempat apa yang dimiliki Living Coral pada sesuatu seperti situs web perbankan atau situs web yang menjual pakaian pria (walaupun alat peraga untuk pria di luar sana yang dapat mengguncang setelan karang)? Tetapi di sini ada palet warna yang dapat digunakan untuk berbagai industri yang menggabungkan Karang Hidup, hanya untuk membuktikan bahwa hampir semua warna dapat digunakan untuk proyek apa pun yang diinginkan desainer bila digunakan dalam konteks yang tepat.

Tidak yakin bagaimana ini membantu? Pikirkan tentang klien yang datang ke desainer dengan sebuah proyek dan bersikeras bahwa "warna merek" tertentu digunakan, meskipun warna itu mengerikan.

Berikut adalah empat contoh palet warna yang menggabungkan Living Coral, cocok untuk berbagai industri.

Warna dan merek: palet warna yang kreatif
Palet warna ini menyenangkan dan funky. Ini akan bagus untuk situs yang ditujukan untuk anak-anak atau kegiatan kreatif.


Kombinasi warna terbaik untuk situs perusahaan
Ini adalah palet yang bagus untuk industri tradisional seperti hukum, perbankan, atau asuransi, tetapi penambahan Living Coral memberikan perasaan yang lebih mudah diakses dan dapat membantunya menarik audiens yang lebih muda.


Teori warna untuk desainer: Hampir semua warna dapat dimasukkan ke dalam merek
Palet ini lebih diredam dan akan sangat bagus untuk perusahaan pakaian atau situs lain di mana kontennya harus lebih menonjol daripada elemen desain.


Efek psikologis warna bisa sangat mendalam
Palet ini terasa tradisional (bayangkan musim panas di Cape Cod) sekaligus juga terasa segar dan santai.

Empat palet berbeda, empat perasaan yang sama sekali berbeda. Jenis eksperimen yang sama dapat dilakukan pada hampir semua warna.

Cara lain untuk menggabungkan warna yang tampaknya tidak harmonis dalam sebuah desain adalah dengan mengubah nilai rona dengan menambahkan hitam, abu-abu, atau putih ke dalamnya.

Asosiasi warna dapat diubah dengan menambahkan hitam, putih, atau abu-abu
Warna-warna cerah di sebelah kiri dapat mengubah dampak emosionalnya dengan menambahkan (dari kiri ke kanan) hitam, abu-abu, atau putih.

Menciptakan warna yang lebih kalem (menambahkan warna abu-abu) akan membuat kesan lebih santai. Menambahkan hitam untuk menggelapkan warna memberikan perasaan yang lebih tradisional atau konservatif. Menambahkan warna putih ke warna terang memberi mereka perasaan yang lebih polos dan damai.

Salah satu bagian yang paling diabaikan dari teori warna adalah kemampuan desainer untuk mempercayai insting mereka. Warna sangat subjektif dan, meskipun ada pedoman tertentu, itu masih merupakan bidang desain yang relatif belum dipelajari.

Desainer harus mengikuti naluri mereka dalam mencoba berbagai palet warna dan ide, dan kemudian melakukan pengujian pengguna untuk membuktikan apakah naluri mereka benar atau tidak. Pengujian pengguna, pengujian A/B, dan metode pengumpulan data lainnya tentang kemanjuran berbagai palet warna sangat berharga dalam membuat desain akhir.

Kesimpulan

Hubungan antara warna dan emosi adalah salah satu aspek terpenting dari desain UX yang baik. Palet warna yang tepat mendorong orang untuk mengambil tindakan di situs atau dengan aplikasi yang diinginkan oleh desainer, sedangkan palet yang salah dapat membuat pengunjung menjauh sebelum mereka melakukan tindakan apa pun.

Memilih palet warna yang tepat adalah bagian dari seni dan bagian dari sains. Ketika datang untuk merancang palet awal, desainer harus mengikuti naluri mereka bersama dengan penelitian yang tersedia, dan kemudian menguji dan menguji ulang untuk menjamin palet warna memperkuat tujuan keseluruhan desain.

•••

Bacaan lebih lanjut di Blog Desain Toptal:

  • Spektrum Kemungkinan: Panduan Warna Go-To UI
  • Psikologi Desain dan Ilmu Saraf dari UX yang Luar Biasa
  • Sebab dan Akibat – Menjelajahi Psikologi Warna
  • Desain untuk Emosi untuk Meningkatkan Keterlibatan Pengguna
  • Peran Warna dalam UX