Langsung ke konten utama

Warna dalam Desain Web



Range warna dapat diproduksi dari warna primer, yaitu RGB (red, green, blue).



Selain RGB, warna juga bisa diproduksi dari warna CMYK (Cyan, Magenta, Yellow Key), HSL, HSB dan XYZ.

Warna dalam Disain Web
Warna membantu dalam mengenali suatu obyek.
Warna dapat digunakan untuk :
a.    Menegaskan elemen yang dianggap penting
b.    Menarik perhatian
c.     Membantu pembaca untuk menentukan elemen mana yang seharusnya dibaca terlebih dahulu.
d.    Menentukan bagian-bagian yang berbeda dari sebuah grafik
e.    Mengelompokkan atau memisahkan satu elemen dengan elemen yang lain.
f.     Menimbulkan respon emosional

Aspek Psikologi Warna
WARNA
MAKNA POSITIF
MAKNA NEGATIF
KETERANGAN
Red
Kekuatan, energi, tenaga, hasrat, cinta, keberanian, patriot, agresif, kemerdekaan
Bahaya, perang, revolusi, kekejaman, kekerasan, anarki, siksaan, api, darah dan setan/iblis
Warna merah kadang berubah arti jika dikombinasikan dengan warna lain.
Hijau
Simbol keagamaan (natal)
Putih
Budaya oriental




Pink
Feminim, sensual, emosi, remaja, wanita, masa muda
Naif, kelemahan, kekurangan
Sering menjadi simbol bagi kaum hawa karena sifatnya yang menggambarkan feminisme




Orange
Kehangatan, bersemangat, ceria, keseimbangan, musim gugur, menimbulkan getaran
Meminta, mencari perhatian
Menekankan sebuah produk yang tidak mahal




Yellow
Sinar matahari, emas, kekayaan, keberuntungan, kehidupan
Tidak jujur, pengecut, cemburu, iri hati, pengkhianatan, penipuan, kebohongan, resiko, sakit
Kuning adalah warna keramat bagi sebagian penganut agama tertentu.














Green
Alam, lingkungan, hidup, pertumbuhan, stabil, santai, kesuburan, harapan, segar, simpati, muda, sehat
Kecemburuan, nasib buruk, iri hati, dengki, licik, gila
Warna yang tidak terlalu disukai di Cina da Perancis. Tetapi di Timur Tengah menjadi warna yang sangat disukai




Blue
Kepercayaan, kesetiaan, pengabdian, ketenangan, kedamaian, ketulusan, kesejukan, air laut, langit, harmoni, kebersihan, percaya diri, penyembuhan, ningrat, tidak bersalah, adil, berpikir, konsisten
Kesedihan, kedinginan, depresi, penurunan vitalitas, basi, keraguan
Banyak digunakan untuk warna logo untuk memberikan kesan kepercayaan.




Purple
Bangsawan, kaisar, perubahan, spiritual, cinta, kebenaran, sabar, nostalgia
Kesombongan, keangkuhan, kejam, kasar, duka cita
Merupakan paduan warna merah dan biru




Chocolate
Tanah, bumi, alam, natural, netral, hangat, keamanan, perlindungan
Tumpul, kotor, tandus, miskin, membosankan





Gray
Modern, cerdas, intelektual, bersih, kokoh, tenang, seimbang, masa depan, bijaksana
Umur tua, kesedihan, bosan, kuno, lamban, lemah
Warna abu-abu adalah warna yang paling gampang/mudah dilihat oleh mata




White
Kesucian, kebersihan, steril, jujur, kemurnian, kesederhanaan, damai, kebaikan, disiplin, perawan, perkawinan, musim dingin, musim salju, malaikat
Kematian, budaya timur, dingin, mandul, hampa





Hitam
Kekuatan, keanggunan, kemewahan, , berkelas, misteri, kecanggihan, kemakmuran, kepuasan, pengalaman, keras, kokoh, sangat kuat
Kematian, budaya barat, takut, setan, jahat, dosa, kesedihan, duka cita, marah, penyesalan


Jenis Warna
1.    Warna Primer
Terdiri dari merah, kuning, biru



2.    Warna Sekunder
Kombinasi dua warna primer

3.    Warna tersier
Kombinasi warna primer dengan perbatasan warna sekunder, terdiri atas kuning-hijau, kuning-orange, merah-orange, merah-ungu, biru-ungu dan biru-hijau

Metode Pemilihan Warna
Keharmonisan didefinisikan sebagai bagian dari susunan warna yang menyenangkan, memanjakan mata, menarik hati dan memberikan kesan pada perasaan yang terdalam.

Metode untuk memilih warna yang serasi adalah sebagai berikut :
1.    Metode warna beruntun
Terdiri atas 3 (tiga) warna yang letaknya saling berdekatan dan biasanya ada satu warna yang dominan.
Metode ini menghasilkan warna lembut yang serasi.
Contoh : kuning-orange, kuning, orange, kuning-hijau dan hijau
2.    Metode warna berlawanan
Terdiri atas 2 (dua) warna yang letaknya saling berseberangan.
Menghasilkan warna yang lebih hidup (dengan kontras tinggi).
Contoh : biru dan orange, merah dan hijau, kuning dan ungu

Warna berlawanan dapat dibedakan lagi menjadi :
a.    Warna berlawanan ganda
Terdiri dari 4 (empat) warna yang saling berseberangan
Contoh : kuning dan kuning-orange berseberangan dengan ungu dan biru-ungu

b.    Warna berlawanan terpisah
Terdiri dari 3 (tiga) warna yang letaknya berseberangan. Satu warna berseberangan dengan dua warna, diantara warna lawannya.
Contoh : kuning berseberangan dengan merah-ungu  dan biru-ungu
       Merah berseberangan dengan kuning-hijau dan biru-hjau
c.     Warna berlawanan ganda – terpisah
Terdiri dari 4(empat) warna yang letaknya berseberangan. Dua warna diantara satu warna berseberangan dengan dua warna lainnya.
Contoh : kuning-hijau dan kuning-orange berseberangan dengan merah-ungu dan
                    biru-ungu
3.    Metode warna segitiga
Terdiri atas 3 (tiga) warnayang letaknya ditentukan dengan bentuk segitiga.
Menghasilkan warna yang serasi.
Contoh : biru,merah dan kuning
4.    Metode warna memudar
Menggunakan satu warna yang diturunkan intensitasnya sehingga menjadi lebih muda.
Contoh : warna merah, biru dan hijau diturunkan intensitasnya menjadi 25%, 50% dan 75%
5.    Metode warna kombinasi
Gabungan dari dua warna atau lebih yang menghasilkan warna yang harmonis.
Beberapa warna kombinasi yang baik, antara lain :
·         Black, white, gray, red
·         Red, orange
·         Orange, purple
·         Purple, yellow
·         Green, purple
·         Blue, yellow
·         blue, purple, white
·         green, chocolate
6.    metode warna hangat
metode ini sangat cocok untuk situs yang penuh semangat/energik dengan tema yang berani dan tegas.
Contoh warna : kuning, kuning-orange, orange,orange-merah, merah dan merah-ungu
7.    metode warna dingin
cocok untuk menyampaikan pesan yang sederhana, menyejukkan dan menentramkan.
Contoh : ungu, biru-ungu, biru, biru-hijau, hijau dan kuning-hijau.

Beberapa tips untuk memberikan warna pada suatu disain web :
1.     ubah gambar ke format file yang benar
2.     pilih warna yang tepat, sesuaikan dengan metode warna
3.     sebaiknya jangan mencoba menggunakan warna yang terkesan aneh dan ganjil (tidak sesuai dengan metode warna)
4.      jaga warna dalam tingkat yang minimum, karena otak manusia hanya bisa memahami dan mengatur informasi ketika bentuk dan warna yang ada minimum dalam pandangan.
5.    Gunakan warna muda pada obyek besar, sedangkan obyek kecil bisa menggunakan warna kuat/tua
6.    Gunakan warna yang kontras pada teks atau background agar bisa terbaca dengan jelas
7.      Warna berlawanan sebaiknya digunakan secara proposional karena bisa memberikan kesan sangat kasar.
8.       Warna dalam web harus serasi dengan logo (jika ada).

Komentar

Postingan populer dari blog ini

Pengalaman Daftar dan Kuliah di AMIKOM

Assalamu'alaikum wr.wb.. Halo temen-temen.. Kali ini gw mau share sedikit pengalamanku kuliah di Universitas Amikom Yogyakarta. Kenapa Amikom ? Ya karena ditolak sama mereka *lirik kampus negri sebelah Bukan ding.. Ya karena Amikom adalah my destiny *backsound OST drama DOTS *plakk Oke balik lagi ke topik. *apaansi gaje banget Jadi, gw tu daftar kuliah di Amikom karena Amikom merupakan kampus berbasis teknologi terbaik di Indonesia. Itu menurut gw 😏 perlu bukti ? Coba aja kuliah di Amikom. Kalian akan tahu rasanya  😉 Awal berpikir kuliah di Amikom tu karena pertama, brosur Amikom selalu gw dapetin ketika ujian masuk PTN. Kedua, kampusnya lumayan deket dari rumah. Ketiga, Amikom termasuk kampus berbasis teknologi terbaik di Indonesia. Keempat, banyak temen yang kuliah disana, jadi gw gk sendirian gitu lho. Kelima, karena ada program bidikmisi nya *ini yang paling memotivasi saya hehe Jujur, sebenernya gw ng'gap setahun buat kuliah. Eh, malah gk niat lanjutin kuliah si...

9 Jenis Bunyi Beep pada PC dan Artinya

Assalamu'alaikum wr.wb.. Halo kawan2.. Pernah mendengar suara "tiiitt" dari komputermu ? Tidak usah panik, keluarnya suara tiiiit (beep) panjang tersebut sebenarnya adalah cara komputer untuk memberitahu kita bahwa ada yang tidak beres dengan CPU kita. Isyarat beep komputer ternyata tidak hanya beep panjang saja, ada bermacam-macam. Setidaknya jika komputer kita memakai AWARD BIOS, maka ada 9 macam beep yang memiliki maksud tertentu, yaitu: 1. Bunyi ‘beep’ pendek 1 kali, mengindikasikan bahwa komputer kita telah berhasil melakukan dan menghidupkan semua komponen yang dibutuhkan untuk proses boot-up komputer. 2. Bunyi ‘beep’ pendek 2 kali, artinya ada masalah pada konfigurasi atau seting pada CMOS. 3. Bunyi ‘beep’ panjang 1 kali dan pendek 1 kali, artinya ada masalah pada perangkat keras Motherboard atau Memory kita, coba cek ulang apakah kedua perangkat tersebut masih bisa berfungsi/terpasang dengan baik atau tidak. 4. Bunyi beep panjang 1 kali dan pendek 2 kali,...