Teori Warna Untuk Designer : Memahami Konsep dan Terminologinya
Sudah pasti agan-agan sekalian yang berkecimpung di dunia design kenal banget kan sama warna...tapi apa agan2 tau kalo memahami konsep sama terminologi dari warna itu sangat berpengaruh banget sekali ( ) sama hasil karya kita nantinya. Pengetahuan2 menyeluruh seperti chroma, value dan saturasi merupakan kunci sukses agan-agan sekalian buat nyiptain color scheme sendiri. nah..dibawah ini saya akan coba sharing tentang dasar2 yang berpengaruh terhadap warna seperti menambahkan warna abu2, hitam dan putih buat dapetin hue murni, dan efeknya terhadap desain kita, pastinya dengan contoh..
sebelumnya...saya hanya ingin berbagi pengetahuan yang saya dapet dari beberapa sumber (terutama smashingmagazine.com), maaf kalo hasil share ini menyimpang dan gak sesuai sama pengetahuan yang agan punya..(maklum masih nubi..hihihi)
OK...LETS BEGIN!!!:
HUE :
berbicara tentang HUE berarti kita sedang berbicara tentang warna dasar.
Ketika kita berkata "biru," "hijau" atau "merah," maka kita sedang berbicara tentang HUE. HUE yang agan2 gunakan dalam desain agan menyampaikan pesan penting kepada pengunjung situs Web agan.
Contoh :
Spoiler for contoh:
HUE dasar dari website Happy Twitmas diatas adalah merah cerah...
Spoiler for contoh:
menggunakan banyak HUE-HUE dasar secara berbarengan bisa bikin tampilan yang fun dan playfull lho
Spoiler for contoh:
merah jreng adalah HUE paling populer buat website...
KROMA
kalo bahasa nya KROMA itu "kemurnian dari warna" (cie illeeeee). HUE tanpa KROMA berarti warna itu tidak memiliki derajat keabuan, putih atau hitam sama sekali di dalamnya (kalo merah ya merah aja, gitu maksudnya gan..) karena prinsipnya, nambahin ketiga warna tadi itu bakal ngurangin KROMA (sedikit hampir sama dengan SATURASI tapi gak sama kok). kalo dibandingkan dengan putih, KROMA bisa didefinisikan kecerahan pada warna.
Contoh:
Spoiler for contoh:
cyan memiliki KROMA yang tinggi dibanding hitam or putih
Spoiler for contoh:
situs dengan KROMA biru yang tinggi
Spoiler for contoh:
kombinasi antara SATURASI dan HUE dapat menciptakan desain yang elegant dan shopisticated
SATURASI
SATURASI berarti bagaimana HUE terlihat kalo di pencahayaan yang terang. coba bayangin deh gan, SATURASI itu kayak kuat VS lemah atau pucat VS HUE murni. intinya kalo HUE-nya itu coklat berarti SATURASI-nya coklat muda, coklat tua, coklat ke biruan...gitu gan...
Contoh:
Spoiler for contoh:
kombinasi warna2 dengan SATURASI yang mirip dapat memberi efek lembut
Spoiler for contoh:
contoh bagus tentang bagaimana mengkombinasikan HUE ber-SATURASI tinggi dengan HUE ber-SATURASI rendah
VALUE
VALUE itu berarti tingkat kecerahan dari warna berbeda. VALUE mengindikasikan seberapa cerah atau gelapnya warna. contohnya, oranye mempunyai VALUE lebih tinggi daripada ungu.
Contoh:
Spoiler for contoh:
VALUE yang tinggi dari kuning bener2 kontras sama VALUE rendah yang dihasilkan dari abu2 tua.
Spoiler for contoh:
image diatas mempunyai HUE dari biru dengan VALUE yang berbeda, membuat tingkat kekontrasan dari isi situs semakin menonjol
TONE
TONE dihasilkan ketika warna abu2 dicampur dengan HUE, maka HUE tersebut akan terlihat agak kusam. warna2 dengan menggunakan teknik TONE biasanya dipake buat situs2 or desain2 dengan nuansa underground dan oldschool.
Contoh:
Spoiler for contoh:
TONE bisa memberi nuansa vintage seperti situs diatas
SHADES
sama kayak TONES nih gan, cuma bedanya SHADES itu ketika hitam ditambahkan kedalam suatu HUE. SHADES cocok untuk menimbulkan nuansa berat dan gothic.
Contoh:
Spoiler for contoh:
situsnya om jonathan moore diatas merupakan contoh bagus buat ngedeskripsiin pemakaian SHADE untuk HUE ungu, disana juga ada sedikit aksen TINTS
TINTS
naah, kalo yang ini deskripsinya gini gan, TINTS itu adalah ketika warna putih yang dicampurkan ke dalam suatu HUE, kalo bahasa umum yang sering kita denger itu warna pastel (pada tau pastinya...apalagi cewe..). TINTS sering digunakan buat nyiptain desain yang ringan dan feminin. pastel TINTS bisa membuat desain lebih keliatan feminin. desain dengan TINTS biasa digunakan untuk desain yang berhubungan sama bayi, dan wanita.
Contoh:
Spoiler for contoh:
Merupakan perpaduan yang asik dengan mengkombinasikan TINTS dengan biru
Spoiler for contoh:
yang ini kombinasinya asik nih gan.
okaayyy...untuk thread ini sekian dulu ya, ane berharap sharing ane tadi bisa memberikan inspirasi buat agan2 sekalian...so last but not least..selamat berkarya...
nice inpo gan..
kalo bisa diupdate tuh warna cocok buat situs2 apa aja..
misalnya yg warna2 terang cocok buat situs yg berhubungan dgn anak-anak, cewe, etc..
IMHO..
Original Posted By atujuheks►gan numpang nanya
kalo kita make Color balance di photoshop (Ctrl+b)
kan di bagi tiga tuh (Shadow, Highlights, Midtones)
itu masuk teori warna bukan ya
(soalnya ane make itu sama sekali gak tau teorinya )
Klo ada e-book nya juga bisa dishare ya gan
apapun yang berhubungan sama permainan kombinasi warna itu masuk ke teori warna gan...kalo mao lebih jelas masuk aja langsung ke smashingmagazine.com semoga dapat membantu
Original Posted By gari gari►gan kl untuk perusahaan yg mature cocoknya pake warna2 yg kyk gmana ya?
perusahaanya bergerak di bidang apa dulu gan...kalo bisnis ambil mode corporat, clean, simple but straight to the point gak perlu warna2 mencolok, menunjukan keseriusan dan ketegasan profesional dari perusahaan itu, kalo bisnisnya di bidang design (interior, exterior, grafis) ambil tone2 yang cerah tapi gak norak, sedikit gradasi sana-sini bisa lebih membantu.....
thnx sharenya gan...
btw ada ilmu2 lain tentang warna ga?
klo ini kayaknya masih ketinggian [bagi ane] hehehe
kalo di sotosop, bagian yang ngatur kroma, tone, sama tint itu di sebelah mana yak?
maap newbie...
:maho:maho
ane cuma tau hue, saturation, sama brightness aja gan...hehe malu
Original Posted By hackerkuper►thnx sharenya gan...
btw ada ilmu2 lain tentang warna ga?
klo ini kayaknya masih ketinggian [bagi ane] hehehe
kalo di sotosop, bagian yang ngatur kroma, tone, sama tint itu di sebelah mana yak?
maap newbie...
:maho:maho
ane cuma tau hue, saturation, sama brightness aja gan...hehe malu
kalo buat fitur di PS, mainin color balancenya aja...semoga membantu...
Teori Warna Untuk Designer #2 : Memahami Warna dan Efeknya (Edisi Warna Hangat)
Pada thread saya sebelumnya, kita sudah sama-sama memahami konsep terminology dari warna, sekarang, mari kita memahami arti di balik warna-warna serta efek yang di timbulkan ketika melihat warna tersebut, oke agan2 sekalian, duduk yang nyaman, siapin cappuccino panas + cemilan, kita mulai:
Warna dalam desain sangatlah subjektif, kadang-kadang ada pengaruhnya juga sama warna faforit dari seseorang, atau bisa juga berpengaruh sama kebudayaan. Disini saya akan membagi warna-warna yang kita kenal selama ini kedalam 4 kelompok warna berdasarkan efeknya terhadap orang yang melihat. Disini saya juga akan membahas arti dibalik dari kelompok-kelompok warna tersebut, dan memberikan contoh penggunaanya.
Warna Hangat
Spoiler for merah:
Merah, Oranye, dan Kuning serta gabungan dari ketiganya adalah keluarga warna hangat, warna-warna tersebut mewakili api, daun musim gugur, serta matahari terbit dan terbenam, pada umumnya bisa diartikan sebagai pembawa energy positif.
Merah dan Kuning adalah warna primer dengan oranye (yang berada di tengah2nya) sebagai warna sekundernya. Warna hangat dapat digunakan di dalam sebuah desain untuk merefleksikan kebahagiaan, hasrat, antusiasme, dan energy positif
Merah (Warna Primer)
Spoiler for merah:
Merah adalah warna yang sangat panas, bisa diasosiasikan dengan api, kekerasan, dan peperangan, tapi di sisi lain juga bisa diartikan dengan cinta. Di dalam sejarah, merah itu ngewakilin setan dan cupid (kontras banget ya?). Merah juga dapat empengaruhi tubuh manusia secara fisik, seperti menaikan tekanan darah dan metabolism tubuh (percaya or nggak, buktikan sendiri )
Merah bisa diasosiasikan dengan amarah, tetapi juga dapat diartikan apresiasi dan penghargaan (coba deh pikir, kenapa di setiap penghargaan bergengsi ada red carpet). Merah juga dapat diartikan sebagai bahaya (kalo ada logo2 peringatan bahaya sering ada warna merah kan)
Diluar dari dunia barat, merah mempunyai arti yang berbeda, missal nih di Cina, merah sering diartikan sebagai kebahagiaan dan kemakmuran. Merah juga bisa digunakan untuk memperoleh keberuntungan. Di negara2 timur lainnya, merah juga sering dipakai untuk acara2 besar seperti pernikahan (warna baju pengantin adat betawi di Indonesia juga merah lho).
Dalam dunia desain, merah adalah warna yang mempunyai aksen yang kuat. Merah sangat cocok digunakan untuk design-design yang ingin menunjukkan kekuatan dan gairah. Merah juga warna yang serba guna, di versi terangnya dapat menimbulkan efek energetic di versi gelapnya dapat menimbulkan efek powerful dan elegan.
Spoiler for merah:
Warna merah gelap (marun) dapat memberikan suasana elegan dan kuat pada desain
Spoiler for merah:
Perpaduan merah dengan warna hitam sebagai background akan membawa suasana high-end
Spoiler for merah:
Perpaduan antara merah, putih dan abu2 dapat menimbulkan efek profesional dan elegan
Oranye (Warna Sekunder)
Spoiler for merah:
Oranye adalah warna yang penuh semangat dan energy. Dapat juga diasosiasikan sebagai warna bumi dan warna sore. Karena asosiasinya pada pergantian musim, maka secara umum wana oranye bisa juga dipakai untuk mewakili perubahan dan pergerakan.
Karena namanya juga sama kayak nama buah, oranye juga bisa diartikan sebagai symbol kesehatan dan vitalitas. Di dalam dunia desain, oranye bisa mewakili penegasan dan pengajakan (walaupun gak sekuat merah). Warna ini juga sering dipake oleh desainer untuk mengajak user untuk melakukan sesuatu.
Spoiler for oren:
Box berwarna oranye pada situs membawa perhatian pengunjung
Spoiler for oren:
Perpaduan antara warna oranye gelap dan hijau limo memberi kesan natural
Spoiler for oren:
Kuning (Warna Primer)
Spoiler for koneng:
Kuning adalah warna tercerah dan penuh energy di keluarga warna hangat. Bisa diasosiasikan dengan kebahagiaan, dan sinar matahari.
Kuning juga dapat diartikan sebagai harapan di satu sisi juga sebagai tanda bahaya (walaupun gak sekuat merah)
Di beberapa Negara kuning memiliki arti beragam, di jepang misalnya, kuning diartikan sebagai keberanian, di mesir diartikan sebagai duka, sementara di india diartikan sebagai symbol perdagangan (mungkin di Indonesia diartikan sebagai symbol kekuasaan, terutama pada era orba..hehehe)
Di dalam dunia desain, kuning cerah dapat membawa pesan ceria dan bahagia. Kuning muda bisa membawa suasana natural dan agak ke kanak-kanakan. Sementara kuning tua (kuning gelap) dapat membawa suasana antic dan tua.
Spoiler for koneng:
kuning cerah pada header membawa kesan energetic dan positif
Spoiler for koneng:
warna kuning muda dicampur desain ilustrasi memberi kesan ceria
Spoiler for koneng:
sekian dari saya thread Teori Warna Untuk Designer #2 : Memahami Warna dan Efeknya (Edisi Warna Hangat)
Original Posted By n2k►belum bisa nyendolin makasi ya gan berguna banget buat nubi
maunya thread agan dijadiin satu aja ya sama yang dulu
yang penting di rate ya gan... maunya sih gitu gan di jadiin satu...cuma kalo dijadiin satu bakal panjang banget, makanya akhirnya saya memutuskan untuk misah threadnya jadi beberapa bagian...thx...
karena sepertinya thread ke dua saya disatukan di dalam thread pertama saya (page 2), maka untuk thread selanjutnya saya akan posting melalui comment di thread ini, thanks...
Forum untuk berdiskusi segala sesuatu tentang desain (desain grafis, desain website, desain interior, motion design, dsb) termasuk tutorial, tips dan trik.
Anda akan meninggalkan All About Design. Apakah anda yakin?
Lapor Hansip
Semua laporan yang masuk akan kami proses dalam 1-7 hari kerja. Kami mencatat IP pelapor untuk alasan keamanan. Barang siapa memberikan laporan palsu akan dikenakan sanksi banned.