Dalam reka bentuk web, salah satu tiang terpenting ialah palet warna, bukan sahaja untuk sebab estetik, tetapi juga kerana ia boleh digunakan untuk meluahkan emosi, meningkatkan pengalaman tapak atau mengukuhkan penjenamaan. sebenarnya, Apabila aspek ini tidak dijaga, anda boleh menyukarkan membaca, mengelirukan navigasi atau menyebabkan pengguna meninggalkan halaman. dalam masa beberapa saat. Tetapi bagaimana anda mencipta palet warna yang ideal untuk reka bentuk web? Ini mesti mempunyai keseimbangan antara strategi, psikologi dan kreativiti. Bolehkah kami membantu anda menciptanya?
Jadi, semak petua ini di bawah.
Mengapa anda perlu memilih palet warna yang baik dalam reka bentuk web
Seperti yang telah kami beritahu anda sebelum ini, dan anda mungkin juga tahu, warna mempengaruhi tingkah laku pengguna. Dalam erti kata lain, ia mempengaruhi persepsi visual anda, yang bermaksud ia memberi kesan kepada keputusan anda, masa yang anda luangkan di tapak web dan kadar penukaran.
Palet warna yang baik akan mengukuhkan identiti jenama anda kerana anda akan diingati. Juga mencipta hierarki visual, membimbing mereka daripada yang paling umum kepada yang paling khusus. Seiring dengan ini, anda mempunyai kemungkinan menjana emosi.
Tetapi bagaimana anda mendapatkan strategi daripada semua ini? Kami menerangkannya kepada anda di bawah.
Cara Membuat Strategi Palet Warna dalam Reka Bentuk Grafik
Apabila ia datang untuk mencipta palet warna yang baik, anda perlu tahu cara untuk sampai ke sana. Dan, untuk berbuat demikian, sebaiknya ikuti langkah-langkah yang kami cadangkan ini:
Tentukan tujuan dan nada tapak
Sebelum anda mula berfikir tentang warna yang terbaik untuk jenama anda, atau untuk anda, berhenti dan fikirkan sedikit sebab anda ingin membuat logo, laman web, dll. Sama ada untuk maklumat, jualan, hiburan... Semua itu akan mempengaruhi warna, jadi anda perlu membuat profil untuk tapak yang ingin anda buat.
Sebaik sahaja anda mempunyai itu, perkara seterusnya ialah fikirkan tentang khalayak sasaran anda: Adakah anda muda, tua, apakah kuasa beli anda, apakah hobi anda,…? Tidak, tidak begitu sukar untuk mengetahuinya. Ia meletakkan diri anda dalam kedudukan orang yang akan membeli produk anda atau memberi komisen kepada perkhidmatan anda. Anda perlu tahu apa yang mereka fikirkan dan bagaimana mereka bertindak untuk mencapai mereka.
Dan untuk berbuat demikian, tiada yang lebih baik daripada emosi. Anda mungkin ingin menyampaikan alam semula jadi, kreativiti, kemewahan... Dan itulah yang boleh disampaikan oleh warna sebelum anda mula membaca.
Prinsip psikologi warna
Sekiranya anda tidak tahu, psikologi warna adalah cabang yang mengkaji bagaimana warna mempengaruhi persepsi manusia. Memang benar kadangkala, bergantung pada budaya, mungkin terdapat perubahan dalam nada tertentu, tetapi hampir secara umumnya, untuk semua orang warna membangkitkan perasaan yang sama.
Nah, di sini anda perlu tahu sedikit tentang jenis warna yang paling sesuai dengan projek reka bentuk web yang anda ada. Contohnya:
- Biru, menghantar keyakinan, kesungguhan dan ketenangan. Ia sesuai untuk teknologi, kewangan atau kesihatan.
- Merah, menghantar tenaga, semangat dan mendesak. Tetapi ia sesuai untuk eDagang, sukan atau pengiklanan.
- Hijau adalah warna keseimbangan yang membangkitkan alam semula jadi. Jika tapak web alam sekitar atau makanan, ia akan menjadi sempurna.
- Kuning, sesuai untuk menunjukkan kegembiraan dan keyakinan. Jika ia adalah tapak web kanak-kanak, atau dengan kreativiti atau seruan bertindak, ia adalah warna yang sempurna.
- Hitam, yang merupakan warna keanggunan, kemewahan dan kuasa. Untuk laman web produk premium ia boleh menjadi sempurna.
- Jingga, memberikan tenaga dan semangat. Itulah sebabnya ia sering digunakan dalam pemula, pendidikan, atau apl.
- Putih adalah warna yang paling mudah, tetapi itulah yang membangkitkan ketenangan. Untuk laman web kesihatan atau minimalis ia boleh menjadi sempurna.
Membina palet warna asas anda
Apabila mencipta palet warna anda untuk reka bentuk web, anda harus tahu itu Ini biasanya terdiri daripada tiga hingga enam warna paling banyak. Enam warna ini mempunyai fungsi tertentu. Anda akan melihat:
- Warna utama: warna paling penting yang mencerminkan jenama atau mesej teras.
- Warna sekunder: pelengkap kepada yang sebelumnya, yang memberikan kedalaman dan kontras.
- Warna aksen: untuk butang, ikon, seruan bertindak, dsb.
- Warna neutral, untuk latar belakang atau pemisahan blok. Mereka biasanya putih, hitam, kelabu dan kuning air.
- Variasi tona warna sebelumnya, tetapi dalam warna yang berbeza.
Berhati-hati dengan kontras dan kebolehbacaan
Salah satu kesilapan yang dilakukan oleh pemula reka bentuk grafik ialah gagal memastikan kontras dan kebolehbacaan yang baik. Contohnya, menggunakan teks gelap pada latar belakang gelap (tiada apa-apa yang boleh dibaca), atau butang tidak menonjol.
Oleh itu, semasa membina laman web, anda mesti pastikan teks boleh dibaca pada sebarang latar belakang warna. Juga, butang harus menonjol dari latar belakang dan memecahkan keseimbangan sedikit, tetapi tidak kelihatan seperti kekacauan.
Akhirnya, kami mengesyorkan agar jangan gunakan warna yang serupa, kerana ramai yang tidak akan membezakan mereka. Selain itu, jika anda menggunakannya untuk fungsi yang berbeza, satu-satunya perkara yang anda akan capai ialah mereka tidak akan tahu dengan tepat untuk apa anda menggunakan warna tersebut.
Jika ia berfungsi untuk anda dan anda ingin mematuhi piawaian kebolehcapaian WCAG 2.1, nisbah kontras minimum yang disyorkan ialah 4.5:1 untuk teks biasa dan 3:1 untuk teks besar.
Dapatkan inspirasi
Kadang-kadang kreativiti bukan sahaja berada di sudut. Perkara ini biasa berlaku kepada anda. Tetapi atas sebab itu, mencari inspirasi bukanlah perkara yang buruk. Ia sebenarnya boleh membantu anda mencabut dan melihat cara tapak lain dalam sektor yang sama seperti projek anda telah cipta untuk memahami warna yang biasa digunakan. Ini boleh membantu anda mengelakkan pengulangan warna, atau berbuat demikian.
Terdapat banyak tempat di mana anda boleh mencari inspirasi. Salah satunya ialah Dribbble, tetapi terdapat juga Pinterest, tempat anda boleh melihat palet warna.
Cuba dan gagal
Akhir sekali, apa yang kami cadangkan ialah anda tidak menetapkan had untuk diri sendiri. Eksperimen, cuba dan ya, buat kesilapan. Kerana itulah cara anda mencari palet warna reka bentuk web yang sempurna. Tetapi berhati-hati, kerana bukan pengguna yang sepatutnya menyukainya.
Itulah sebabnya anda harus mengujinya dengan aksen warna yang berbeza, pengguna yang berbeza, dan juga alat pemetaan haba.
Semua ini akan membantu anda memahami jika anda perlu menukar ton warna. Ia bukan berdasarkan estetika, tetapi pada kepraktisan tapak. Jika anda mahu ia berfungsi, anda perlu memastikan warnanya betul.
Adakah anda bersedia untuk mencipta palet warna reka bentuk web untuk projek anda?