Skip to content
Tri Wibowo
  • Home
  • About
Menu Close
  • Home
  • About
  • Home
  • About
Menu
  • Home
  • About

Teori Warna Untuk Desainer 2

March 7, 2010
/
Bowo
Search
Close

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 :
happytweetmas
Rona utama dari latar belakang dan beberapa tipografi pada website ini (Twitmas Happy) membuatnya merah cerah.

chapolito
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 :

annyas

Cyan memiliki kroma tinggi dan benar-benar keluar terhadap hitam dan putih.

canalconnection

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

sifrvault

Tingkat saturasi banyak rona yang berbeda yang digunakan di sini adalah sama, menambah rasa kesatuan untuk desain keseluruhan.

rainbeaumars

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

creativespark

Nilai kuning yang tinggi benar-benar berdiri keluar terhadap nilai yang lebih rendah yaitu hitam dan abu-abu.

oysterdesign

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 :

lakesideheritage

Warna value dapat memberikan website terlihat canggih sambil menambahkan beberapa vintage dan antik.

brightkite

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

jonathanmoore

Website Jonathan Moore memiliki berbagai nuansa yang berbeda pada ungu di latar belakang (dan beberapa tints di bagian lain).

vuu

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

caiocardoso

Website Caio Cardoso memiliki berbagai tints hijau di latar belakang dan unsur-unsur lain.

fernandosilanes

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:

  • Glossary of Color Terms

Referensi terbaik mengenai kubus warna

  • Design Tip: Saturate Your Colors

Artikel lama yang masih berguna.

  • Elements of Design: Value and Color

Pelajaran tentang warna dari Universitas Saskatchewan.

  • Color

Artikel dari Design Notes tentang warna dan bagaimana menggunakannya

Penulis:

Cameron Chapman

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

Share on facebook
Share on twitter
Share on whatsapp
Share on google
Share on email
Share on print
Previous | Next

Leave a Reply Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Copyright - OceanWP Theme by Nick