Warna tentu saja merupakan sumber emosi yang penting. Warna dapat mengatur nada yang tepat dan menyampaikan emosi yang tepat kepada pengunjung, dapat menggairahkan, membangkitkan berbagai perasaan dan merangsang tindakan. Ini merupakan pengaruh yang sangat kuat terhadap pengguna.
Saat memilih skema warna untuk situs web, penting untuk melakukannya dengan benar, dengan berpedoman pada prinsip dasar teori warna. Artikel ini membahas aspek paling penting saat memilih, prinsip dasar kombinasi, tujuan warna dalam desain web dan makna simbolisnya. Selain itu, Anda akan melihat beberapa contoh yang baik sesuai dengan warna yang berlaku, dan juga mengenal beberapa tips bermanfaat untuk menggunakan warna secara efektif saat membuat situs web.
Jadi, mari kita mulai dengan keajaiban warna...
Teori warna: prinsip dasar. Kemampuan untuk menggabungkan warna
Ada baiknya bila Anda memiliki selera, dan Anda dapat dengan mudah memilih skema warna situs. Tidak semua orang bisa melakukan hal ini dengan mudah. Bagi mereka yang tidak yakin bagaimana cara menggabungkan warna dengan benar saat membuat situs web, saya sarankan Anda membiasakan diri dengan dasar-dasar teori warna.Pertimbangkan roda warna.
Sedikit sejarah: Roda warna ditemukan oleh Isaac Newton. Setelah membuktikan teori cahaya dan warna pada tahun 1666. Hal inilah yang menjadi dasar pembentukan dan pengembangan optik modern, yang bagian kecil dan integralnya adalah desain web. Newton, dengan menggunakan prisma kaca segitiga, menguraikan cahaya putih menjadi tujuh warna (menjadi spektrum), sehingga membuktikan kompleksitasnya (fenomena dispersi), dan menemukan penyimpangan kromatik.
Roda warna adalah atribut yang sangat diperlukan oleh banyak desainer dan seniman di seluruh dunia. Ini adalah bukti sempurna dari teori bahwa kejeniusan itu selalu sederhana. Lingkaran memungkinkan Anda memilih warna yang selaras. Terdiri dari 6 warna primer: merah, oranye, kuning, hijau, biru, ungu dan warna sekunder.
Untuk menemukan skema warna yang tepat, Anda perlu menggunakan dua warna yang saling berhadapan, tiga warna yang berjarak sama untuk membentuk segitiga, atau salah satu dari empat warna yang membentuk persegi panjang (dua pasang warna saling berhadapan). Skema warna tetap benar terlepas dari sudut rotasinya.
Warna primer
Ada tiga warna primer: merah (#ff0000 dalam HTML atau #F00 dalam CSS), kuning (#FFFF00 dalam HTML atau #ff0 dalam CSS), dan biru (#0000FF dalam HTML atau #00f dalam CSS). Mereka tidak dapat diperoleh dengan mencampurkan warna lain. Warna komplementer dapat dibentuk dengan menggabungkan ketiga warna tersebut.
Warna komposit
Ada juga tiga yang utama: oranye (#ff9900 dalam HTML atau #F90 dalam CSS), hijau (#00FF00 dalam HTML atau #0f0 dalam CSS), dan ungu (#FF00FF dalam HTML atau #f0f dalam CSS). Anda bisa mendapatkannya dengan mencampurkan warna merah dan kuning (oranye), kuning dan biru (hijau), serta biru dan merah (ungu).
Warna tersier
Untuk membuat salah satu warna tersier, Anda perlu mencampurkan satu warna primer dan satu warna sekunder. Kemungkinan warna tersier tidak terbatas.
Warna tambahan
Warna komplementer terletak berhadapan satu sama lain pada roda warna: merah dan hijau, biru dan oranye, ungu dan kuning. Jika dipadukan satu sama lain, keduanya menciptakan kontras yang mencolok. Kombinasi seperti itu biasanya digunakan untuk menyorot elemen tertentu pada sebuah situs web.
Warna serupa
Warna-warna ini terletak bersebelahan pada roda warna. Mereka biasanya terlihat serasi bersama. Penggunaan kombinasi warna seperti itu menciptakan rasa nyaman di kalangan pengunjung website Anda.
Warna dalam budaya yang berbeda: simbolisme
Saat memilih skema warna untuk situs web Anda, Anda perlu mempertimbangkan fakta bahwa warna dapat memiliki berbagai arti dalam budaya yang berbeda. Implikasi budaya terhadap simbol warna bisa sangat kuat, jadi Anda perlu mewaspadai pemirsa situs tersebut.Mari kita cari tahu apa arti warna dalam budaya yang berbeda:
- Cina: warna pengantin, semoga sukses, perayaan
- India: bersih
- Afrika Selatan: warna duka
- Timur: kegembiraan (dikombinasikan dengan putih)
- Barat: kegembiraan, cinta, gairah
- AS: Natal (dengan warna hijau), Hari Valentine (dengan warna putih)
- Ibrani: pengorbanan, dosa
- Jepang: kehidupan
- Kekristenan: pengorbanan, gairah, cinta
- Feng Shui: Yang, api, keberuntungan, rasa hormat, perlindungan, vitalitas, uang, pengakuan
- Eropa: Tenang
- Iran: duka, warna langit dan spiritualitas
- Tiongkok: keabadian
- Hinduisme: warna Kresna
- Yudaisme: Kekudusan
- Kekristenan: Warna Kristus
- Katolik: warna pakaian Maria
- Timur Tengah: perlindungan
- Di dunia: warna keselamatan
- Feng Shui: Yin, air, ketenangan, cinta, penyembuhan, relaksasi, kepercayaan, petualangan
- Barat: kesedihan, depresi
- Eropa: kebahagiaan, harapan, kegembiraan, kepengecutan dalam bahaya, kelemahan
- Asia: warna kekaisaran
- Mesir: berkabung
- Jepang: keberanian
- India: pedagang
- Buddhisme: kebijaksanaan
- Feng Shui: Yang, Bumi, keberuntungan, sinar matahari, kehangatan, gerakan
- Eropa: musim gugur, panen, kreativitas
- Irlandia: Protestan (religius)
- USA: Halloween (dengan warna hitam), barang murah
- Agama Hindu: Warna Suci Saffron (Peachy Orange).
- Feng Shui: Yang, Bumi, tujuan, meningkatkan konsentrasi
Cokelat
- Kolombia: kendala penjualan
- Aborigin Australia: warna tanah, oker seremonial
- Feng Shui: Yang, Bumi, Industri
Hijau
- Jepang: kehidupan
- Islam: harapan, kebajikan
- Irlandia: simbol seluruh negara
- Eropa/AS: Musim Semi, Kelahiran Baru, Hari St. Patrick, Natal (dengan warna merah)
- AS: uang
- India: Islam
- Feng Shui: Yin, kayu, penyembuhan, kesehatan, menenangkan
Ungu
- Thailand: berkabung (janda)
- Katolik: kematian, duka, penyaliban
- Feng Shui: Yin, warna penyembuhan fisik dan mental
Putih
- Eropa: pernikahan, malaikat, dokter, rumah sakit, dunia
- Jepang: berkabung, anyelir putih melambangkan kematian
- Tiongkok: duka, kematian,
- India: kemalangan
- Timur: pemakaman
- Feng Shui: Yang, logam, kematian, hantu, duka, keseimbangan, kepercayaan diri
Hitam
- Eropa: duka, pemakaman, kematian, kerusuhan, ketenangan
- Thailand: kemalangan, kejahatan
- Yudaisme: kemalangan, kejahatan
- Aborigin Australia: Warna Masyarakat
- Feng Shui: Yin, air, uang, kesuksesan karier, pendapatan, stabilitas, perlindungan emosional, kekuatan
Arti warna
Mari kita lihat bagaimana setiap warna dapat membangkitkan perasaan dan melihat beberapa solusi siap pakai.Terutama terkait dengan kegembiraan, keberanian dan keinginan. Merah adalah warna cinta, kekuatan, energi, kepemimpinan dan kegembiraan. Ini adalah warna yang kuat dan Anda harus mewaspadai beberapa emosi negatifnya: bahaya, kecemasan.
Kesabaran, kedamaian, ketenangan, keandalan, cinta, stabilitas. Salah satu warna yang paling favorit, terutama di kalangan pria. Hal ini terkait dengan stabilitas dan kedalaman, profesionalisme, dan kepercayaan.
Warna yang paling sering dikaitkan dengan keaktifan. Energik, memberikan perasaan bahagia. Selain itu, dikaitkan dengan rasa ingin tahu, hiburan, kegembiraan, kecerdasan, dan kehati-hatian.
Keceriaan dan kreativitas. Terkait dengan keramahan, kepercayaan diri, keceriaan, keberanian, dan ketahanan.
Ungu
Secara tradisional dikaitkan dengan kekuasaan, bangsawan dan kekayaan. Kebijaksanaan, kemandirian, kemuliaan, kemewahan, ambisi, martabat, keajaiban dan misteri.Kombinasi warna dalam desain web adalah disiplin penting yang berasal dari Abad Pertengahan dan digunakan untuk menciptakan karya umat manusia yang luar biasa. Jadi mari kita coba merangkumnya menjadi satu postingan singkat!)
Tentu saja satu postingan saja tidak cukup untuk memahami keseluruhan esensi teori warna, tetapi memuat tesis dan konsep utama disiplin ilmu ini.
Berikut adalah 5 langkah yang perlu Anda ambil untuk memilih skema warna yang tepat untuk situs web Anda.
Langkah pertama adalah yang paling penting. Warna utama menciptakan kesan pertama situs dan juga membangun hubungan antara merek Anda dan emosi yang dirasakan audiens Anda. Semua ini menciptakan identitas Anda, jadi pemilihan warna utama harus didekati dengan sangat hati-hati.
Tentu saja, jika merek Anda sudah dikaitkan dengan suatu warna, maka langkah ini akan jauh lebih mudah.
Pertama, Anda perlu mempertimbangkan bahwa warna yang berbeda membangkitkan emosi yang berbeda. Dan fakta ini terbukti secara ilmiah. Bahkan nuansa berbeda dengan warna yang sama memiliki efek berbeda pada emosi pemirsanya. Selalu ada beberapa tingkat ketidakpastian tergantung pada asosiasi pribadi seseorang, namun secara umum, warna yang sama dapat membangkitkan emosi yang sama pada orang yang berbeda.
- Merah: gairah, agresi, relevansi.
- Oranye: ketangkasan, energi.
- Kuning: Antusiasme, kebahagiaan, perhatian/peringatan.
- Hijau: pertumbuhan, stabilitas, alam.
- Biru: ketenangan, keterbukaan.
- Biru: keamanan, kepercayaan, profesionalisme.
- Putih: kemurnian, kesehatan.
- Ungu: kemewahan, misteri, romansa (warna terang).
Tak heran jika banyak bank yang menggunakan skema warna berdasarkan warna biru.
Ingatlah bahwa Anda mendesain untuk sekelompok orang tertentu yang mungkin mengalami emosi berbeda dari Anda. Selain itu, ada baiknya mempertimbangkan perbedaan sikap terhadap warna kulit yang sama di antara orang-orang dari jenis kelamin, budaya, atau agama yang berbeda.
Saat memilih warna utama, ada baiknya memulai dengan mengecualikan pesaing Anda dari daftar warna yang dipertimbangkan. Setelah ini, Anda perlu mempertimbangkan suasana hati yang harus diciptakan oleh merek Anda dan emosi apa yang harus ditimbulkannya.
Tentukan warna yang tepat (rona dan saturasinya)
Setelah Anda memilih warna utama, Anda perlu menentukan rona dan saturasinya. Seperti disebutkan di atas, corak warna dan saturasinya dapat mengubah maknanya. Misalnya, warna kuning yang lebih gelap (seperti emas) memberikan kesan kuno; warna yang lebih terang tidak akan memberikan efek yang sama.
Aturan umumnya adalah warna yang lebih terang menciptakan perasaan energik, kesegaran, dan kesenangan, sedangkan warna yang lebih gelap menciptakan perasaan stabilitas dan profesionalisme.
Setelah ini, Anda perlu menentukan nilai numerik warna yang tepat dalam sistem RGB, CMYK, HEX, atau Pantone untuk digunakan dalam proses pembuatan desain.
Jika, misalnya, Anda telah memilih warna yang sudah digunakan pada sumber daya web dan ingin menerapkannya, Anda dapat menggunakan layanan Stylify Me, yang akan membantu Anda menentukan warna yang digunakan di situs mana pun.
Pilih jenis skema warna
Sebelum memilih warna lain, Anda perlu menentukan bagaimana warna tersebut akan berinteraksi. Apakah Anda menginginkan skema warna yang lebih kontras atau lebih kalem?
Anda dapat menggabungkan warna sesuka Anda, tetapi di sini kami menyajikan skema warna yang paling umum.
Satu warna
Melibatkan penggunaan nada warna primer yang berbeda. Lebih sering digunakan untuk gaya desain minimalis.
Analog
Warna-warna serupa yang letaknya berdekatan pada roda warna.
Gradien
Transisi bertahap dari satu warna ke warna lain. Lebih berwarna dibandingkan analog, namun dapat mengalihkan perhatian dari elemen desain lainnya.
Kontras
Dua warna berlawanan. Jika dilihat dari roda warna, warna yang berseberangan memiliki kontras paling besar. Misalnya merah dan hijau atau kuning dan ungu. Penggunaan skema warna ini menambah dinamisme efek visual desain.
Kontras membantu memanipulasi perhatian pengguna dengan menyorot elemen (tombol) yang lebih penting dan menyembunyikan elemen yang kurang penting.
Rangkap
Buat gambar hanya menggunakan 2 warna. - Ini bukan skema warna, melainkan jenis desain skema warna yang kontras.
Sederhananya, dupleks tampak hebat, ini adalah efek visual dinamis yang menarik perhatian pengguna.
Tiga serangkai
Tiga warna berjarak sama pada roda warna. Salah satu skema warna yang paling umum digunakan, prosesnya adalah standar yang dapat diandalkan. Sulit untuk menggunakannya dengan benar, cukup gambar segitiga sama sisi pada roda warna dan Anda akan mendapatkan tiga warna dari triad Anda.
Kontras terpisah (terbagi).
Menggunakan warna ketiga selain dua warna kontras. Sama seperti skema kontras, skema ini memungkinkan Anda untuk membuat aksen pada bagian-bagian penting dari desain, tetapi memiliki lebih banyak kemungkinan untuk ini.
Pilih warna sekunder
Mendefinisikan skema warna akan membantu mempermudah pemilihan warna sekunder. Namun setiap orang harus berupaya memilih corak dan saturasinya, seperti yang mereka lakukan saat memilih warna primer.
Alat sederhana Paletton membantu Anda memvisualisasikan skema warna yang berbeda. Anda dapat memilih warna utama dan menentukan skema warna, dan Paletton dapat menentukan warna sekunder.
Putuskan di mana dan bagaimana Anda akan menggunakan setiap warna.
Jadi Anda memiliki palet warna yang bagus untuk proyek Anda... sekarang apa yang Anda lakukan dengannya? Penggunaan warna pada sebuah website adalah tempat bertemunya seni dan keterampilan desainer.
Penekanan tidak boleh hanya digunakan pada elemen ajakan bertindak atau tombol penting. Anda dapat menggunakannya di berbagai bagian situs. Misalnya, sorot kata-kata penting dalam teks sehingga pengguna memberikan perhatian khusus padanya.
Pertama, Anda perlu mendesain situs dalam format hitam putih. Dengan menggunakan skala abu-abu untuk menentukan pentingnya elemen tertentu, buatlah hierarki kepentingan untuk setiap bagian proyek Anda.
Kesimpulan
Jadi, kami mengetahui bahwa memilih kombinasi warna dalam desain web adalah hal yang penting tahap penting merancang situs web yang perlu didekati secara menyeluruh. Pemilihan warna utama sangatlah penting, karena... menentukan suasana keseluruhan yang akan dibawa situs Anda.
Jenis skema warna juga mempengaruhi emosi yang akan dibangkitkan oleh pengunjung situs. Jenisnya menentukan jumlah alat yang dapat Anda gunakan saat menentukan urutan warna.
Persepsi visual bergantung pada banyak faktor - bentuk dan kontur objek, tekstur, tetapi yang terpenting pada warna. Pernahkah Anda bertanya-tanya mengapa warna hitam dan abu-abu membuat kita merasa tidak nyaman? Atau mengapa warna oranye dan hijau terlihat begitu cerah dan kaya? Kombinasi warna dalam desain web dapat memancing emosi tertentu dan mempengaruhi sikap kita terhadap subjek tertentu.
Rantai persepsi visual dimulai dari mata kita. Informasi warna kemudian dikirim ke hipotalamus, bagian otak yang memberi tahu sistem endokrin kita hormon apa yang harus diproduksi. Hormon, pada gilirannya, mempengaruhi emosi dan perilaku seseorang. Oleh karena itu, kombinasi warna dalam desain web, seperti halnya area lain yang berkaitan dengan persepsi visual, memainkan peran penting.
Namun bukankah pengaruh warna terlalu berlebihan? Bukan rahasia lagi bahwa pemasaran sangat bergantung pada warna. Banyak penelitian telah dilakukan untuk mengetahui bagaimana sebenarnya kombinasi warna dalam desain web mempengaruhi tujuan merek, warna mana yang lebih populer di kalangan pria dan wanita, dll. Misalnya, studi tentang pengaruh warna terhadap keputusan pembelian menunjukkan bahwa 83 % wanita dan 56% pria memilih produk dan layanan berdasarkan warna. Tentunya kombinasi warna yang baik dapat meningkatkan tingkat konversi. Oleh karena itu, Anda perlu memilih skema warna untuk blog Anda dengan bijak.
Perjalanan singkat ke dalam psikologi dan teori warna
Mengapa psikologi warna penting bagi blogger?
Sebenarnya, apa kesamaan teori warna dan blogging? Apakah Anda seorang blogger berpengalaman atau pemula, semuanya tergantung pada siapa yang membaca blog Anda. Mempelajari statistik pengunjung blog Anda akan membantu Anda mempelajari preferensi warna pembaca Anda tergantung pada usia, jenis kelamin, dan faktor lainnya. Misalnya saja Joe Hallock yang melakukan penelitian untuk mengetahui warna favorit pria dan wanita.
Menurut hasil penelitian, kedua jenis kelamin lebih menyukai warna-warna berikut:
Kombinasi warna yang paling tidak disukai dalam desain web untuk pria dan wanita adalah:
Kesimpulan apa yang dapat diambil dari diagram ini?
- Baik pria maupun wanita tidak menyukai warna kuning dan oranye.
- Wanita lebih menyukai warna kuning dibandingkan oranye.
- Pria lebih menyukai warna oranye dibandingkan kuning.
Terlihat juga bahwa responden laki-laki lebih menyukai warna abu-abu atau warna akromatik murni; wanita lebih menyukai warna desaturasi.
Kombinasi warna desain web apa yang paling berhasil untuk blog Anda? Jika Anda mempublikasikan sebagian besar konten untuk pria, Anda harus memilih warna hijau dan abu-abu. Mari kita lihat sebuah contoh - lagipula, ini sebagian besar adalah “tema laki-laki”. Desain situs ini dibuat dalam nuansa abu-abu dan hijau tua. Selain itu, desainnya berisi font klasik yang mudah dibaca dan elemen grafis yang mudah diingat. Ini cukup menarik minat penonton pria.
Wanita, pada gilirannya, lebih menyukai skema warna yang lebih lembut dan terang. Oleh karena itu, saat membuat blog terutama untuk audiens wanita, bereksperimenlah dengan nuansa lembut, misalnya variasi ungu atau merah. Contoh ini dengan jelas menunjukkan bagaimana kombinasi warna ungu dan krem yang berhasil dapat membuat situs menonjol di antara banyak sumber web serupa.
Di mana menggunakan warna di blog?
Bayangkan Anda sedang mengembangkan desain untuk situs web atau blog baru, atau meningkatkan sumber daya web yang sudah ada. Saatnya mempraktikkan pengetahuan ini dan dengan bijak memilih kombinasi warna dalam desain web. Untuk tujuan ini, lebih baik menggunakan generator skema warna. Misalnya saja Adobe Color Wheel yang cocok untuk pemula. Alat ini intuitif dan akan membantu Anda membuat skema warna dengan mempertimbangkan semua aturan teori warna.
Adobe Color Wheel menawarkan 6 mode kerja siap pakai untuk membantu Anda memilih kombinasi warna yang harmonis. Alat ini juga berisi satu mode pengguna yang memungkinkan Anda menentukan pilihan sendiri.
Setelah Anda memutuskan skema warna untuk blog Anda, sekarang saatnya memikirkan cara menggunakannya. Seringkali, skema warna diterapkan pada gambar pahlawan, header, batas, pola dan warna latar belakang, tombol, dan popup. Baik Anda membuat desain sendiri atau menggunakan , penting untuk menjaga keseimbangan elemen dan warna desain web.
Omong-omong, templat pembuat situs web yang sudah jadi adalah pilihan yang cepat dan nyaman bagi perancang web berpengalaman dan pemula. Misalnya, berkat fungsionalitas drag-and-drop pada platform MotoCMS, Anda dapat membuat desain unik hanya dengan menempatkan elemen yang diperlukan di bagian halaman yang sesuai. Jika Anda ingin melihat lebih banyak contoh penggunaan psikologi warna di situs tertentu, kami sarankan Anda membaca ulasannya.
Seperti yang Anda lihat, kombinasi warna yang sukses dalam desain web adalah alat yang hebat untuk menarik perhatian target audiens. Sekalipun Anda bukan seorang desainer web, pengetahuan tentang teori warna pasti tidak akan merugikan Anda. Kombinasi mana yang menurut Anda terbaik untuk situs web atau blog Anda? Beritahu kami di komentar!
Banyak artikel telah ditulis tentang teori warna dan pentingnya. Warna memainkan peran penting dalam desain dan terkadang bahkan dapat memengaruhi perilaku orang. Setiap desainer web tahu bahwa memilih skema warna yang tepat untuk sebuah situs web dapat memengaruhi popularitasnya, karena halaman web yang dirancang sesuai dengan teori warna memberikan kesan yang baik bagi pengguna.
Namun, banyak desainer, ketika mengerjakan pemilihan kombinasi warna, sering lupa bahwa tidak semua orang memandang warna dengan cara yang sama. Ada sejumlah kecil orang yang buta warna, jadi Anda perlu mempertimbangkan pengguna buta warna saat mendesain situs web Anda. Lagi pula, terkadang situs web yang dirancang dengan sangat indah mungkin tidak berfungsi untuk kategori pengguna ini, karena mereka tidak dapat menavigasinya. Dan ini benar-benar menjadi masalah: pada pria, persentase buta warna bisa mencapai 8%, dan pada wanita - sekitar 1%. Jadi lebih baik tidak mengambil risiko kehilangan 9% penonton dan memilih skema warna situs agar dapat dianggap normal oleh semua orang, termasuk penderita buta warna.
TEORI WARNA DAPAT MENINGKATKAN AKSESIBILITAS SITUS
Aksesibilitas suatu situs sangatlah penting, karena secara langsung mempengaruhi popularitasnya. Jika berbicara tentang aksesibilitas, biasanya artinya sederhana dan antarmuka yang jelas. Namun skema warna juga mempengaruhi pengalaman pengguna. Dan jika Anda membuat desain yang tidak mempertimbangkan kebutuhan para penyandang berbagai gangguan penglihatan, maka pengalaman ini akan berdampak negatif, dan tidak dapat diterima. Ada banyak alasan mengapa Anda harus mempertimbangkan aksesibilitas warna situs web Anda dengan cermat:
- Skema warna yang tepat bisa menjadi keunggulan kompetitif. Jika desain situs ramah terhadap buta warna, dan situs pesaing tidak, maka Anda dapat menarik audiens tambahan ke pihak Anda
- Situs web dengan warna yang mudah diakses mungkin mendapat peringkat lebih tinggi di mesin pencari
- Di beberapa negara, desain situs web yang buruk dapat mengakibatkan tuntutan hukum karena situs web tersebut tidak memberikan kesempatan yang sama bagi penyandang disabilitas penglihatan.
- Poin etika juga penting: orang buta warna tidak dapat menggunakan beberapa situs secara maksimal dan ini merupakan masalah besar bagi mereka. Oleh karena itu, Anda harus selalu ingat tentang UX
Terlepas dari semua hal di atas, membuat situs web dapat diakses oleh orang-orang buta warna tidaklah sulit. Anda hanya perlu menggunakan teori warna dengan benar dan tidak melupakan kontras elemen penting.
CARA MEMBUAT SITUS DENGAN AKSESIBILITAS TINGGI
Tentu saja, membuat situs web yang nyaman bagi semua kategori pengguna adalah tugas yang mustahil. Dan terutama karena sulit untuk menentukan secara pasti bagaimana orang buta warna melihat warna tertentu. Namun bukan itu saja: orang yang tidak buta warna juga melihat warna dengan cara yang sedikit berbeda. Banyak penelitian telah dilakukan untuk mengetahui dengan tepat bagaimana warna dibedakan oleh orang-orang jenis yang berbeda buta warna. Namun penelitian ini tidak memberikan hasil pasti, sehingga pertanyaan tentang bagaimana sebenarnya orang buta warna melihat masih terbuka.
Saat mulai mengerjakan desain situs web, Anda harus segera menjaga visibilitas warna elemen navigasi dan konten. Ada banyak cara untuk melakukan hal ini, dan yang pertama adalah dengan menggunakan warna kontras untuk latar belakang dan elemen desain penting. Misalnya, menggunakan teks hitam dengan latar belakang putih akan membuat konten dapat diakses oleh semua pengguna. Namun hitam dan putih tidak semuanya merupakan warna yang “aman” - masih banyak lagi. Anda hanya perlu memastikan bahwa tautan, tombol, dan elemen desain lainnya terlihat dan menonjol dari latar belakang.
WARNA APA YANG HARUS DIGUNAKAN?
Langkah pertama dalam membuat situs web yang dapat diakses oleh orang buta warna adalah memilih palet warna. Tugas desainer dalam hal ini adalah memilih kombinasi warna yang berhasil yang akan mencakup corak kontras dan memberikan hierarki warna.
Dalam hal ini, Anda harus berhati-hati dan mencoba untuk tidak menggunakan warna apa pun. Kebanyakan penderita buta warna kesulitan membedakan kombinasi merah/hijau dan kuning/biru. Berikut beberapa kombinasi warna yang lebih berbahaya:
- coklat/hijau
- hijau biru
- ungu/biru
- abu-abu/biru
- hijau/abu-abu
- hijau hitam
- kuning/hijau muda
Seperti yang Anda lihat, kombinasi warna ini tidak terlalu kontras sehingga mungkin tidak dapat dibedakan oleh orang-orang dengan gangguan penglihatan. Oleh karena itu, sebaiknya jangan menggunakan corak dalam desain Anda yang terlalu berdekatan satu sama lain pada roda warna. Misalnya, kuning kusam dan biru, yang perbedaannya sangat buruk.
Kita harus selalu ingat bahwa penderita buta warna harus selalu dapat membedakan warna dengan baik, dan tidak peduli warna apa yang mereka lihat - Anda hanya perlu memastikan bahwa orang buta warna dapat memahami apa yang dilihatnya. berbeda warna. Anda juga perlu memperhatikan fakta bahwa orang buta warna melihat warna cerah lebih baik dan hampir tidak melihat perbedaan antara warna kusam.
WARNA PELENGKAP
Nuansa komplementer yang saling berseberangan pada roda warna memberikan kontras yang lebih baik dan meningkatkan aksesibilitas desain. Perlu dicatat bahwa meskipun hijau dan merah adalah warna yang saling melengkapi, kombinasi ini harus digunakan dengan sangat hati-hati, karena ini adalah warna yang tidak dapat dibedakan dengan baik oleh orang buta warna.
Seperti yang Anda ketahui, ada warna yang hangat dan ada yang dingin. Ini juga bisa digunakan saat memilih warna. Dengan mengontraskan warna-warna hangat dengan warna-warna sejuk, Anda dapat menciptakan desain yang menarik namun mudah diakses. Namun, saat memilih warna, jangan lupakan kontras: misalnya, Anda bisa menggunakan warna gelap dan sejuk yang dipadukan dengan warna lebih terang dan hangat.
PALET MONOKROM
Saat mengerjakan skema warna yang dapat diakses, Anda harus selalu memastikan bahwa elemen dari pasangan warna yang gagal tidak digunakan di dekatnya. Dan untuk membuat halaman yang pasti ramah buta warna, sebaiknya gunakan palet monokrom. Tidak masalah bagaimana pengguna memandang warna - dia hanya akan fokus pada kontras. Selain itu, monokrom sedang menjadi mode saat ini; palet seperti itu sangat sering digunakan saat ini di situs dengan desain minimalis.
ALAT UNTUK MEMILIH PALET WARNA
Vischeck adalah simulator yang memungkinkan Anda menguji halaman web untuk aksesibilitas buta warna. Dengan menggunakan alat ini, Anda dapat mengetahui bagaimana orang-orang dengan berbagai jenis buta warna melihat situs tertentu dan, jika perlu, dengan cepat membuat perubahan pada desain.
Besar dan sangat sumber daya yang berguna, yang berisi banyak hal informasi penting tentang sifat buta warna, jenis dan ciri-cirinya. Situs ini juga memiliki tes untuk pengguna buta warna dan alat untuk memeriksa warna situs.
Alat lain untuk memeriksa situs online untuk aksesibilitas buta warna. Anda dapat menguji bagaimana palet 216 warna dirasakan oleh orang-orang dengan berbagai jenis buta warna.
KESIMPULAN
Tentu saja, aksesibilitas suatu situs tidak hanya bergantung pada skema warnanya. Ya, situs tersebut harus dapat diakses oleh orang-orang dengan gangguan penglihatan, namun yang terpenting adalah situs tersebut harus dapat diakses oleh sebanyak mungkin orang. lagi pengguna. Namun Anda harus selalu ingat tentang warna dan selalu memeriksa bahwa palet warna tidak mengandung kombinasi warna yang bermasalah.
Orang-orang masih memperdebatkan apakah konten adalah raja. Jika Anda bertanya kepada saya, saya sepenuhnya setuju dengan mereka dan pendapat saya didasarkan pada pengalaman saya sendiri. Terlepas dominan atau tidak, ada yang tak kalah penting! Apa ini, kamu bertanya? Saya tahu semua orang suka berkata, “Jangan menilai buku dari sampulnya.” Tapi bagaimana lagi Anda bisa menarik perhatian seseorang jika tidak dengan sampul aslinya? Tentu saja, setelah Anda menarik perhatian seseorang, sisa upaya Anda dapat dihabiskan untuk membuat konten. Kami akan berbicara tentang warna desain web dan cara mengelolanya.
Anda hanya membuat kesan pertama satu kali
Selalu ada satu tindakan spesifik yang Anda ingin pengunjung situs Anda lakukan. Ini adalah tindakan yang paling Anda tekankan. Ini bisa berupa tombol berlangganan, tombol “berikutnya”, atau tombol “beli”.
Apapun tombolnya, selalu ingat bahwa mereka mengkliknya atau tidak bergantung pada perasaan yang dialami pengunjung saat mereka berada di situs Anda.
Pada artikel ini, Anda akan mempelajari tentang 5 warna terpopuler yang akan membuat website Anda diminati dan diminati pengunjung.
Pinterest menggunakan banyak warna merah
Tidak diragukan lagi, warna merah dianggap sebagai warna terpanas. Jika Anda melihat palet warna Pinterest, Anda akan langsung melihat bahwa merah adalah warna utamanya.
Merah sering dikaitkan dengan cinta. Merupakan warna yang kuat dan dinamis yang dapat membuat Anda jatuh cinta dengan apapun yang dekat dengan warna ini.
Warna ini sering ditemukan dalam desain promosi karena intensitasnya menciptakan rasa urgensi.
Selain itu, warna yang intens ini dapat membuat pengunjung situs merasa bersemangat atau terdorong. Namun pada saat yang sama, hal ini dapat membuat Anda enggan melakukannya, jadi Anda harus selalu berhati-hati.
Gunakan warna merah untuk penekanan dalam desain web Anda. Ini cocok dengan warna putih, abu-abu, biru muda atau perak.
Contoh praktis penggunaan warna merah:
Mata manusia melihat warna merah ketika melihat cahaya dengan panjang gelombang antara 630 dan 700 nanometer. Cahaya di atas kisaran ini disebut inframerah, dan tidak dirasakan oleh mata manusia, namun dapat diidentifikasi sebagai panas. -Wikipedia
Penggunaan palet warna merah yang lebih banyak (oleh jimjim421):
10 asosiasi dengan warna merah:
- darah
- perang
- api
- kejantanan
- gairah
- bujukan
- paksaan
- energi
- keberanian
Amazon menyukai warna oranye tua:
Oranye adalah warna yang hangat dan aktif, namun tidak sekuat merah. Oranye adalah warna yang hangat, bukan warna yang panas.
Penuh dengan energi, warna cerah ini mendorong, bukan memaksa, orang untuk mengambil tindakan. Oranye terkadang dianggap intens - warna ini mendorong tindakan seperti membeli, berlangganan, menjual, atau mengikuti. Disarankan untuk menggunakan warna oranye jika Anda ingin membuat tamu Anda merasa termotivasi, bahagia, kreatif, dan antusias setelah mengunjungi situs Anda.
Contoh praktis penggunaan warna oranye:
Peningkatan penggunaan palet oranye manekineko:
10 asosiasi dengan jeruk:
- optimisme
- definisi
- api
- peringatan
- musim gugur
- agama
- ketahanan
- kasih sayang
- Hallowen
- organisme
Warna biru facebook menciptakan rasa aman:
Anda dapat menemukan banyak website bisnis dan perusahaan yang menggunakan warna biru. Kami mengasosiasikan warna ini dengan sesuatu yang dapat diandalkan, aman, dan membangkitkan rasa percaya dan pengalaman. Oleh karena itu, tidak heran jika setiap pebisnis yang peduli dengan kesan yang akan ditinggalkannya pada website perusahaannya lebih memilih menggunakan warna biru. Biru menciptakan sensasi yang benar-benar berlawanan dengan sensasi yang ditinggalkan merah. Biru menenangkan kita dan kita tidak perlu khawatir akan meminumnya terlalu banyak.
Contoh praktis penggunaan warna biru:
Saya yakin Anda tidak tahu:
Sebuah survei yang dilakukan di Jerman dan dipublikasikan pada tahun 2009 menemukan bahwa biru adalah warna favorit 46 persen pria dan 44 persen wanita yang disurvei. — Wikipedia
Penggunaan palet warna biru yang lebih besar oleh desain entitas:
10 asosiasi dengan warna biru:
- kejujuran
- keramahan
- sihir
- Teman-teman
- kesia-siaan
- POLISI
Kekuatan warna hijau menyala
Merasa sangat optimis saat ini? Coba saya tebak - apakah Anda sedang melihat sesuatu yang berwarna hijau? Mungkin Anda baru saja melihat tanaman hijau - ini pasti menenangkan Anda dan membuat Anda memandang segala sesuatu dengan lebih optimis.
Siapa pun yang terlibat dengan ekologi memiliki lebih banyak peluang untuk menggunakan warna hijau dalam pembuatan situs web mereka. Perhatikan uang kertas 100 dolar. Hijau adalah warna dominan di sini! Situs seperti Groupon juga mempunyai branding yang cukup ramah lingkungan karena berhubungan langsung dengan uang. Warna hijau sangat menyegarkan dan menenangkan, membuat orang merasa seimbang dan terinspirasi. Ini mewakili keseimbangan dan harmoni dalam desain.
Contoh praktis penggunaan warna hijau:
Saya yakin Anda tidak tahu:
Dalam beberapa bahasa, termasuk Tiongkok Kuno, Thailand, Jepang Kuno, dan Vietnam, kata yang sama dapat berarti biru dan hijau. Tidak ada sumber alami pewarna makanan hijau yang disetujui oleh Badan Pengawas Obat dan Makanan AS. -Wikipedia
Penggunaan warna hijau yang lebih besar oleh Skybluue2u:
10 asosiasi dengan warna hijau:
- uang
- ketamakan
- iri
- alam
- musim semi
- kesehatan
- anak muda
- rumput
- harapan
Yahoo! dan warna ungu di logo mereka
Warna ungu paling sering dikaitkan dengan konsep-konsep seperti imajinasi, kreativitas, martabat, kemuliaan, dan kelimpahan. Warna ungu cerah sebagian besar diasosiasikan dengan musim semi dan romansa, sedangkan warna lebih gelap diasosiasikan dengan kemewahan dan kekayaan. Warna ungu digunakan pada desain tempat tidur yang cantik dan modis karena ungu lebih menenangkan dibandingkan warna lainnya. Ini dianggap sebagai warna feminin dan romantis daripada warna maskulin. Jika dilihat benda berwarna ungu, terlihat jelas buatan, hal ini karena warna ini sangat langka di alam. Sama seperti merah, orang menganggap ungu terlalu kuat dan cerah, sehingga membuat mereka merasa terpaksa melakukan sesuatu, seolah mendorong mereka untuk mengambil tindakan tertentu. Oleh karena itu, akan efektif jika memadukan warna ini dengan warna hitam atau putih.
Contoh praktis penggunaan warna ungu:
Saya yakin Anda tidak tahu:
Pada bulan April 2007, para ilmuwan menyatakan bahwa archaea awal mungkin menggunakan pigmen ungu yang mirip dengan klorofil untuk menyerap energi dari matahari. Jika ini benar, maka wilayah lautan dan garis pantai yang luas akan berwarna ungu. Teori ini disebut “Hipotesis Bumi Ungu”. -Wikipedia
Peningkatan penggunaan warna ungu
10 asosiasi dengan ungu
- kekayaan
- kemurahan hati
- kaum bangsawan
- kecanggihan
- percintaan
- seni
- eksotik
- kerohanian
- kemewahan
- kewanitaan
1WD memanfaatkan warna monokrom secara cerdas
Secara umum, warna monokrom seperti putih, hitam, kelabu tua, dan abu-abu muda sebaiknya digunakan sebagai latar belakang dalam pengembangan desain dengan warna aksen yang ada dan ditempatkan dengan baik, lebih cerah dan jenuh. Lihatlah situsnya, 1stwebdesigner - 1WD. Mereka juga menggunakan warna oranye sebagai warna aksen cerah - tetapi hanya dalam kombinasi harmonis dengan warna abu-abu tua dan abu-abu terang. Dan tentu saja putih (warna latar belakang situs). Warna hitam akan selalu mewakili modernitas, misteri, keanggunan dan kekuatan. Abu-abu merupakan warna netral yang mewakili sesuatu yang tenang dan nyaris tidak diketahui, seperti bayangan. Karena warna abu-abu terkadang terlihat kotor, warna putih akan menimbulkan efek sebaliknya. Putih menyamakan kemurnian, keterbukaan, kesederhanaan dan minimalis.
Contoh praktis penggunaan warna monokrom:
Saya yakin Anda tidak tahu:
Fotografi monokrom digital hanya mencakup nuansa hitam yang dapat dilihat oleh sensor kamera. Saat pasca-pemrosesan gambar berwarna, kecerahan yang dirasakan dapat diubah dengan menggabungkan pembacaan beberapa saluran. -Wikipedia
Penggunaan palet monokrom yang lebih besar oleh Munsteri
10 asosiasi dengan warna monokrom
- kekuatan
- keanggunan
- ruang angkasa
- kelembutan
- tidak bersalah
- pesimisme
- depresi
- kebosanan
Apa warna favorit Anda? Dan sensasi dan emosi apa yang ditimbulkannya dalam diri Anda?
Terjemahan – Meja
Memuat...