01 dari 10
Memahami Skim Warna dan Warna Web
Terdapat empat skema warna asas yang boleh anda gunakan untuk laman web. Setiap halaman artikel ini menunjukkan gambar skema warna, dan bagaimana anda boleh menghasilkan skema serupa di Photoshop.
- monokromatik
Menggunakan warna warna yang sama. Mereka mungkin mempunyai warna atau warna berbeza bergantung kepada berapa banyak putih atau hitam ditambah. - analogi
Ini menggunakan warna yang hampir satu sama lain pada roda warna. - pelengkap
Ini sering dilihat sebagai "bertentangan" kerana kedua-dua warna dalam skema warna pelengkap bertentangan satu sama lain pada roda warna. - triadic
Warna-warna ini sama rata di roda warna.
Semua skema warna akan menggunakan warna kuning ini sebagai warna asas.
02 dari 10
Skim Warna Web Monochromatic
Skim warna ini menggunakan kuning asas warna asas saya dan menambah beberapa putih dan hitam ke warna dan teduh skim tersebut dengan sewajarnya.
- kiri atas - warna asas # ffe500
- kanan atas - menambah isi 50% putih untuk mendapatkan # fff280
- kiri bawah - menambah isi 75% putih untuk mendapatkan # fff8bf
- bawah kanan - tambah isi 50% hitam untuk mendapatkan # 7f7200
Skim warna monochromatic sering yang paling mudah di mata semua skema warna. Perubahan lembut dalam warna dan teduh menjadikan warna-warna mengalir ke satu sama lain dengan lebih baik. Gunakan skema warna ini untuk menjadikan tapak anda kelihatan lebih cair dan dikumpulkan.
03 dari 10
Lebih Skim Warna Web Monochromatic
Menambah persegi 20% hitam untuk mendapatkan lebih banyak warna dalam skema. Menambah hitam atau putih pada warna anda boleh mencipta warna baru pada palet anda tanpa mengganggu nada halaman.
04 dari 10
Skim Warna Web Analog
Skema warna ini mengambil warna dasar kuning dan menambah dan menolak 30 darjah ke warna dalam palet warna Photoshop.
- kiri atas - warna asas # ffe500
- kanan atas - +30 darjah untuk mendapatkan # 99ff00
- kiri bawah - -30 darjah untuk mendapatkan # ff6600
- kanan bawah - 100% putih #ffffff
Warna analog boleh berfungsi dengan baik bersama-sama, tetapi kadang-kadang mereka boleh bertembung dengan teruk. Pastikan untuk menguji skim ini dengan lebih ramai orang daripada diri sendiri, keluarga dan rakan-rakan anda. Apabila mereka bekerja, mereka membuat laman web yang lebih berwarna daripada skema monokromatik, tetapi hampir seperti cecair.
05 dari 10
Lebih Skim Warna Web Analogus
Menambah persegi 20% hitam untuk mendapatkan lebih banyak warna dalam skema.
06 dari 10
Skim Warna Web Pelengkap
Skim warna pelengkap, tidak seperti skim warna lain biasanya hanya mempunyai dua warna. Warna asas dan ia bertentangan dengan roda warna. Photoshop menjadikannya mudah untuk mendapatkan warna pelengkap - hanya pilih kawasan warna yang anda mahu pelengkap dan tekan Ctrl-I. Photoshop akan membalikkannya untuk anda. Pastikan anda melakukan ini pada lapisan duplikat, jadi anda tidak kehilangan warna asas anda.
- kiri - warna asas # ffe500
- betul - pelengkap # 001aff
Skim warna pelengkap sering lebih menarik daripada skema warna lain, jadi gunakannya dengan berhati-hati. Mereka paling sering digunakan pada kepingan yang perlu ditonjolkan.
07 daripada 10
Lebih Skim Warna Web Complementary
Untuk mendapatkan versi ini, saya menambah 50% putih ke separuh bahagian bawah warna dan 30% hitam ke dataran tengah. Seperti yang anda lihat, ia memberi anda beberapa pilihan tetapi ia masih merupakan skim warna pelengkap.
08 dari 10
Skim Warna Web Triadic
Skim warna triad terdiri daripada 3 warna lebih kurang sama jarak di sekitar roda warna. Kerana roda warna adalah 360 darjah, saya sekali lagi menggunakan kotak warna di pemetik warna untuk menambah dan tolak 120 darjah dari warna asas.
- kiri atas - warna asas # ffe500
- kanan atas - +120 darjah untuk mendapatkan # e500ff
- kiri bawah - -120 darjah untuk mendapatkan # 00ffe6
- kanan bawah - 100% putih #ffffff
Skim warna triad sering menghasilkan halaman Web yang sangat dinamis. Tetapi seperti skim warna pelengkap, mereka boleh mempengaruhi orang secara berbeza. Pastikan untuk menguji.
Anda juga boleh mencipta skema warna tetradic atau 4 warna, di mana warna-warna sama rata di sekitar roda warna.
09 dari 10
Skim Warna Web Lebih Triadik
Seperti contoh lain, saya menambah persegi hitam 30% kepada warna untuk mendapatkan warna tambahan.
10 daripada 10
Skim Warna Web yang Kekurangan
Kecantikan adalah di mata penonton, tetapi adalah fakta yang malang bahawa tidak semua warna bersatu. Warna yang tidak sepadan adalah warna yang lebih jauh daripada sekitar 30 darjah selain pada roda warna dan bukan pelengkap atau sebahagian daripada triad.
Skim warna yang tidak sepadan boleh sangat mengejutkan dan hanya perlu digunakan untuk menghasilkan perhatian. Ingat bahawa kerana warna-warna ini sering kali bertempur, perhatian yang anda dapatkan mungkin tidak tepat seperti yang anda cari.