Color Harmony

28/12/2013    Agustinus    959     Website

Kombinasi warna-warna yang sering kita lihat dimana memberikan efek enak di lihat atau sangat serasi biasanya sering kita sebut Color Harmony.

Sebenarnya, “color harmony” adalah sebuah hal yang lumayan komplex, karena manusia sering merespon warna secara “affective” dan “cognitive” yaitu selalu berhubungan dengan moods, feelings attitudes dan judgement.

Untuk itu, respon kita terhadap warna dan juga color harmony sangat dipengaruhi oleh banyak faktor seperti: faktor “umur”, “jenis kelamin”, “referensi pribadi” dan lain-lain. Juga bisa termasuk "budaya" "lingkungan" dan lain-lain.

Supaya kita ada “guide” dalam pemilihan warna, disini akan saya perkenalkan yang namanya "Color Wheel". Tentunya dengan bantuan sebuah website smiley

www.colorschemedesigner.com

Kursus Website, Kursus Web Design, Kursus Komputer

Nah, kita bisa melihat tampilan gambar di atas, ada pilihan mono, complement, triad, tetrad, analogic dan accented analogic.

Saat ini, saya  akan membahas mono  Karena untuk yang mono ini paling sering dipakai untuk corporate, sedangkan untuk sisanya akan saya jelaskan di tutorial selanjutnya. Silahkan teman-teman berexperiment sendiri 

MONO

Mono, adalah salah satu color scheme yang menggunakan warna-warna yang saling berdekatan. Biasanya sering dipakai untuk warna corporate. Dimana akan memberikan efek warna yang serasi.

 Kursus Website, Kursus Web Design, Kursus Komputer

Ketika saya pilih titik dari color wheel nya di daerah biru tersebut, maka di preview sebelah kanan akan kelihatan pilihan warnanya.

Kursus Website, Kursus Web Design, Kursus Komputer

Sekarang, coba kita klik  "Light page example" maka kita bisa melihat contoh layout website sesuai dengan warna yang sudah kita pilih. Lengkap dengan pemilihan warna Hover dan lainnya seperti gambar di bawah ini.

Kursus Website, Kursus Web Design, Kursus Komputer

Kalau teman-teman sudah cocok dengan warna yang di pilih, maka saatnya kita kumpulkan kode warna yang mau kita pilih.

Kursus Website, Kursus Web Design, Kursus Komputer

Begitu di klik "Color List", maka akan muncul list kode Hex warna beserta contoh warnanya. Tinggal kita copy dan pakai ke Photoshop, Css dan lain-lain.

Kursus Website, Kursus Web Design, Kursus Komputer

Silahkan mencoba smiley

Untuk next, akan saya jelaskan Color Scheme yang lain seperti complement, triad, tetrad, analogic dan accented analogic. 

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More