Warning: getimagesize(): http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(http://indonesiamendesain.com/wp-content/uploads/2020/09/Screen-Shot-2020-07-16-at-13.07.54-300x136.png): failed to open stream: no suitable wrapper could be found in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(): http:// wrapper is disabled in the server configuration by allow_url_fopen=0 in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Warning: getimagesize(http://indonesiamendesain.com/wp-content/uploads/2020/09/Screen-Shot-2020-07-16-at-13.07.54-300x136.png): failed to open stream: no suitable wrapper could be found in /home/yfzbjhce/indonesiamendesain.com/wp-content/plugins/td-cloud-library/shortcodes/header/tdb_header_logo.php on line 792

Adakah Warna yang Harus Dihindari Saat Merancang Web?

- Advertisement -
- Advertisement -
- Advertisement -

Web adalah pilihan warna pelangi. Warna adalah alat yang hebat untuk menarik perhatian pengguna, memberikan minat dan dampak visual serta menciptakan kontras untuk keterbacaan. Warna juga menjadi pusat banyak tren desain, termasuk gaya datar dan material.

Tapi bisakah Anda salah dengan warna? Apakah ada warna atau kombinasi yang harus Anda hindari? Dalam satu kata … ya! Hari ini kami melihat warna atau kombinasi warna yang harus Anda hindari saat mendesain situs web dan aplikasi. (Dan jika Anda telah melakukan kesalahan ini, kami juga menawarkan saran alternatif.)

Neons

warna web

Warna neon bisa menyenangkan, gagah, dan menambahkan banyak sembulan ke desain. Sayangnya mereka sangat keras di mata, memberikan pengguna yang “menangis” merasakan di mana semuanya sakit untuk dilihat.

Masalah dengan neons adalah mereka terlalu terang untuk membaca dengan mudah dan menyebabkan masalah berpasangan dengan latar belakang gelap atau terang. Ketika digunakan dengan teks, neons menyajikan masalah keterbacaan karena huruf cenderung berdarah ke latar belakang. Latar belakang neon seringkali terlalu kuat dan mengalihkan perhatian dari pesan utama dalam desain.

warna web

Coba ini sebagai gantinya: Hapus beberapa kecerahan dari warna neon sehingga mereka memiliki tampilan yang lebih gelap, lebih halus di layar.

Orange You Glad melakukan pekerjaan yang baik dengan memasukkan “hampir” warna neon ke dalam desain beranda mereka dalam beberapa cara. Tema umum adalah bahwa neons digunakan untuk elemen yang lebih kecil dan dengan perubahan warna yang halus yang membuat warna merah muda, kuning dan hijau lebih mudah pada mata.

Warna “Bergetar”

warna web

Ketika warna yang sangat jenuh dipasangkan, mereka menciptakan “efek bergetar” di mana warna tampaknya hampir bergerak dalam gerakan kabur atau bercahaya. Anda tidak ingin melakukan ini.

Getaran ini dapat meresahkan bagi pengguna sebagaimana digariskan oleh ahli teori warna Josef Albers dalam panduan klasiknya “ Interaction of Color :” “Efek yang awalnya menyenangkan ini juga terasa agresif dan seringkali bahkan tidak nyaman bagi mata kita. Orang menemukan itu jarang digunakan kecuali untuk efek teriakan dalam iklan, dan sebagai hasilnya itu tidak menyenangkan, tidak disukai, dan dihindari. “

Anda hampir dapat memprediksi apa yang akan membuat warna bergetar sebelum meletakkannya berdampingan.

  • Saturasi tinggi untuk setiap warna
  • Komplemen pada roda warna
  • Jarak 180 derajat terpisah pada roda warna
  • Mengubah warna menjadi skala abu-abu, menghasilkan sangat sedikit kontras

Contoh klasik adalah memasangkan merah terang dan hijau. Kombinasi “Natal” yang populer adalah salah satu pelanggaran warna terbesar (dan paling banyak digunakan). Kombinasi ini menghadirkan masalah aksesibilitas juga karena tidak dapat diuraikan oleh orang-orang dengan buta warna.

Coba ini sebagai gantinya: Jika Anda harus menggunakan kombinasi warna “bergetar”, pisahkan dengan yang lain (lebih disukai yang netral) di antaranya.

Light on Light

warna web

Ini adalah salah satu kesalahan yang terjadi sepanjang waktu. Mungkin karena Anda dapat melakukannya dengan proyek cetak, mungkin karena pengaturan layar tertentu yang membuatnya bisa diterapkan, tetapi kombinasi warna terang pada lampu tidak memotongnya.

Mereka sulit dibaca. Setiap saat.

Di sinilah pelanggaran terbesar tampaknya terjadi: Pahlawan header yang memasangkan gambar dan teks putih, tetapi teks jatuh di bagian cahaya dari gambar. Pada titik ini kata-kata tidak dapat dibaca. Itu terjadi jauh lebih sering daripada yang seharusnya. Jika setiap huruf tidak dapat dibaca dengan jelas, Anda perlu memikirkannya kembali.

Coba ini sebagai gantinya: Untungnya, ada perbaikan yang cukup mudah untuk masalah ini:

warna web
  • Pilih gambar baru dengan latar belakang berwarna konsisten.
  • Gunakan kotak berwarna untuk teks di atas gambar dengan banyak variasi warna.
  • Pertimbangkan hamparan gambar penuh warna untuk meningkatkan kontras antara elemen latar belakang dan teks.

Apa pun yang Berwarna Pelangi

warna web

Meskipun hampir tidak perlu dikatakan lagi, situs web berwarna pelangi tidak berfungsi. (Pikirkan berapa banyak aturan teori warna yang Anda langgar hanya dengan membayangkan situs web bertema pelangi di kepala Anda sekarang.)

Kombinasi warna pelangi luar biasa dan sangat kuat. Mereka mungkin menarik perhatian pengguna pada awalnya, tetapi pengguna itu pasti akan terpental setelah dia menyadari bahwa konten tidak dapat diuraikan.

warna web

Coba ini sebagai gantinya: Jika Anda ingin menggunakan palet warna yang luas – seperti tren – pilihlah pemblokiran warna atau gaya kartu, di mana warna dapat dikaitkan dengan elemen. Desain bergaya wadah ini akan memungkinkan lebih banyak fleksibilitas dengan warna sekaligus menciptakan rasa organisasi dan aliran.

Bright on Bright / Dark on Dark

warna web

Sama seperti cahaya pada cahaya, dan kombinasi saturasi warna yang sama akan menyebabkan masalah. Itu harus pergi tanpa berkata, tetapi hindari mereka.

Jika Anda pikir ini tidak akan terjadi pada Anda, berhati-hatilah ketika Anda menggunakan skema warna monoton. Saat itulah para desainer cenderung tergelincir di sini. (Jika ragu gunakan lebih banyak kontras.)

warna web

Coba ini sebagai gantinya: Berpikirlah secara kontras. Jika Anda ingin menggunakan beberapa warna terang atau gelap, pertimbangkan itu sebagai opsi untuk layar di situs gulir. Anda akan bisa menggunakan semua warna gelap atau cerah yang Anda suka dan mempertahankan keterbacaan dan kegunaan. (Ini win-win!)

“K” Black

warna web

Terutama jika Anda sering melakukan lintas antara proyek cetak dan web – seperti yang dilakukan banyak desainer – hitam murni dapat masuk ke proyek web secara tidak sengaja. Dikenal sebagai “K” hitam dalam proyek cetak, karena hanya menggunakan satu piring atau “Murni” hitam (# 000000) dalam proyek digital, warna ini hanya datar.

Pikirkan tentang kenyataan, semua kombinasi hitam sebenarnya disaring dengan warna lain untuk memberikan kekayaan itu. (Bahkan bulu gagak sering terlihat kebiru-biruan atau lebih ungu dalam cahaya yang tepat.) Gunakan kombinasi warna hitam yang mencakup warna lain untuk menciptakan warna yang kaya, gelap, dan hemat hitam murni untuk dicetak.

warna web

Coba ini sebagai gantinya: Coba hitam dengan sedikit pewarnaan yang cocok dengan merek Anda atau tambahkan konotasi warna yang tepat. Semakin Anda mencerahkan hitam menjadi abu-abu, semakin mudah warna riasan terlihat. Pertimbangkan hitam dalam konser dengan warna-warna di sekitarnya dan pikirkan tentang riasan masing-masing dan bagaimana mereka berhubungan satu sama lain. (Misalnya, gunakan warna hitam dengan sedikit lebih kebiruan untuk mengimbangi warna oranye atau kuning untuk teks atau elemen lainnya.) Misalnya, warna untuk Wonderland, di atas, adalah # 0a0a0b.

Kesimpulan

Alasan terbesar untuk menghindari warna dan kombinasi ini adalah kurangnya keterbacaan dan kontras. Kenyataannya adalah dengan pilihan warna yang tepat dan banyak kontras, hampir semua rona dapat bekerja secara moderat.

Tapi ada yang menangkap. Anda mungkin harus membuatnya sedikit lebih gelap atau lebih terang dari yang Anda harapkan untuk membuatnya bekerja. Ingat, warna mengambil atribut dari lingkungannya (termasuk lampu latar dari layar) dan harus disesuaikan.

Inilah “trik hari ini:” Jika Anda harus menyipitkan mata, mempertanyakan, atau memindahkan layar sama sekali untuk melihat sesuatu, warnanya tidak berfungsi dan Anda perlu beralih ke sesuatu yang lain.

sumber: designshack.net

- Advertisement -

Latest articles

7,350 Followers
Follow

Related articles