Cara Memilih Skema Warna Yang Baik Untuk Situs Web Anda

bagaimana memilih warna untuk situs webMemilih skema warna yang baik untuk situs web Anda bisa menjadi hal yang menakutkan – terutama jika Anda’Anda tidak percaya diri dengan kemampuan koordinasi warna Anda, atau merasa bahwa Anda’kembali bukan desainer yang terampil.


Suamiku sedikit buta warna, yang membuatnya sangat gugup setiap kali dia mencoba memilih warna untuk apa pun!

Bagaimana dengan kamu??

  1. Warna apa yang harus Anda gunakan untuk logo atau judul Anda?
  2. Apakah Anda tahu cara memilih warna komplementer yang berpadu dengan baik?
  3. Bagian mana dari situs web Anda yang harus Anda gunakan warna?

Memilih dan mencampurkan warna bisa menjadi permainan yang sulit.

Hasilnya bisa terlihat harmonis, atau seperti adegan langsung dari film horor!

Jika Anda menghindari warna apa pun, situs web Anda dapat terlihat tidak menarik dan terlupakan. Jika Anda menggunakan terlalu banyak warna di situs web Anda, Anda berisiko membuatnya terlihat norak.

Selain tidak memahami cara memilih desain templat yang tepat, mempelajari cara menggunakan warna di situs web Anda adalah salah satu tantangan terbesar yang bisa dihadapi pemilik situs web DIY. Ini terutama benar jika Anda tidak’t memiliki bakat alami untuk warna dan desain.

Jika Anda mengosongkan apa dan bagaimana menggunakan warna pada situs web Anda dengan cara yang benar, pos ini dapat membantu Anda.

Menggunakan warna dapat disederhanakan setelah Anda tahu langkah yang harus diambil.

Jadi kita’telah menyusun panduan ini untuk menunjukkan kepada Anda, langkah demi langkah, cara:

  1. Pilih warna dominan yang tepat untuk situs web dan merek Anda.
  2. Kombinasikan warna pelengkap untuk membuat skema warna sempurna Anda.
  3. Pilih warna latar belakang yang cocok untuk Anda.
  4. Gunakan warna di tempat yang benar di situs web Anda – seperti profesional.

Membiarkan’Sudah mulai!

Atau, mengapa tidak melihat kami dengan cepat pembangun situs web favorit dalam bagan sederhana di bawah ini:

Bagaimana warna dapat meningkatkan identitas situs web dan merek Anda

Ketika saya meminta Anda untuk memikirkan Coca-Cola, apa hal pertama yang terlintas dalam pikiran Anda?

Ya, menginginkan sebotol es Coca-Cola mungkin salah satunya.

Kemudian, gambar logo coke merah ikonik mungkin muncul di benak Anda.

cara memilih warna situs web - kokasSumber: www.coca-colacompany.com

Itu’Cukup sulit untuk memikirkan Coca-Cola tanpa melihat warna merah. Warna merah adalah bagian dari Coca-Cola sebagai soda yang terkenal.

Tahukah Anda keputusan Coca-Cola untuk menggunakan warna merah karena warna merek mereka tidak disengaja?

Warna merah memiliki dua tujuan penting:

# 1 Mesin pemadam kebakaran berwarna merah memungkinkan Coca-Cola untuk menonjol dari pesaing mereka di rak-rak toko; dan

# 2 Setiap warna memiliki perasaan atau emosi berbeda yang melekat padanya. Ketika orang melihat warna merah, itu memicu respons emosional seperti kegembiraan, keberanian, cinta, dan gairah. Inilah tepatnya perasaan yang diinginkan Coca-Cola untuk Anda kaitkan dengan soda.

pemilihan warna situs web - coca colaSumber: us.coca-cola.com

Ketika Anda memilih warna yang tepat untuk situs web Anda, Anda melakukan lebih dari sekadar membuatnya terlihat menarik – Anda menciptakan merek yang mudah diingat.

85% pembeli menempatkan warna sebagai alasan utama mengapa mereka membeli produk tertentu. 80% meningkatkan pengenalan merek saat menggunakan warna. Pengakuan merek secara langsung menghubungkan ke kepercayaan konsumen.

Sumber: Kissmetrics

Sekarang, Anda harus berpikir “Wow, warna itu seperti sulap! Mengapa tidak’t lebih banyak orang menggunakannya untuk keuntungan mereka?”

Ya, karena kebanyakan orang tidak’Aku tidak tahu caranya.

Jadi, di bagian selanjutnya, kami akan menunjukkan kepada Anda 3 langkah mudah yang dapat Anda ikuti untuk mulai menggunakan warna untuk keuntungan Anda di situs web Anda.

3 langkah untuk menggunakan warna di situs web Anda – dengan cara yang benar

Ada 3 warna utama yang perlu Anda pertimbangkan saat mendesain situs web Anda:

  1. Memilih warna dominan sebagai warna merek Anda
  2. Memilih 1 hingga 2 aksen warna untuk membuat skema warna untuk situs web Anda
  3. Memilih warna latar untuk melengkapi desain Anda

Bahwa’Cukup banyak! Mengenakan’jangan khawatir, kita’Saya akan menunjukkan kepada Anda bagaimana memilihnya bersama beberapa contoh – mari’Terus bergerak maju!

# 1 Pilih Warna Dominan Anda

Warna dominan adalah warna merek Anda – seperti mobil pemadam merah untuk Coca-Cola.

Warna ini akan membantu memunculkan emosi atau perasaan tertentu ketika orang-orang tiba di situs web Anda – seperti gairah, kegembiraan, keberanian, dan cinta untuk Coke.

Ini adalah warna yang Anda ingin audiens Anda ingat ketika mereka memikirkan Anda.

Jika Anda sudah memiliki logo, pastikan salah satu warna utama logo Anda menggunakan warna dominan Anda (jika Anda’tidak yakin bagaimana cara membuat logo yang bagus, lihat panduan ini).

Namun, jika Anda tidak’t belum memiliki warna merek dominan di sini’Bagaimana cara memilihnya:

Arti Warna: Cara memilih warna yang tepat untuk Anda

Perusahaan besar tidak’t memilih warna dominan / merek mereka secara tidak sengaja. Itu’dipilih secara strategis untuk digunakan sebagai bagian dari inisiatif branding dan pemasaran mereka.

Warna yang berbeda memiliki kemampuan untuk menarik pembeli jenis tertentu, dan bahkan dapat mengubah perilaku konsumen.

psikologi warna untuk situs webKlik untuk memperbesar

Sumber: Kissmetrics

Anda juga dapat menggunakan berbagai warna untuk keuntungan Anda sehingga Anda dapat menarik jenis pelanggan yang Anda inginkan.

Kita’Kami telah membuat infografis praktis untuk membantu Anda memilih warna dominan sempurna Anda. Lihat apakah Anda dapat menemukan warna yang paling mewakili apa yang Anda perjuangkan!

kepribadian warna untuk situs web

Sekarang Anda memiliki gagasan yang baik tentang apa arti warna-warna tertentu, mana yang paling cocok dengan bisnis Anda, atau bagaimana Anda ingin pengunjung situs web Anda merasakan ketika mereka melihat merek Anda?

Jika kamu’Anda belum yakin, itu hanya berarti Anda harus meluangkan waktu untuk merenungkan merek Anda dan jenis pelanggan yang ingin Anda tarik.

Apakah Anda mencoba menarik pelanggan yang lebih muda dan lebih energik? Atau orang-orang canggih dengan penghasilan lebih banyak? Apakah produk / layanan Anda diperuntukkan bagi pria atau wanita? Apakah mereka lebih cocok untuk kelompok umur tertentu?

Tidak semua warna cocok untuk bisnis Anda. Misalnya, jika Anda menjual tikar yoga, menggunakan ungu (kekayaan, royalti) atau hitam (kekuatan, kemewahan) mungkin bukan pilihan terbaik. Anda mungkin ingin mempertimbangkan untuk menggunakan hijau (kesehatan, ketenangan), abu-abu (kesederhanaan, ketenangan), biru (kedamaian, ketenangan) atau bahkan merah (gairah, energi).

Silakan dan luangkan beberapa menit untuk menuliskan beberapa ide.

Perbedaan Antara Pria & Girls – Preferensi Warna Mereka

Oke, warna yang berbeda menarik bagi berbagai jenis orang, tetapi apakah Anda tahu pria dan wanita umumnya lebih suka warna yang berbeda juga?

Jenis kelamin apa yang ditargetkan oleh bisnis atau situs web Anda? – Apakah perempuan? laki-laki? atau keduanya?

pengaruh warna pada jenis kelaminKlik untuk memperbesar gambar

Sumber: Infografis: Bagaimana Warna Mempengaruhi Konversi & Jenis Kelamin dan Warna

Anda dapat membuat warna merek yang sangat kuat dan tertarget dengan mempelajari tabel di atas.

Dengan menggunakan kombinasi warna yang disukai oleh pria, wanita, atau keduanya, Anda dapat mengubah persepsi mereka terhadap merek Anda – secara tidak sadar.

Misalnya, berdasarkan penelitian, Anda dapat melihat bahwa pria dan wanita menyukai biru dan hijau. Kedua jenis kelamin juga tidak suka oranye dan coklat. Jadi jika Anda menargetkan kedua jenis kelamin, penelitian mengatakan bahwa akan lebih menguntungkan untuk mempertimbangkan menggunakan biru atau hijau sebagai warna dominan Anda (atau setidaknya warna aksen – lebih banyak di bawah).

Ini adalah kecerdasan yang sangat membantu untuk dimiliki!

Membiarkan’Ambil satu langkah lebih jauh.

Bagaimana Anda menggunakan warna untuk merek atau produk / layanan Anda, juga dapat dipengaruhi oleh emosi apa yang menjadi target audiens Anda.

Biarkan saya jelaskan.

warna-merek-menarik-berbeda-pelangganSering kali, orang membeli produk / layanan tertentu karena secara tidak sadar mereka ingin memproyeksikan kepribadian tertentu kepada orang lain.

Terlihat mondar-mandir di jalan dengan dompet mahal baru, atau nongkrong di kedai kopi hipster, atau terlihat di lounge baru yang trendi, semua dengan tenang mengomunikasikan karakteristik tertentu tentang seseorang.

Anda paham maksud saya? Banyak keputusan pribadi merupakan cerminan dari siapa diri mereka, dan apa yang ingin dilihat orang lain. Itu’Merupakan identitas yang diasosiasikan dengan orang dan ingin orang lain mengetahuinya.

Jadi, jika Anda ingin menarik orang yang mengidentifikasi dengan alam dan ketenangan, gunakan warna hijau. Jika Anda ingin menarik perhatian orang-orang yang ingin terlihat muda atau optimis, cobalah kuning. Jika audiens target Anda ingin terlihat kuat atau mewah, coba hitam.

Mendapatkan?

Luangkan waktu beberapa menit dan pikirkan tentang audiens ideal Anda, dan apa yang mereka cita-citakan untuk diidentifikasi. Apa yang mereka inginkan dan bagaimana mereka ingin dilihat?

Banyak psikologi di sini, tetapi itu’Penting bagi Anda untuk mempertimbangkan ketika membangun merek Anda.

Cara menggunakan warna dominan Anda di situs web Anda

Sekarang Anda memiliki warna dominan, Anda ingin menggunakan warna di tempat yang tepat di situs web Anda.

Warna menarik banyak perhatian, jadi Anda tidak’t ingin memasukkannya ke mana-mana.

Sini’Ini adalah aturan umum:

Hanya gunakan warna dominan Anda di sejumlah tempat di mana Anda ingin pengunjung situs web Anda memperhatikan, atau jika Anda ingin pengunjung Anda mengambil tindakan tertentu (seperti memanggil nomor telepon, mengisi formulir kontak, mendaftar ke buletin, dll).

Pada dasarnya, warna dominan Anda seharusnya “pop” – Sangat menyoroti di mana Anda ingin pengunjung Anda fokus.

tempat menggunakan warna dominan di situs webSumber: Wix.com

# 2 Pilih warna aksen Anda

Sangat membosankan hanya memiliki 1 warna tunggal di seluruh situs web Anda.

Untuk membuat desain Anda lebih menarik (dan profesional), Anda memerlukan warna aksen untuk menyorot bagian yang layak perhatian dari situs web Anda seperti kutipan, tombol atau subtitle.

Pencampuran warna dan pencocokan sebenarnya menakuti banyak orang karena itu’Tidak selalu mudah atau intuitif untuk mengetahui warna mana yang menyatu dengan baik tanpa pemahaman yang baik tentang teori warna, dan banyak trial and error.

Tapi, siapa yang punya waktu untuk mendapatkan gelar Ph.D. dalam teori warna ?! – Bukan saya.

Syukurlah ada jalan pintas yang bisa digunakan semua orang !! Itu’S alat pencocokan warna yang dapat membantu Anda menggabungkan warna seperti pro!

Cara menggunakan alat pencocokan warna untuk membantu Anda memilih warna aksen Anda

Setelah Anda memiliki warna dominan Anda, itu’Sangat mudah untuk menemukan warna aksen Anda dengan menggunakan alat pencocokan warna seperti alat Adobe Color CC.

Adobe Color CC terlihat rumit, tetapi sebenarnya ini adalah alat yang cukup sederhana untuk digunakan.

Kita’Saya telah membuat tutorial singkat untuk menunjukkan kepada Anda bagaimana menggunakannya untuk membangun skema warna Anda dari salah satu dari dua cara berikut:

(Klik di bawah ini untuk membuka tutorial)

Cara menggunakan warna aksen Anda di situs web Anda

Sekarang setelah Anda memiliki warna aksen komplementer, Anda dapat menggunakannya untuk menyoroti informasi sekunder pada halaman web Anda.

Ini adalah konten / item yang bukan merupakan titik fokus utama halaman Anda, tetapi Anda tetap ingin mereka menonjol.

Sebagai contoh, mereka mungkin subtitle, tombol sekunder, kotak informasi, warna latar belakang, dll.

Cobalah untuk membatasi hanya 1 atau 2 warna aksen. Jika ada terlalu banyak warna aksen, mereka akan membuat terlalu banyak titik fokus yang dapat membingungkan pengunjung Anda.

tempat menggunakan warna aksen di situs web AndaSumber: Wix.com

# 3 Pilih warna latar belakang situs web Anda

Bagaimana memilih warna latar belakang situs webPernahkah Anda mengecat rumah sebelumnya?

Jika sudah, maka Anda mungkin akan memiliki pengalaman dalam memilih warna dinding – dan Anda akan tahu bahwa memilih warna dinding yang tepat bisa menjadi tantangan..

Anda ingin warna dinding membuat ruangan terasa nyaman. Warnanya harus cukup menenangkan sehingga Anda bisa menghabiskan waktu berjam-jam di ruangan itu tanpa membuat Anda kewalahan.

Pada saat yang sama, Anda tidak’Saya ingin warnanya begitu membosankan sehingga ruangan itu terasa benar-benar steril.

Memilih warna latar sebenarnya banyak seperti memilih warna cat tembok!

Anda ingin pengunjung situs web Anda merasa nyaman menjelajahi situs web Anda. Kamu tidak’Saya tidak ingin mengganggu pengunjung Anda atau membuatnya sulit untuk menyerap konten Anda dengan menggunakan warna latar belakang yang terlalu tebal atau cerah. Pada saat yang sama, Anda tidak’Saya tidak ingin situs web Anda menjadi begitu membosankan bagi audiens Anda’Mata hanya menatap hal-hal penting yang ingin Anda katakan.

Bagaimana memilih warna latar belakang yang tepat?

Jika Anda memilih warna dinding untuk toko ritel yang trendi dan pondok musim panas, apakah Anda akan memilih warna yang sama untuk mereka?

Mungkin bukan karena setiap ruang memiliki tujuan yang berbeda, jadi warna yang Anda pilih harus berbeda.

Misalnya, di toko pakaian eceran, Anda mungkin ingin menggunakan warna-warna berani untuk menarik pembeli ke rak pakaian. Anda ingin warna dinding kontras dengan rak barang jadi pembeli dapat langsung tahu ke mana harus mencari ketika mereka memasuki toko.

Sebaliknya, Anda mungkin ingin merasa lebih santai di rumah liburan pondok. Anda ingin warna dan dekorasi dinding Anda memiliki efek menenangkan dan rileks. Anda ingin semuanya menyatu sehingga Anda dapat fokus pada pemandangan lanskap yang menakjubkan dari jendela yang terlalu besar.

Dengan cara yang sangat mirip, warna latar belakang situs web Anda tergantung pada apa yang Anda ingin pengunjung Anda fokuskan.

Sederhananya, warna yang Anda pilih sebagai warna latar belakang Anda sepenuhnya tergantung pada tujuan situs web Anda.

Tipe # 1 – Situs Web Informasi Intensif Konten & Situs Web eCommerce

Pernahkah Anda memperhatikan bahwa sebagian besar situs web informasi atau situs web e-commerce biasanya menggunakan warna latar belakang putih atau netral?

Situs web eCommerceSitus web eCommerce (drinksoma.com)

Situs web eCommerceSitus web eCommerce (stikwood.com)

Blog MakananBlog Makanan (pinchofyum.com)

Perusahaan Produksi FilmPerusahaan Produksi Film (dingobill.com)

Ini karena tujuan dari jenis situs web ini adalah untuk mempromosikan ide atau produk.

Fokusnya adalah pada konten atau produk, bukan pada desain situs web. Warna latar belakang hanyalah latar belakang untuk membantu membuat konten lebih terlihat dan mudah dibaca.

Skema warna terbaik untuk digunakan untuk situs web e-commerce yang intensif informasi dan adalah latar belakang putih atau terang, dengan dominan tebal & warna aksen. Warna dominan dan aksen yang berani memberikan kepribadian situs web dan titik fokus, sementara warna latar belakang polos membuat pengunjung Anda’ fokus pada konten atau produk Anda.

Tipe # 2 – Situs Web Perusahaan / Bisnis

Situs web perusahaan / bisnis biasanya memiliki dua tujuan – Mempromosikan merek atau layanannya.

Bergantung pada tujuan apa situs web bisnis Anda ingin fokus, warna latar belakang Anda akan berbeda.

Mempromosikan Merek

Ketika Anda ingin membangun identitas merek yang kuat, Anda harus menggunakan berbagai corak warna dominan atau merek Anda sebagai warna latar belakang Anda.

Ini karena warna terkait erat dengan pengenalan merek (ingat contoh kami tentang Coca Cola di atas?) Ketika Anda menggunakan variasi warna merek / dominan Anda sebagai latar belakang, Anda memperkuat merek Anda dan membuatnya lebih mudah diingat oleh audiens Anda..

Jika Anda memiliki warna merek yang sangat berani, menggunakannya sebagai warna latar belakang Anda bisa terlalu berlebihan. Jika itu masalahnya, pertimbangkan untuk memilih warna warna merek Anda yang kurang kuat. Gunakan alat Adobe Color CC untuk menghasilkan warna dan kecerahan berbeda dari warna dominan Anda.

cara memilih warna latar belakang situs web branding situs web perusahaanjustactions.org
bagaimana memilih warna latar belakang situs web merek bisnis situs websbjdanebury.com

Mempromosikan Layanan

Jika Anda ingin nilai layanan Anda atau portofolio proyek Anda sebelumnya menjadi titik fokus, gunakan warna putih atau warna latar belakang netral.

Sama seperti situs web yang intensif konten dan e-niaga, Anda juga tidak’t ingin warna latar belakang Anda mengambil fokus dari konten Anda atau pesan yang ingin Anda komunikasikan.

Dengan memilih latar belakang netral atau putih, konten Anda secara alami akan menjadi lebih menarik perhatian.

cara memilih layanan bisnis warna latar belakang situs webzengenti.com
cara memilih layanan bisnis warna latar belakang situs webcharddevelopment.com

Tipe # 3 – Bergaya & Situs Web Kreatif yang Intensif Grafis

Untuk situs web yang digunakan dalam mode, desain, restoran, kecantikan, dan industri kreatif, dunia adalah tiram Anda.

Tidak ada aturan untuk gambar latar belakang atau warna apa yang harus Anda gunakan. Anda dapat menggunakan bilah menu hitam untuk membuat lebih banyak drama; Atau Anda dapat menggunakan semua warna pelangi untuk membuat gambar latar belakang inspirasional.

bagaimana memilih restuarant warna latar belakang situs webtheeddynyc.com
bagaimana memilih warna latar belakang situs web kreatifcafefrida.ca
bagaimana memilih desain warna latar belakang situs webstudiolovelock.com
bagaimana memilih warna latar belakang situs web mewahgillemore.com

Jujur saja, di sini Anda bisa melanggar semua aturan dan menggunakan warna apa pun yang Anda suka selama Anda mengingat aturan 1 ini – “Jangan pernah memilih latar belakang yang membuat teks atau konten Anda sulit dibaca.“

Warna latar belakang sempurna Anda adalah salah satu yang memungkinkan konten Anda menjadi titik fokus sambil bekerja secara harmonis dengan dominan Anda & aksen warna, dan buat audiens Anda merasa senang saat menjelajahi situs web Anda.

Jika ragu, gunakan abu-abu putih atau sangat terang sebagai warna latar belakang Anda. Meskipun mungkin bukan warna yang paling menginspirasi, Anda tahu konten Anda akan selalu bersinar.

Kesimpulan & Pengambilan Kunci

Memilih skema warna yang tepat untuk situs web Anda tidak boleh didasarkan pada warna favorit Anda, atau berdasarkan perasaan.

Desain situs web yang baik adalah yang selalu mengutamakan audiens.

Pilih warna dan desain yang menarik bagi audiens target Anda, sehingga Anda dapat membuat koneksi yang mengesankan (secara tidak sadar), dan berdiri terpisah dari pesaing Anda.

Memilih skema warna tidak boleh acak sama sekali. Alih-alih, itu harus menjadi serangkaian latihan yang terorganisir, objektif, dan serasi:

(1) Padankan merek Anda dengan warna dominan yang tepat; (2) mencocokkan warna dominan dengan warna aksen menggunakan alat Adobe; dan akhirnya (3) mencocokkan warna latar belakang dengan dominan Anda & warna aksen.

Dengan mengikuti 3 langkah pencocokan kami di atas, Anda dapat membuat kombinasi warna yang baik untuk situs web Anda – bahkan jika tidak’t memiliki rasa desain dan koordinasi warna yang baik!

Mengenakan’jangan takut menyuntikkan warna ke situs web Anda dan bersenang-senang dengan prosesnya! Ingatlah untuk tidak membiarkan warna Anda mengalahkan konten Anda!

Menemukan Panduan Ini Bermanfaat?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me