Menggunakan Teori Warna dalam Desain Web

Dalam posting sebelumnya, kami membahas konsep di balik teori warna dalam hal yang berkaitan dengan ruang putih, atau negatif.


Teori warna memberi tahu kita bahwa warna berbeda bekerja bersama – atau tidak – untuk alasan tertentu. (Untuk definisi teori warna yang lebih mendalam, lihat artikel ini dari NYU.)

Meskipun Anda mungkin tidak berpikir tentang bagaimana warna akan mempengaruhi orang-orang yang mengunjungi blog Anda, selama proses desain web perancang menganggap ini sebagai komponen yang sangat penting untuk membuat situs web yang sempurna..

Bagaimana warna membuat kita merasa

Lihatlah blok warna ini:

kuning

Bagaimana perasaanmu?

Dan bagaimana dengan blok ini:

biru

Apakah Anda merasa berbeda ketika melihat contoh A dari pada ketika Anda melihat contoh B?

Jika demikian, itu tidak mengherankan.

  • Kuning adalah listrik, memberi energi.
  • Biru muda menenangkan.

Masalah warna. Kita semua memiliki asosiasi psikologis naluriah dengan warna-warna tertentu. Beberapa di antaranya asosiasi psikologis umum dengan warna, sementara yang lain adalah asosiasi individu yang diciptakan oleh konteks kehidupan kita. Bahkan warna yang digunakan akan membuat perbedaan. Warna biru yang lebih lembut membangkitkan perasaan tenang sementara warna yang lebih kuat menunjukkan kekuatan.

Tiga kategori warna

Kesempatannya adalah Anda belajar tentang teori warna selama kelas seni dasar; kemungkinan Anda sudah lupa banyak sekarang kecuali Anda bekerja di desain grafis!

Roda warna berisi tiga jenis warna:

  1. Utama
  2. Sekunder
  3. Tersier

Warna primer tidak dapat dibuat dengan mencampurkan warna lain menjadi satu.

Warna sekunder dibentuk dengan mencampur dua warna primer: biru dan kuning, hijau, merah, dan kuning oranye.

Warna tersier diturunkan dengan menggabungkan warna primer dan sekunder: biru-hijau atau merah-oranye.

Desainer web menggunakan jenis warna ini untuk membangkitkan perasaan saat mendesain blog.

Warna komplementer

Untuk menguasai desain Anda juga harus memahami warna apa yang terlihat bagus bersama. Warna pelengkap ditemukan pada sisi yang berlawanan dari roda warna satu sama lain. Saat digunakan bersama, warna-warna ini kontras satu sama lain, memberikan desain Anda tampilan yang hidup. Warna-warna pelengkap ini juga dapat digunakan untuk meningkatkan perasaan tertentu atau untuk melapisi perasaan tambahan di atas emosi utama yang ingin Anda berikan kepada pengunjung Anda. Misalnya, Anda dapat menggunakan warna merah pada tombol ajakan bertindak untuk menyampaikan urgensi dan menggabungkannya dengan hijau di seluruh tata letak Anda untuk memberi pengunjung Anda rasa aman.

Anda dapat menggunakan alat seperti itu Kalkulator Warna di situs web Sessions College untuk menemukan pasangan warna pelengkap yang sempurna untuk proyek desain Anda.

Buat suasana blog Anda melalui warna

Ingin tahu warna apa yang terkait dengan jenis perasaan apa? Ini panduan praktis:

  • Merah – Hangat, listrik, memberi energi. Bagus sebagai aksen untuk menciptakan gerakan.
  • Biru – Tenang, kekuatan, profesional. Situs untuk perjalanan atau relaksasi berfungsi dengan baik dengan naungan ini.
  • Kuning – Menyenangkan dan listrik. Terlalu banyak dapat menyebabkan gangguan pada situs, jadi gunakan untuk aksen.
  • jeruk – Listrik; Namun, browser menampilkan warna ini secara berbeda sehingga tetap menggunakannya sebagai aksen. Hijau – Dingin, menenangkan, profesional; bagus untuk situs yang merujuk pada alam, keuangan, bisnis.
  • Hitam – Kekuatan dan kekuatan. Sementara hitam telah digunakan sebagai warna utama dalam desain web, hitam juga bisa melelahkan mata pembaca.
  • Abu-abu – Dapat digunakan untuk kekuatan, ketenangan, kekuatan, otoritas. Warna yang bagus untuk dipadukan dengan sebagian besar warna lainnya; abu-abu banyak digunakan dalam desain web saat ini.
  • putih – Meskipun ini mungkin terlihat sebagai warna yang tidak perlu dalam desain web, jangan lupa apa yang kami katakan tentang ruang putih, atau negatif. Pembaca Anda membutuhkan area putih sehingga bagian situs lainnya menjadi fokus. Tanpa ruang putih ini, kemungkinan Anda akan membanjiri pembaca Anda, dan mereka kemungkinan akan berpaling.

Beberapa contoh teori warna digunakan

Untuk menunjukkan kepada Anda bagaimana teori warna digunakan dalam pengembangan web, apa yang lebih baik daripada menawarkan beberapa visual?

Mungkin contoh paling terkenal dari sebuah situs web yang menggunakan warna biru untuk membangkitkan rasa aman dan kepercayaan adalah Facebook:

Menggunakan teori warna dalam desain web: Facebook

Kebangkitan Alami, majalah hidup sehat, menggunakan kombinasi hijau dan biru untuk menempatkan pembaca dalam kerangka pikiran yang tenang dan berenergi. Ada juga sedikit oranye untuk mendorong tindakan.

Kebangkitan Alami

Oi Polloi adalah situs web e-niaga yang menggunakan beragam warna cerah untuk menarik pelanggan ke toko mereka. Awalnya, skema warna mereka mungkin tampak kacau, tetapi varietas disengaja: itu mewakili berbagai merek yang tersedia di toko mereka.

Oi Polloi

Saran terakhir

Jika situs web Anda tidak mendapatkan daya tarik yang Anda inginkan, ada peluang warna yang bagus adalah bagian dari masalah Anda. Luangkan waktu untuk benar-benar memahami apa yang Anda ingin orang rasakan ketika mereka memasuki situs web Anda, kemudian bangun desain baru yang menggunakan warna yang dipilih untuk membangkitkan perasaan itu..

Untuk bantuan lebih lanjut dengan dasar-dasar blogging, lihat artikel kami 5 desain blog yang hebat dan panduan lengkap tentang cara memulai blog.

Jangan lupa untuk bergabung dengan kursus kilat kami tentang mempercepat situs WordPress Anda. Dengan beberapa perbaikan sederhana, Anda dapat mengurangi waktu loading hingga 50-80%:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map