Memahami Konsep Dan Terminologi
Jika Anda akan menggunakan warna secara efektif dalam desain Anda, Anda perlu tahu beberapa konsep dan teori warna terminologi. Pengetahuan konsep menyeluruh seperti kroma
, nilai dan saturasi adalah kunci untuk menciptakan skema warna anda sendiri. Di Bagian 1: kita bahas arti dari warna yang berbeda. Di sini, kita akan membahas dasar-dasar yang mempengaruhi warna tertentu, misalnya menambahkan abu-abu, putih atau hitam rona yang murni, dan pengaruhnya pada desain, tentu saja dengan contoh-contoh.Hue
Hue adalah warna persyaratan warna yang paling dasar dan sifat alaminya menunjukkan warna obyek. Ketika kita berkata "biru," "hijau" atau "merah," kita sedang berbicara tentang rona. Warna yang anda gunakan dalam desain anda berfungsi juga untuk menyampaikan pesan penting kepada pengunjung situs web anda (baca bagian 1)
Contoh :
Rona utama dari latar belakang dan beberapa tipografi pada website ini (Twitmas Happy) membuatnya merah cerah.
Menggunakan banyak warna murni bersama-sama dapat menambahkan rasa menyenangkan dan lucu pada sebuah desain, seperti yang dilakukan di header dan di tempat lain di website ini.
Chroma
Kroma mengacu pada kemurnian suatu warna. Sebuah rona kroma tinggi tidaklah hitam, putih atau abu-abu. Menambahkan putih, hitam atau abu-abu dapat mengurangi warna kroma. Hal ini mirip dengan kejenuhan, tetapi tidak persis sama. Chroma dapat dianggap sebagai kecerahan warna dibandingkan dengan putih.
Dalam Desain, hindari menggunakan warna yang memiliki kroma sangat mirip. Bukannya untuk memilih warna dengan kroma yang sama atau menjauh dari warna satu dengan yang lain.
Contoh :
Cyan memiliki kroma tinggi dan benar-benar keluar terhadap hitam dan putih.
Situs web lain dengan biru kroma tinggi, meskipun berisi beberapa tints dan nuansa dengan kroma agak rendah.
Saturasi
Saturasi mengacu pada bagaimana rona muncul di bawah kondisi pencahayaan tertentu. Pikirkan kejenuhan dalam hal lemah vs kuat atau murni vs warna pucat.
Dalam desain, warna dengan tingkat saturasi yang serupa membuat desain tampak lebih kohesif. Seperti halnya chroma, warna yang sama tetapi tidak identik. Saturasi dapat memiliki efek gemuruh pada pengunjung.
Contoh
Tingkat saturasi banyak rona yang berbeda yang digunakan di sini adalah sama, menambah rasa kesatuan untuk desain keseluruhan.
Menggabungkan warna dengan tingkat kejenuhan menciptakan desain yang lembut, yang ditekankan oleh efek cat air.
Value
Value juga bisa disebut "lightness". Ini mengacu pada seberapa terang atau gelap warna ini. Warna yang terang (lighness) memiliki nilai yang lebih tinggi. Misalnya, jeruk memiliki nilai yang lebih tinggi daripada biru tua atau ungu gelap. Hitam mempunyai nilai terendah dari setiap rona, dan putih tertinggi.
Ketika menerapkan nilai-nilai warna untuk desain Anda, dukunglah warna dengan nilai-nilai yang berbeda, terutama yang dengan kroma tinggi. Nilai kontras tinggi umumnya menghasilkan desain yang lebih estetis dan menyenangkan.
Contoh
Nilai kuning yang tinggi benar-benar berdiri keluar terhadap nilai yang lebih rendah yaitu hitam dan abu-abu.
Website ini menggabungkan warna biru dengan dua nilai yang berbeda. Karena nilai-nilai yang berbeda cukup kontras, keseluruhan tampilan secara visual menarik.
Tones
Tones dibuat ketika abu-abu ditambahkan ke rona. Value pada umumnya kusam atau tampak lebih lembut daripada warna murni.
Value kadang-kadang lebih mudah untuk digunakan dalam desain. Value dengan warna abu-abu lebih dapat meminjamkan vintage tertentu ke situs web. Tergantung pada rona, mereka juga dapat melambangkan kecanggihan atau elegan.
Contoh :
Warna value dapat memberikan website terlihat canggih sambil menambahkan beberapa vintage dan antik.
Website ini menggabungkan blues di berbagai value, nuansa dan tints.
Shades
Sebuah bayangan hitam tercipta ketika ditambahkan ke rona, membuatnya lebih gelap. Kata ini sering disalahdigunakan untuk menggambarkan warna atau value, tapi hanya berlaku untuk warna-warna yang dibuat lebih gelap dengan penambahan hitam.
Dalam desain, warna sangat gelap kadang-kadang digunakan sebagai pengganti hitam dan dapat berfungsi sebagai netral. Menggabungkan nuansa dengan tints adalah langkah terbaik untuk menghindari terlalu gelap.
Contoh
Website Jonathan Moore memiliki berbagai nuansa yang berbeda pada ungu di latar belakang (dan beberapa tints di bagian lain).
Menggunakan nuansa warna yang berbeda secara bersama-sama membuat website ini bekerja dengan baik, asalkan cukup kontras diantara mereka dan dipertahankan.
Tints
Sebuah warna putih terbentuk ketika ditambahkan ke rona. Sangat terang (tipis) tints kadang-kadang disebut pastel, tetapi setiap rona dengan putih murni yang ditambahkan ke dalamnya adalah sebuah warna.
Tints sering digunakan untuk membuat desain feminin atau lebih ringan. Pastel tints secara khusus digunakan untuk membuat desain lebih feminin. Mereka juga bekerja dengan baik dalam desain vintage dan populer di situs Web yang ditargetkan pada orang tua, bayi dan balita.
Contoh
Website Caio Cardoso memiliki berbagai tints hijau di latar belakang dan unsur-unsur lain.
Pewarnaan biru pada website Fernando Silanes menciptakan nuansa lembut dan terlihat canggih.
Kesimpulan
Walaupun anda tidak perlu harus mengingat semua istilah-istilah teknis ini, Anda harus terbiasa dengan konsep-konsep warna yang sebenarnya, terutama jika Anda ingin menguasai bagian 3 dari seri ini (di mana kita membuat skema warna kita sendiri) :
- Hue adalah warna (biru, hijau, merah, dll).
- Chroma adalah kemurnian suatu warna (kroma tinggi tidak menambahkan hitam, putih atau abu-abu).
- Saturasi mengacu pada seberapa kuat atau lemah warna adalah (saturasi tinggi yang kuat).
- Value merujuk pada seberapa terang atau gelap warna adalah (cahaya memiliki nilai tinggi).
- Tones dibuat dengan menambahkan sebuah warna abu-abu, sehingga kusam daripada yang asli.
- Shades dibuat dengan menambahkan sebuah warna hitam, menjadikannya lebih gelap daripada yang asli.
- Tints dibuat dengan menambahkan warna putih, menjadikannya lebih ringan daripada yang asli.
Sumber:
Referensi terbaik mengenai kubus warna
Artikel lama yang masih berguna.
Pelajaran tentang warna dari Universitas Saskatchewan.
Artikel dari Design Notes tentang warna dan bagaimana menggunakannya
Penulis:
Cameron Chapman adalah seorang profesional web dan desainer grafis dengan pengalaman lebih dari 6 tahun. Dia menulis untuk beberapa blog, termasuk dirinya sendiri, Cameron Chapman On Writing. Dia juga penulis Internet Famous: Sebuah Panduan Praktis untuk Menjadi Selebriti Online.
Alih Bahasa : Tri Wibowo