Desain Warna

Warna adalah elemen desain yang paling penting. Warna sering sekali dikaitkan dengan kepribadian maupun selera seorang desainer. Warna sangat penting hubungannya dalam konten. Mengapa demikian? Jika seorang pembaca mengunjungi situs Anda dan ‘menyulingkan’ matanya, artinya warna dalam situs Anda terlalu mencolok atau bahkan memusingkan pembaca sehingga hal tersebut menyebabkan kebosanan atau bahkan pembaca sudah malas membacanya sebelum membacanya. Apakah Anda tahu bahwa terkadang cara yang paling baik memilih warna untuk suatu situs adalah memilihnya secara acak. Karena saat pertama kali pengunjung datang, yang dilihat bukanlah isi kontennya, tetapi bagaimana penampilan situsnya. Dalam artikel ini terdapat beberapa teknik untuk mencapai warna yang proposional dan indah untuk web Anda.

1. Cobalah Memulainya Dengan Grayscale

Cara terbaik untuk bermain dengan warna adalah mulailah dari nol. Cobalah desain situs Anda dari cara yang paling mudah yaitu hitam putih. Saat desain Anda sudah jadi dan Anda berpikir desain tersebut terlalu sederhana, barulah Anda coba tambahkan beberapa warna. Sedangkan jika Anda ingin me-redesain situs Anda, cobalah untuk menghilangkan beberapa warna dan ingat tujuan pertama Anda saat membuat situs.

Setelah Anda selesai mendesain situs Anda, yuk coba tips desain yang satu ini. Cobalah untuk menganalisis skema warna Anda dengan menggunakan Photoshop “Squint” Test:

Sudah? Anda pasti bingung untuk apa tes ini dilakukan. Tes ini dilakukan untuk menunjukkan warna apa yg mendominasi situs Anda. Mudah bukan?.

2. Selaraskan Warna Anda

Sebagai seorang desainer, Anda harus ingat bahwa warna memiliki 3 sifat yaitu hue, saturation, dan value (kadang disebut dengan lightness). Saturation menunjukkan betapa kaya warna Anda, sebagai contoh adalah neon adalah warna yg memiliki saturation tinggi, sedangkan pastel adalah warna yang memiliki saturation rendah. Value menunjukkan seberapa terang warna Anda dari skala hitam dan putih. Sedangkan yang terakhir adalah hue. Hue menunjukkan bagian warna pelangi mana warna tersebut. Contohnya seperti merah atau hijau.  Sebuah desain bisa memiliki 100 nuansa warna, dari pastel ke neon. Tapi tentunya, warna pada desain harus direncanakan dengan baik. Karena jika Anda salah memadukannya, skema warna Anda akan berantakan.

 3. Galilah Skema yang Baik

Untuk mencapai skema warna yang baik tidak semudah membalikan telapak tangan Anda. Anda harus bisa menggali skema dengan baik. Anda harus berpikir dimana skema warna yang baik berasal? Bagaimana Anda bisa memutuskan warna yang cocok dari beribu-ribu kombinasi warna yang ada?. Anda harus memikirkan baik-baik tentang skema warna Anda. Tentunya skema warna Anda harus selaras dengan isi konten situs Anda. Jangan sampai situs Anda mengenai berita politik, tetapi Anda menggunakan kombinasi warna pink dan biru muda pada situs Anda. Itu bencana yang sangat besar.

 4. Gunakan Tekstur

Tekstur monokromatik (tekstur dengan hanya menggunakan satu warna) dan pola memberikan dimensi halus untuk sebagian besar situs tanpa terjadinya bentrok antara warna dan konten. Tapi bagaimana caranya membuat tekstur yang baik dan menarik untuk dilihat?. Inilah tips desain untuk membuat latar belakang dengan tekstur yang sederhana:

5. Yuk, Buat Skema Yang Baik

Sebuah skema dibilang baik tentunya pasti memiliki karakteristik tersendiri. Anggap saja sebagai sebuah kerangka atau pedoman untuk menjaga desain yang konsisten, skema ini harus:

Mari kita coba implementasikan tips desain ini:

Ini adalah salah satu skema yang dirancang dengan tema musim gugur. Pemilihan warna hangat ini terasa benar dan berhubungan dengan temanya.

Dalam Photoshop, disediakan dua lapisan warna hitam dan putih. Modus campuran setiap lapisan ditetapkan untuk “Soft Light.” Hitam paling gelap untuk warna paling kanan, sehingga opacity layer hitam telah disesuaikan.

Untuk menyatukan warna, lapisan baru diciptakan dan diisi dengan warna merah murni. Modus campuran ini ditetapkan untuk “Color” dan opacity nya dipotong menjadi sekitar 40%. (Catatan: urutan lapisan sangat penting. Warna akan berubah jika “warna” lapisan ditetapkan di bawah lapisan hitam-dan-putih).

Nah, hal ini memberikan desainer 15 warna untuk dipilih. Anda dapat mengambil empat yang memiliki berbagai nada dan warna. Di sini, warna yang diatur terhadap putih.

 

Tadaaa….. terpilihlah empat warna yang Anda pilih. Tapi ingat! Variasi sangat penting, sehingga tidak ada salahnya Anda untuk bereksperimen dan tidak terpaku pada tips desain ini.

Bagaimana jika kita mengubah mereka sekaligus? Coba gunakan Image → Adjustments → Hue/Saturation pada “tint” layer menciptakan nuansa jelas un-musim gugur, tapi warna masih dikoordinasikan. Mungkin palet yang dapat digunakan untuk Paskah.

Hasil akhirnya adalah skema warna: referensi yang menyediakan berbeda (tapi tidak terlalu berbeda) warna dan berbagai nuansa yang bekerja sama dengan baik.

6. Gunakan Framework

Dalam pembuatan skema Anda harus dapat berpikir kedepan. Apakah grafis 1 bulan mendatang dapat didukung skema warna Anda? Solusi termudah adalah untuk menemukan gambar yang sesuai dengan skema Anda . Ingat bahwa skema warna memungkinkan untuk ruang gerak: selama warna utama gambar itu cocok, gambar dapat sesuai. Tetapi, sedangkan tidak cocok, Anda bisa coba gunakan tips desain ini:

Gimana? Mendekati bukan? Jika belum mendekati juga, cobalah bermain dengan opacity Anda.

7. Mencari Profesional

Mencari satu set warna yang terlihat profesional adalah hal yang membuang waktu Anda loh Sribuddies. Karena sebenarnya tidak ada tuh yang namanya satu set warna yang profesional. Jadi, Anda harus sabar mengkombinasikan satu per satu warna yang menurut Anda cocok untuk situs Anda.

TIPS DESAIN: