Psikologi Warna Pada Desain Grafis

Ada 50 Komentar Seru

Oleh: Richard Fang

16 February 2010

psikologi_warna_pada_desain_grafis

Warna berfungsi untuk memberikan vibrasi tertentu di dalam suatu desain. Begitu hebatnya kekuatan warna, sehingga bisa memberikan efek psikologis kepada semua orang yang melihatnya. Malah di dalam terapi kesehatan, warna tertentu di gunakan untuk membantu pasien menjadi lebih cepat sembuh, menarik kan?

Kali ini kita akan membahas tentang psikologi warna di dalam desain grafis (contoh yang saya berikan akan berbentuk desain website karena kebetulan saya bergelut di bidang ini) tapi tidak berarti efeknya akan berbeda dengan print atau media yang lain, efek dasarnya akan tetap sama.

Merah

psikologi_warna_merah

Merah adalah warna yang kuat sekaligus hangat. Biasanya di gunakan untuk memberikan efek psikologi ‘panas’ , ‘berani’ , ‘marah’ dan ‘berteriak’. Beberapa studi juga mengindentifikasi merah sebagai warna yang sexy.

Di dalam desain, kita bisa menggunakan warna merah sebagai aksen karena sifatnya yang kuat. Misalnya, foto hitam putih di berikan aksen warna merah sedikit saja sudah bisa membuat foto tersebut menjadi terlihat berbeda.

psikologi_warna_merah_contoh

Hijau

psikologi_warna_hijau

Hijau adalah warna yang tenang karena biasanya di kaitkan dengan lingkungan dan alam. Di dalam desain, kita bisa menggunakan warna hijau untuk memberikan kesan segar. Dan dengan mudah kita bisa memberikan nuansa membumi dengan kombinasi warna hijau dan coklat gelap.

Kalau warna merah di atas bisa di ibaratkan sebagai musik rock dengan hentakan keras dan cepat, maka warna hijau bisa di ibaratkan sebagai musik klasik (atau musik-musik meditasi). Maka itu berhati-hatilah memadukan merah dan hijau, karena akan sedikit bermasalah. Atau tambahkan saja kuning sehingga menjadi musik Reggae :P

psikologi_warna_hijau_contoh

Biru

psikologi_warna_biru

Biru adalah warna favorit para pria dan termasuk warna yang ‘dingin’. Kalau di dunia desain, biru sering di sebut “warna corporate” karena hampir semua perusahaan menggunakan warna biru sebagai warna utamanya. Tidak heran memang, karena biru merupakan warna yang termasuk tenang  dan bersifat penyendiri.

Efek lain warna biru adalah sering di anggap sebagai warna yang sedih (langit biru di malam hari?). Biru juga bisa di pakai untuk menurunkan nafsu makan, karena berkonotasi dengan racun. Jadi gunakanlah warna biru untuk mendesain box obat diet.

psikologi_warna_biru_contoh

Kuning

psikologi_warna_kuning

Kuning adalah warna yang ceria, menyenangkan dan menurut saya sedikit ‘melompat-lompat’. Tidak heran warna kuning identik dengan mainan anak-anak. Kuning juga biasanya di gunakan untuk mendapatkan perhatian dari orang yang melihat desain kita.

Karena begitu kuatnya warna kuning ini, seringkali di gunakan untuk mendapatkan perhatian orang. Ingat rambu lalu lintas yang memberikan tanda bahaya? Semua di dominasi warna kuning atau merah (yang masih satu garis keturunan).

psikologi_warna_kuning_contoh

Ungu

psikologi_warna_ungu

Ungu adalah warna yang memberikan kesan spiritual, kekayaan dan kebijaksanaan. Saya jadi ingat desain baju penyihir / dukun / sejenisnya di jaman medieval, kebanyakan di dominasi warna ungu. Ungu juga warna yang unik karena sangat jarang kita lihat di alam.

Dengan menggunakan warna ungu kita bisa memberikan kesan unik pada desain kita, baik kita menggunakan secara dominan atau hanya sebagai aksen saja. Kelemahannya adalah sangat susah di padukan dengan warna lain, kita harus ekstra memikirkan warna yang cocok bersanding dengan warna ungu.

psikologi_warna_ungu_contoh

Coklat

psikologi_warna_coklat

Coklat adalah warna bumi, memberikan kesan hangat, nyaman dan aman. Namun selain itu, coklat juga memberikan kesan ‘sophisticated’ karena dekat dengan warna emas. Bisa di bayangkan kesan ‘mahal’ desain dengan kombinasi warna hitam dan coklat muda.

Dan tidak lupa, coklat juga bisa memberikan nuansa ‘dapat di andalkan’ dan ‘kuat’. Saya membayangkan warna coklat bisa di gunakan di firma hukum sebagai warna utama perusahaan mereka.

psikologi_warna_coklat_contoh

Oranye

psikologi_warna_oranye

Oranye adalah hasil peleburan merah dan kuning, sehingga efek yang di hasilkan masih tetap sama, yaitu ‘kuat’ dan ‘hangat’. Warna ini sering di gunakan pada tombol website yang penting, seperti ‘buy now’ , ‘register now’ dan lainnya yang sejenis, istilahnya adalah ‘call to action’ button.

Dari sisi psikologis sebenarnya warna oranye memberikan kesan tidak nyaman, dan sedikit gaduh. Mungkin karena sebab itulah warna ini paling banyak di pakai untuk menarik perhatian orang.

psikologi_warna_oranye_contoh

Merah Muda

psikologi_warna_merahmuda

Merah muda adalah warna yang feminin, kalau menggunakan warna ini pasti kamu berurusan dengan sesuatu yang bersifat kewanitaan. Efek cinta romantis juga bisa timbul dari warna merah muda ini, agak sedikit berbeda dengan warna merah yang lebih menggambarkan ‘gairah yang berani’.

Tetapi banyak juga desainer yang berani menggunakan warna merah muda ini dengan terang-terangan. Misalnya dengan kombinasi hitam dan merah muda sebuah desain bisa menjadi terlihat unik.

psikologi_warna_merahmuda_contoh

Putih

psikologi_warna_putih

Putih adalah warna yang murni, tidak ada campuran apapun. Makanya sering di anggap sebagai warna yang menimbulkan efek suci dan bersih. Ketika kita ingin membuat desain yang simple dan minimalis, menggunakan warna putih adalah langkah yang tepat (walaupun bukan cara satu-satunya).

psikologi_warna_putih_contoh

Hitam

psikologi_warna_hitam

Hitam adalah warna yang gelap, suram, menakutkan tetapi elegan. Saya merasa elemen apapun jika di taruh di atas background hitam akan terasa lebih bagus (misalnya, pada waktu menampilkan foto, portfolio atau produk). Tapi tidak selalu efektif di dalam kasus tipografi.

psikologi_warna_hitam_contoh

Kesimpulan

Kombinasi warna yang tepat dapat memberikan karakter dan vibrasi pada suatu desain. Warna juga bisa di gunakan untuk mendapatkan perhatian orang yang melihat desain kita dan pada akhirnya mengerti pesan yang kita sampaikan melalui visual secara keseluruhan.

Sekarang pertanyaannya, apa warna favorit kamu? dan mengapa?

PS: Thanks to Fikri atas ide postingnya melalui komentar di FB Page Jurus Grafis!

Temui Jurus Grafis di Facebook dan ikuti Twitter Jurus Grafis. Kalau tidak ingin ketinggalan posting berikutnya, kamu bisa berlangganan melalui Email atau RSS.

Tentang Penulis

/ Richard Fang

Menikmati proses rancang website, khusus nya dari sisi tampilan antar muka dan penggunaan. Tidak bisa hidup tanpa Gmail, Google Reader dan Twitter. Sering menghabiskan waktu mengarungi samudra informasi.
Share to Facebook
Tweet This!
Share

Ada 50 Komentar Seru Tentang Posting Ini

  1. 16 February 2010
    Hexacreative bilang,

    Warna memang penting bagi seluruh objek terutama pada grafis dan website.

    Namun kesimpulan dari artikel ini yang saya berikan adalah, jangan menggunakan satu warna, seperti satu warna merah yang mencolok. Biarpun mencolok, harus diberi warna penetral seperti putih atau hitam. Begitu juga dengan warna lainnya…

    Nice tuts! :D

    Untuk jawaban pertanyaan diatas :
    Warna gradasi dari #000000 sampai #ffffff, coklat, merah, hijau dan biru muda atau RGB/RGBA

    Alasannya? warna banyak disukai hampir semua kalangan, dan warna diatas bisa dimodifikasi untuk berbagai media :)

    Reply
  2. 16 February 2010
    Fikri Rasyid bilang,

    Haha, akhirnya dimuat juga posting tentang warna ini thanks chard! :D

    next request: teknik2 photoshop dasar (+shortcut) yang sering digunakan untuk webdesain. hehe, request terus euy :P

    Reply
  3. 16 February 2010
    uberVU – social comments bilang,

    Social comments and analytics for this post…

    This post was mentioned on Twitter by jurusgrafis: Post Terbaru! – Psikologi Warna pada Desain Grafis http://ow.ly/17JVB...

    Reply
  4. 16 February 2010
    mayasaridotnet bilang,

    MERAH itu gw bangeeettttsss…
    like I did in my blog, dan satu blog lagi yng akan launch awal maret ini. [lhoh, kok jadi promo]

    Reply
  5. 16 February 2010
    dadang bilang,

    thank’s atas infonya jadi tamabah pede bila mau kasih warna krn sudah tau artinya

    Reply
  6. 16 February 2010
    mk2 bilang,

    Hehehe…
    Nice post about basic color theory, Mr. Fang!

    Favorit saya tentunya #cc0000, untuk alasan yang tidak perlu dijelaskan lagi. :P

    Reply
  7. 16 February 2010
    zam.web.id bilang,

    kalau ngomong psikologi jadi panjang ceritanya :)

    oh iya, entah kenapa rata2 web menggunakan warna dasar putih,
    terutama untuk background text, apakah mungkin lebih mudah terbaca?

    kalau tidak salah ada yg pernah bahas juga
    untuk link paling banyak memakai warna biru

    dst…

    Reply
    • 16 February 2010
      Richard Fang bilang,

      untuk web dengan background putih dan text hitam itu karena mau merepresentasikan kertas bukan?
      dan sudah pasti kita terbiasa membaca dengan kombinasi itu

      nah kalau link default berwarna biru itu perlu di cari tau tuh hehehe apakah memang karena keterbatasan warna pada saat website pertama kali di ciptakan?
      waktu itu ada batasan warna kan klo ga salah? mungkin mirip dengan evolusi display handphone dari hitam (kayak gameboy) sampe jadi seperti sekarang ini

      Reply
    • 17 February 2010
      Madewira bilang,

      Sepertinya saya juga pernah membaca referensi mengenai warna biru untuk link. Sayang sekali entah dimana. Esensinya, tulisan itu juga pernah mencoba mengubah warna biru dengan warna lain. Hasilnya memang tidak se-efektif biru untuk mengundang orang —dalam hal ini pengunjung awam untuk mengklik.

      Juga dimuat mengenai efektivitas warna merah dan hijau sebagai tombol. Dimana merah lebih merepresentasikan arti ‘cancel’ dibanding ‘act’. Dan hijau untuk ‘buy’ atau ‘execute’

      Tentu itu hanya berlaku untuk background putih ya he he.

      Btw, ini juga memuat hal yang sama:
      http://blog.kissmetrics.com/communicating-color-efficiently/

      Reply
    • 10 March 2010
      dani bilang,

      Entah kenapa, globalnya saya menyukai warna hitam dan biru. Sehingga Inter Milan jadi favorit dari dulu. :)

      Mas Zam, sependek yang saya baca, Web usability mungkin menyebut demikian. Tapi aksesibilitas Web (WCAG) menyebut warna krem untuk latar. Gelap untuk teks. Lebih nyaman bagi kontraksi otot mata dengan kondisi normal. Bukan lagi benar-benar hitam di atas putih yang dianjurkan.

      Untuk warna pranala, aliran Jakob Nielsen mungkin menyarankan biru, ortodok konservatif. Tapi menurut saya, underline masih lebih mudah dikenali. Termasuk oleh pengguna yang mengalami gangguan kontras warna bahkan buta warna. Warna teks pranalanya menyesuaikan dengan desain saja.

      @Bli Wira, setuju, warna kontras bisa dipakai untuk call to action. :)

      Reply
  8. 16 February 2010
    Joni Balbo bilang,

    informatif sekali bos.
    blognya kewren.. salam kenal ya.. tengkyu.. :)

    Reply
  9. 16 February 2010
    cipoet1984 bilang,

    itulah kenapa gw kebanyakan make warna putih pada web2 gw :P

    Reply
  10. 18 February 2010
    kharis sulistiyono bilang,

    penting banget nih. Nanya donk guru, standar device grafis untuk web desainer tuh spesifikasinya seperti apa ya?

    Reply
  11. 20 February 2010
    nicko bilang,

    ooo pindah tohh, gue ke richardfang.com sepiii

    Reply
    • 21 February 2010
      Richard Fang bilang,

      hahaha iya ko sekarang ke sini semua dulu , yang satu itu lagi dipikirin mau jadi kayak gimana :P

      Reply
  12. 24 February 2010
    alid abdul bilang,

    kok kagak ada yang jawab pertanyaannya sih?
    suka warna apa? heem klo gue sih hitam dan merah….
    alesannya simple “suka ajah hehe”

    Reply
  13. 27 February 2010
    bayu yeah bilang,

    keren, ijin share yaa kang.. hehe
    however, i ♥ ungu entah kenapa :p

    Reply
  14. 1 March 2010
    dirhams bilang,

    buku lokal untuk psikologi warna tuh apa ya

    Reply
  15. 10 March 2010
    dani bilang,

    Lupa, dhenk dot com juga pernah membahas psikologi warna. Satu lagi, blog (mahasiswa?) psikologi..lupa alamatnya..membahas hal yang sama.

    Reply
  16. 10 March 2010
    Anita Kartini bilang,

    Iya nih, warna ungu memang agak susah dipadukan dengan warna lain. Tapi ya udah cinta sama warna ungu sih… :)

    Aku coba memadukan warna ungu sama warna pink dan biru setengah muda di desain template blog. Hasilnya lumayan lah (bagi aku).

    Reply
  17. 12 March 2010
    desain grafis « Dhpienurmalita's Blog bilang,

    [...] Psikologi Warna Pada Desain Grafis [...]

    Reply
  18. 20 March 2010
    nisrina bilang,

    bagus, bagus..
    gara2 penasaran ttg psikologi warna, makin suka deh sama warna..

    Reply
  19. 22 March 2010
    UpTrending bilang,

    Thanks for including UpTrending in your article!

    Reply
  20. 1 May 2010
    Lan bilang,

    wah, bagus banget tulisannya. saya lagi mau bikin multimedia pembelajaran buat anak sma. kira-kira warna apa yang cocok. ya?? ada ide??

    Reply
  21. 21 May 2010
    hafiz bilang,

    thx gan.. luv it very much :)

    Reply
  22. 9 June 2010
    adimaryanto bilang,

    nah kbetulan ada masternya…. mau nanya neh, sya mau mmbuat toko online yg khusus mnjual pakaian perempuan. (nuansa web = perempuan)
    dah dpt bberapa element warna.

    background : putih / hitam
    page halaman : putih
    Font : hitam u/ teks, merah u/ link, putih u/ hoover teks link
    tombol search , login, add to cart : orange

    yg belum ketemu itu buat menu – menu utama & hoover menu nya.
    aq coba masupin warna pink, kok kliatan rame bgt ya…
    bsa dbantu kasih masupan bwt newbie ini…..? thank’s sbelumnya

    Reply
  23. 8 July 2010
    tamii bilang,

    kak, boleh tanya ga??

    buku tentang yang kakak jabarin ini apa judul dan pengarangnya??
    coz aku lagi buat TA yang berhubungan dengan warna banget.

    thx before :)

    Reply
    • 8 July 2010
      Richard Fang bilang,

      ehem, ini kayaknya bukan buku :P tapi web desain

      Reply
  24. 8 September 2010
    imam santosa bilang,

    menarik, warna mamang bisa digunakan untuk berbagai keperluan trutama untuk attracting…ini sudah dilakukan oleh manusia yang terinspirasi oleh binatang (secara kina juga masuk pada spesies binatang…kalo yang mau disebut gitu…. kalo saya ogah….hahaha) tapi lebih dari itu memang kita seringkali meniru gaya menarik perhatian dari binatang, dengan warna ini adalah cara yang efektif…

    buat blog juga bukan pengecualian, warna sangat berpengaruh tapi konten juga harus baik agar ada balance atas keduanya..

    very nice

    Reply
  25. 3 December 2010
    Nur Cholis bilang,

    maw nanya ni bang..
    boleh gak kalo artikel ini q masukin ke majalah digital ROOMMAGAZINE#3 .terima kasih sebelumnya dan
    SALAM GRAFIS

    Reply
    • 3 December 2010
      Richard Fang bilang,

      boleh aja, asal include link dan sumbernya yah :) thanks!

      Reply
      • 3 December 2010
        Nur Cholis bilang,

        makasih yak :D ntar kalo udah launching ane kasih link downloadnya :D thx for all support :D

        Reply
  26. 10 January 2011
    Nur Cholis bilang,

    http://www.4shared.com/file/smbVTvxu/ROOMMAGZ3.html

    itu link download ROOMMAGZ#3 bang..terima kasih bwt artikelnya :D

    Reply
  27. 16 March 2011
    NANDA bilang,

    membantu…
    :)

    Reply
  28. 13 August 2011
    hariswae bilang,

    mantap buat belajar bikin logo nih!

    Reply
  29. 11 September 2011
    uli bilang,

    informasi yang bagus dan bermafaat nh… jd w harus bener2 selektif memilih warna yang tepat sesuai disain bukan hanya asal bagus dilihat tapi juga harus tau dan nyambung sama konsep

    Reply
    • 18 September 2011
      yathi bilang,

      informasi x bagus,salam kenal ya
      yathisamawa.blogspot.com

      Reply
  30. 21 October 2011
    Muhamad Saepuloh bilang,

    IIt is very usefull. thanks bro.. :)
    Keep posting dude..

    Reply
  31. 26 October 2011
    arif bilang,

    untuk desain kemasan botol madu bagusnya warna apa ya? soalnya madunya sendiri kelihatan dg warna coklatnya. ada contohnya nggak..saya tunggu ya..

    Reply
  32. 1 November 2011
    Azhar bilang,

    Bagus nih! :)

    Reply
  33. 19 November 2011
    ichsan bilang,

    warna adalah kulit tampilan :)

    Reply
  34. 3 December 2011
    hifrax bilang,

    hitam dan putih bukannya ga termasuk warna ya?

    Reply
  35. 16 January 2012
    bisot bilang,

    ulasan yg menarik, setidaknya bisa memilih warna dasar apa utk sebuah theme :)

    thx

    Reply
  36. 4 February 2012
    percetakan jogja bilang,

    mantab sekali penjelasannya, mewarnai / memilih dan memberikan warna pada sebuah desain adalah salah satu kekuatan desainer yang tidak semua desainer bisa memilih dan menggunakan warna yang tepat dan serasi.

    Reply
  37. 6 February 2012
    icha bilang,

    ulasan yang bagus dan membantu..

    mau nanya juga nih kalo untuk anak-anak tingkat SD, warna apa yang paling pas untuk sebuah karakter misalnya.

    makasi.. :D

    Reply
  38. 18 February 2012
    Mita Vegalisa bilang,

    Makasi , artikelnya. :3

    Reply
  39. 20 March 2012
    deddy bilang,

    makasih gan artikelnya, sangat menarik dan informatif.

    awalnya saya lagi googling tentang psikologi dan bentuk. kira2 bentuk berpengaruh juga gak ya? misal kotak, segitiga, lingkaran, garis lengkung dsb. terima kasih sebelumnya. Best Regards, -eDotJelek

    Reply
    • 20 March 2012
      Richard Fang bilang,

      bentuk berpengaruh juga, tetapi tidak seperti warna yg langsung di cerna oleh otak kita

      Reply
  40. 28 April 2012
    vatya bilang,

    kalo warna krem apa artinya?

    Reply

Mari Berkomentar!

*informasi yang di perlukan

Kartumuu.com
Motion by Design
The Shadow Puppet
Bajigur
Dropbox Free Space 500MB

Posting Populer

Mari Berbagi Informasi

    • Cara Membuat Text Effect Prees | Ditekan16 April 2012

      Trick Text Effect Press ini sangat mudah untuk dipelajari. kita hanya perlu memberi 3 layer style pada layer text.

    • Digital Painting (Illustration)30 January 2012

      Bagaimana cara membuat ilustrasi digital dengan Tablet Pen

    • Membuat Tulisan Berbentuk Wajah Dengan Photoshop Cs531 October 2011

      Dalam tutorial Photoshop membuat tulisan berbentuk wajah ini kita juga akan belajar menggunakan beberapa teknik Photoshop sekaligus yang dikemas dalam satu paket hemat, cepat, murah lagi. Seperti teknik menyeleksi rambut dengan teknik Refine Edge, teknik seleksi Photoshop dengan menggunakan Color Range, kemudian bagaimana cara membuat Brush Photoshop sendiri.

    • Simple Trik Berkreasi Dengan Brush Photoshop7 October 2011

      Tutorial photoshop kali ini saya mencoba membuat photo menjadi seperti gambar di samping. Entah apa itu namanya, yang penting hasilnya seperti itu. Kalau boleh saya akan menamainya dengan efek poster atau mungkin juga efek stiker (maaf jika namanya kurang tepat), tapi itu terserah anda mau menyebutnya sesuatu apa.

    • Cara Membuat Stempel Lingkaran Dengan Photoshop6 October 2011

      Tutorial Photoshop cara membuat stempel berbentuk lingkaran ini saya buat sebagai alternatif saja bagi anda belum bisa menggunakan Corel Draw ataupun software pengolah gambar vektor lainnya, namun disisi lain anda cukup menguasai Photoshop.

    • Free Download Ebook Tipografi - Meet Your Type4 October 2011

      Kadang urusan mengatur tata letak dan jenis huruf dapat menjadi sesuatu yang sangat menyebalkan. Tapi jika di pelajari lebih lanjut hal ini bisa jadi menarik

    • Tips Optimalisasi Gambar Untuk Web30 September 2011

      Di sini saya akan menyampaikan beberapa tips cara mengoptimalkan gambar untuk website.

    • Membuat papernote dengan photoshop28 September 2011

      Mendesain papernote atau catatan kecil dengan photoshop. Tutorial oleh psdesain.net yang mudah di ikuti dengan langkah step-by-step berbahasa indonesia.

    • Color Droid25 September 2011

      Color Droid adalah aplikasi color palette dan color picker berbasis android yang diperuntukkan bagi para designer web dan grafis untuk mencari warna yang tepat dan menyimpan warna tersebut guna mempermudah pekerjaan mereka.

    • Manipulasi tangan swirl dengan photoshop22 September 2011

      Belajar photoshop bagaimana memanipulasi efek brush swirl dengan photoshop.

Galeri Pembaca

Mau Berlangganan Jurus Grafis Melalui Email? Ya! tentu saja!