5 Pilihan Warna Yang Harus Anda Hindari Saat Mendesain untuk Web

Web menjadi lebih visual setiap saat. Konten yang bagus tetap menjadi raja, tetapi konten itu sebaiknya dibungkus dalam paket visual yang menarik agar menonjol.

Untuk profesional desain, itu tidak terlalu menjadi masalah. Mereka benar-benar mendalami teori warna dan psikologi warna.

Tapi bagaimana dengan semakin banyak pengguna web yang mencoba menjaga konten web mereka tetap up to speed dengan sifat visual web yang terus berkembang? Bahkan artikel web yang merangkum teori warna dan psikologi warna, meskipun sangat baik dalam berbagi dasar-dasar warna dalam desain, dapat disalahartikan oleh mereka yang tidak memiliki latar belakang seperti yang dilakukan oleh para profesional grafis, yang mengarah pada keputusan yang berpotensi membawa bencana.

Jadi pilihan warna apa yang harus Anda hindari di halaman web Anda?

Hitam murni

Mari kita mulai dengan hitam - hitam murni - apa yang dikodekan sebagai #000000 dalam HTML.

Terkejut? Hitam ada di mana-mana, bukan, seperti dalam teks di sebagian besar halaman web, gaun hitam kecil yang ada di mana-mana dan langit malam?

Nah, hitam murni kurang umum yang Anda pikirkan. Hitam murni #000000 sebenarnya adalah warna yang tidak alami. Itu tidak ada di alam. Hitam murni membutuhkan penyerapan semua spektrum cahaya, dan itu tidak terjadi di alam. Warna-warna alami lebih menyatu dan lembut.

Oleh karena itu, hitam murni bukanlah sesuatu yang biasa dilihat oleh mata kita. Ini kasar. Itu menonjol (yang merupakan bagian dari apa yang membuat gaun hitam kecil itu begitu populer). Lalu mengapa tidak menggunakannya dalam desain web? Lagi pula, artikel web yang menyentuh psikologi warna menekankan hubungannya dengan kemewahan, kecanggihan, kekuatan, dan otoritas. Apakah artikel-artikel itu salah ketika mendorong penggunaan warna hitam?

Mereka tidak salah sama sekali. Hitam dapat digunakan untuk membangkitkan beberapa asosiasi positif yang kuat dalam pikiran orang. Kuncinya adalah menggunakan warna hitam yang bukan hitam murni .

Karena hitam murni bukan warna alami, lebih sulit bagi otak untuk memprosesnya. Tingkatkan warna hitam Anda dari #000000 ke #111111 atau abu-abu sangat gelap yang serupa dan Anda masih akan mendapatkan manfaat menarik dari warna hitam tanpa membebani otak pengunjung Anda.

Warna neon di elemen antarmuka

Warna-warna neon juga, meskipun menarik, memiliki kecenderungan yang sama untuk menguasai otak. Sebagai warna yang tidak muncul di alam, mereka tidak terbiasa dengan otak dan lebih sulit untuk diproses daripada warna campuran yang lebih redup.

Simpan warna neon yang mencolok untuk sorotan grafis agar konten visual Anda menonjol, bukan di elemen antarmuka Anda. Dan pastikan Anda menggunakannya tidak hanya untuk menarik perhatian ke grafik, tetapi untuk menarik perhatian pengunjung ke bagian halaman Anda di mana informasi kunci berada.

Dengan kata lain, jauhkan warna neon dari latar belakang tempat teks akan ditumpangkan di atasnya, seperti latar belakang untuk teks utama, bilah sisi, pita navigasi, atau tombol Anda.

Gunakan warna yang lebih alami, campuran ringan yang lebih mudah dilihat sebagai latar belakang konten tekstual Anda. Warna neon sebagai teks atau latar belakang teks cenderung melelahkan mata. Ini dapat meninggalkan kesan negatif bawah sadar dari situs web dan apa yang ditawarkannya, yang merupakan hal terakhir yang Anda inginkan. Anda ingin meninggalkan pengunjung Anda dengan perasaan positif tentang bisnis Anda.

Aturan umum untuk menutupi dua pilihan warna pertama yang harus dihindari, adalah untuk menghindari warna yang dalam pengkodean HTML menampilkan ekstrem pada spektrum warna - nol dan Fs, terutama dalam teks dan latar belakang teks. Bump mereka sedikit dari warna yang benar-benar murni tidak alami dan mereka akan lebih mudah untuk diproses oleh pikiran, dan meninggalkan kesan yang lebih baik pada pengunjung Anda.

Kombinasi kontras yang terlalu tinggi

Selain menghindari warna yang terlalu murni, berhati-hatilah dengan kombinasi warna tertentu.

Meskipun pokok musim Natal, merah dan hijau menimbulkan sejumlah masalah dalam desain situs - sedemikian rupa sehingga sedikit puisi di antara para desainer berbunyi, "Merah dan hijau tidak boleh terlihat, tanpa warna di antaranya"

Itu karena cara otak memproses dua warna itu. Merah terdaftar sebagai warna paling hangat dan merangsang aktivitas di otak. Ini adalah warna yang paling cepat menarik perhatian kita. Merah mengganggu otak.

Hijau, di sisi lain, terdaftar sebagai warna dingin. Ini menenangkan otak. Menyatukan keduanya menempatkan otak pada posisi yang tidak nyaman dalam memproses visual yang secara bersamaan mencoba mengagitasi dan menenangkannya. Ini meninggalkan otak dalam konflik. Itu tidak baik untuk menciptakan kesan yang baik.

Seperti penggunaan warna neon di atas dalam teks atau di latar belakang teks, menggunakan merah dan hijau bersama-sama dapat meninggalkan kesan bawah sadar negatif kepada pengunjung Anda tentang apa yang Anda tawarkan yang tidak ada hubungannya dengan penawaran itu sendiri. Sebaliknya, kesan negatif itu muncul dari ketidaknyamanan internal dalam memproses warna yang saling berbenturan.

Merah dan hijau juga memiliki masalah kedua. Secara budaya di dunia Barat, orang terbiasa mengasosiasikan merah dengan berhenti atau tidak, dan hijau dengan pergi atau ya. Sekali lagi, ini memaksa otak untuk menghadapi serangkaian masukan yang kontradiktif yang membuat otak tidak nyaman. Dan ketika otak merasa tidak nyaman, ia akan mentransfer perasaan tidak nyaman itu ke persembahan Anda - sama sekali bukan yang Anda inginkan.

Meskipun tidak terlalu kontras, prinsip yang sama berlaku untuk kombinasi merah dan biru dan, pada tingkat yang lebih rendah, untuk kombinasi apa pun yang disebut warna sekunder, yaitu ungu, hijau atau oranye.

Merah dan biru menciptakan bentrokan antara warna yang sangat hangat dan warna yang sangat dingin. Warna sekunder, yang merupakan campuran dari warna primer (ungu adalah campuran merah dan biru, hijau campuran biru dan kuning, oranye campuran kuning dan merah) sama sekali tidak tercampur dengan baik. Kombinasi mana pun dari kombinasi ini terlalu kuat untuk diproses oleh otak dengan nyaman.

Sekali lagi, usahakan untuk lebih alami, warna campuran yang menghindari kombinasi yang melelahkan otak yang berasal dari penggunaan warna yang berseberangan langsung pada roda warna, atau yang berlawanan dalam hal kehangatan dan kesejukan.

Kombinasi kontras yang terlalu rendah

Namun, itu tidak berarti bahwa Anda hanya boleh menggunakan warna yang hampir identik dalam rona (warna) dan nilai (kegelapan relatif). Anda juga bisa melangkah terlalu jauh ke arah itu, menciptakan masalah yang berbeda bagi pengunjung.

Menempatkan teks terang pada latar belakang putih, seperti merah muda atau kuning atau biru muda atau lavender di atas putih, dapat mempersulit pengunjung untuk memahami isi teks. Hal yang sama berlaku untuk teks gelap pada latar belakang gelap, seperti merah atau biru tua atau magenta pada hitam.

Kombinasi buruk spesifik lainnya adalah kuning pada hijau atau hijau pada kuning, dan latar belakang merah dengan hitam, biru atau magenta. Anda tidak hanya menanggung risiko bahwa pengunjung yang buta warna mungkin tidak melihat teks sama sekali, tetapi Anda juga akan mengganggu pengunjung yang tidak buta warna dengan membuat mereka berusaha keras untuk membaca apa yang Anda tulis. Dan kita tidak berbicara tentang kesan bawah sadar di sini. Kami berbicara tentang mereka yang secara sadar merasa kesal pada Anda karena membuat situs web Anda begitu sulit untuk dibaca.

Kesalahan ini sangat umum ketika Anda menempatkan teks di atas gambar, seperti pada gambar header besar di bagian atas halaman Anda. Selalu pastikan bahwa SEMUA teks Anda terbaca dengan jelas pada gambar header Anda, bukan hanya sebagian besar.

Latar belakang warna-warni

Situs web yang menawarkan latar belakang bertekstur gratis untuk desainer web berlimpah, dan Anda mungkin merasa bahwa mereka akan membuat situs web Anda menonjol. Tapi hati-hati jika Anda memilih untuk menggunakannya. Latar belakang bertekstur berisiko menjadi sibuk dan dengan demikian mengalihkan pengunjung dari konten Anda. Dan Anda menghadapi bahaya yang sama dari teks yang hilang di latar belakang bertekstur seperti yang Anda lakukan dengan melapiskan teks di atas gambar.

Berhati-hatilah dalam memilih latar belakang bertekstur. Hindari latar belakang yang mencolok mata dan bentrok warna yang populer di masa-masa awal Internet. Latar belakang itu sering kali terdiri dari desain kecil yang berulang dengan warna-warna cerah yang saling berbenturan sehingga teks mudah hilang.

Tren saat ini adalah untuk tampilan halus dan alami yang memberi latar belakang Anda perasaan mendalam tanpa mengganggu. Dan aturan umum untuk palet warna untuk situs web adalah menggunakan tidak lebih dari tiga warna, pasti tidak lebih dari empat.

Peringatan yang sama untuk berhati-hati dalam penggunaan tekstur berlaku untuk penggunaan gradien (elemen grafis di mana warna atau kegelapan latar belakang berubah secara bertahap dari satu bagian latar belakang ke bagian lain). Hindari menggunakannya untuk beberapa blok teks pada halaman. Dan hindari menggunakan gradien yang menyertakan warna teks Anda, agar teks Anda tidak hilang dalam gradien. Selalu tempatkan teks Anda di dalam kotak atau di area latar belakang yang jelas, dengan ruang yang cukup dari elemen visual lain sehingga teks Anda terlihat jelas.

Kesimpulan

Memilih warna untuk situs web jelas melibatkan lebih dari sekadar memilih warna favorit Anda atau serangkaian warna yang Anda sukai di situs web lain. Ini melibatkan lebih dari sekadar mengambil rekomendasi terisolasi dari artikel online karena semua yang perlu diketahui tentang pilihan warna tanpa mempelajari lebih lanjut.

Warna adalah alat yang sangat ampuh dalam persuasi. Digunakan dengan hati-hati, ini dapat membantu mengarahkan pengunjung ke tindakan yang Anda ingin mereka lakukan. Digunakan secara sembarangan, dapat membuat pengunjung merasa tidak nyaman tentang bisnis Anda atau bahkan membuat mereka secara sadar terganggu dengan kesulitan penggunaan situs Anda.

Fokuskan pilihan warna Anda pada warna yang mudah di otak, dan terus pelajari cara memilih warna yang bekerja sama dengan baik dan Anda akan siap mendesain situs tempat warna Anda bekerja sama dengan semua elemen lain dari Anda. situs untuk mencapai tujuan Anda.