Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Workflow
Webdesign

Apakah Kalibrasi Warna Penting dalam Desain Web?

by
Length:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Dwi Bagus Nurrohman (you can also view the original English article)

Kalibrasi warna pada monitor adalah isu yang telah lama ada didalam komunitas desain. Namun perdebatan Twitter baru-baru ini antara Amy Hoy, Peter Cooper, Thomas Fuchs, dan Thijs van der Vossen tentang subjek itu menimbulkan pertanyaan penting: apakah kalibrasi warna diperlukan dalam desain web?

Thumbnail: Grafiti bewarna, tersedia di Photodune

Apa Preseden untuk Perdebatan?

Kalibrasi warna dimulai pada hari-hari desain cetak, dan masih merupakan masalah yang sangat penting bagi banyak desainer yang bekerja di media Mengingat variabilitas output warna di layar, dikombinasikan dengan perbedaan dalam printer, desainer harus mengkalibrasi monitor dan profil warna mereka di dalam OS agar sesuai dengan standar untuk memastikan pemilihan warna yang tepat. Di sinilah Pantone ikut bermain, karena mereka memberikan standar industri untuk output warna. Jika display dan printermu dikalibrasi ke standar Pantone, maka output warna (seharusnya) menjadi akurat di antara keduanya.

OSX memantau pengaturan kalibrasi

Semakin banyak perancang cetak bermigrasi, pertanyaan tentang output warna standar menjadi lebih menonjol. Apakah setiap monitor mematuhi standar yang sama dengan standar Pantone? Haruskah kami mengkalibrasi display kami untuk memenuhi kualifikasi standar ini?

Untungnya, Microsoft dan HP membantu membangun ruang warna sRGB, yang telah diadopsi di sebagian besar perangkat tingkat konsumen dan didukung oleh W3C. Namun, ada banyak variabilitas dalam output perangkat; yang terkait kembali dengan masalah kalibrasi


Argumen untuk Kalibrasi

Faktor pendukung terbesar dari prinsip tersebut adalah pentingnya standar. Kami mencoba untuk menstandardisasi semuanya (baik sebagai desainer dan pengembang), jadi mengapa bagian dari proses desain kami (pemilihan warna) tidak distandarisasi juga?

Chris Coyier mengajukan pertanyaan kepada para pembaca Trik CSS baru-baru ini, dengan sejumlah tanggapan yang sangat baik dalam komentar. Namun, saya merasa argumen terbaik untuk kalibrasi perangkat disajikan oleh Shane Parker:

Saya tidak mengerti bagaimana ini sebuah pertanyaan? Tentu saja kamu harus mengkalibrasi monitormu menggunakan standar yang dikenal melalui perangkat kalibrasi perangkat keras. Akankah mayoritas orang yang melihat situs Anda juga memiliki monitor yang dikalibrasi? Tentu saja tidak TETAPI, tidak seperti semua monitor yang tidak dikalibrasi melihat dengan cara yang sama. Monitor yang tidak dikalibrasi ada di semua tempat sehubungan dengan warna, dan itulah alasan terbesar Anda harus mengkalibrasi! Setidaknya kamu akan tahu bahwa kamu dikalibrasi untuk mengoreksi warna sehingga mereka yang dikalibrasi (atau menggunakan monitor yang tidak mematikan kalibrasi dari awal) akan melihat warna yang kamu ingin mereka lihat.

Sampah masuk = sampah keluar Jika kamu mulai dengan sampah, kamu lebih mungkin berakhir dengan sampah. Sebagai profesional, monitor kalibrasi adalah salah satu langkah pertama dalam menyiapkan lingkungan desain (saya seorang web dev dan fotografer, jadi bahkan lebih penting bagi saya untuk tetap dikalibrasi).

Saya setuju dengan argumennya: kamu harus berusaha untuk berada di tengah spektrum untuk mengurangi offset dari perangkat audiensmu. Jika monitornu secara tidak sengaja miring ke satu arah, maka hasilnya akan lebih terhuyung pada perangkat dengan kalibrasi yang berbeda. Setidaknya ketika perangkatmu dikalibrasi untuk bagian tengah, hasilnya akan “kurang salah”.

Sebagian besar desainer tampaknya setuju dengan pernyataannya juga Argumen melawan kalibrasi warna dalam desain web tidak menegur praktik, tetapi menyatakan bahwa ada masalah yang lebih besar di tangan daripada nada warna.


Argumen Terhadap Kalibrasi
(Sebaliknya, Argumen untuk Kontras)

Perdebatan mengenai kalibrasi warna tidak dapat secara sederhana didefinisikan sebagai situasi "yay / nay", karena ini adalah masalah prioritas. Mereka yang menentang kalibrasi mencatat pentingnya kontras terhadap warna nada yang tepat dalam desain web.

Dalam arti, jika Anda tahu layar Anda memadai dan "dikalibrasi dengan wajar", maka Anda tidak perlu khawatir tentang mencapai kalibrasi warna yang benar. Sebaliknya, fokus pada aksesibilitas dan tempatkan warna yang tepat dan akurat sebagai perhatian sekunder. Desain dimaksudkan agar mudah dibaca dan diakses. Dengan berfokus pada tonality warna dengan peralatan kelas mahal dan profesional, prioritas perancang digeser sedemikian rupa sehingga pengguna akhirnya menderita. Meskipun dapat dikatakan bahwa memilih nada warna yang salah dapat mengubah reaksi pengguna terhadap desain, ada dua argumen yang lebih besar yang mengambil preseden:

  • Orang dengan tampilan buruk digunakan untuk hal-hal yang "salah", karena itulah lingkungan tempat mereka bekerja. (Yang Aaron Silber uraikan dengan cukup baik).
  • Dengan fokus seni, Anda bisa berakhir dengan palet kontras rendah yang benar-benar menyakiti desain Anda saat eksekusi.

Aksesibilitas harus selalu berada di garis depan desain situs, dan berfokus pada palet warna berdasarkan pergeseran tonal halus biasanya tidak sesuai dengan ideal ini. Banyak contoh dapat dilihat di Constrast Rebellion, dan telah dibahas berkali-kali di situs ini.

Yang satu ini sangat menyakitkan karena saya mencintai yang lain tentang Reeder

Wawancara Dengan Patrick Kovacich
UI + UX Designer

Saya dapat mewawancarai Patrick Kovacich, seorang pengguna antarmuka dan perancang pengalaman yang juga memiliki banyak pengalaman dengan cetak (belum lagi beberapa desain kaos paling keren yang pernah saya lihat) tentang masalah ini, dan ia mampu menguraikan tentang variabilitas output perangkat:

Diperlukan tingkat kejeniusan dan kegilaan tertentu untuk menghasilkan ide-ide seperti ini.

QApa yang berpengalaman dengan industri cetak dan desain web, dan di mana kamu terutama bekerja?

Saya memulai dengan layout cetak sebelum web jauh lebih banyak dari yang digunakan akademis (pertengahan 90-an), jadi saya memiliki banyak pengalaman di sana. Bahkan setelah pindah ke desain web dan desain UI aplikasi asli, saya telah melanjutkan banyak proyek cetak di samping. Saya terutama bekerja di web / layar, dan pekerjaan cetak adalah minoritas yang sangat luas.


QApakah perangkat lunak yang Anda gunakan saat mendesain?

Secara visual, Adobe Fireworks dan Adobe Illustrator. Jika saya melakukan pekerjaan web di mana visual sebenarnya adalah peramban yang diberikan, saya akan menggunakan editor teks biasa atau Dreamweaver.


QApakah pengaturan komputer Anda (Sistem Operasi, Monitor [s], menggambar tablet)?

Terutama MacOSX 10.6, stok layar pro 17 inci Macbook (matte.) Saya menggunakan mesin Windows 7 sekitar 25% dari waktu, dengan monitor Acer 20 inci dan tablet Wacom Graphire untuk beberapa karya yang lebih artistik. Most design work I do is not using a tablet, however.


Menurut pendapatmu, apakah kamu merasa penting untuk benar mengkalibrasi monitormu untuk mencapai "garis dasar" yang ditentukan oleh industri?

Tidak. Sebagian besar pekerjaan saya dikonsumsi oleh orang-orang yang tidak mengkalibrasi monitor mereka, jadi saya mengambil hati-hati untuk tidak bergantung pada detail kontras yang hanya akan berfungsi pada tampilan bioskop yang dikalibrasi sempurna atau panel plasma kontras-rasio tinggi.

Pemirsa target saya bervariasi dari tampilan iMac all-in-one ke laptop XP yang digerakkan oleh panel LCD yang sangat murah, sehingga nilai dalam diri saya yang melekat pada profil warna yang disetel dan kalibrasi yang ketat pada tampilan saya tidak dibagikan oleh audiens saya dengan cara yang sama. oleh toko-toko cetak saya. Saya menemukan bahwa melihat bukti dan berbagi profil warna sangat mudah menyelesaikan masalah apa pun yang saya miliki dalam bekerja dengan mereka.


QJika tidak, maka bagaimana kamu bisa memastikan monitormu cukup dekat dengan kalibrasi yang tepat sehingga pilihan warnamu akan diterjemahkan dengan baik ke sebagian besar penggunamu; sesuatu yang desainer yang mendukung titik kalibrasi warna dalam pertahanan mereka dari latihan?

Saya cenderung untuk benar-benar membalik profil warna di sekitar untuk A / B menguji konfigurasi yang berbeda, dan yang paling penting, kecerahan yang berbeda / LCD miring. Karena semakin banyak pemirsa saya yang beralih ke layar LCD laptop dan perangkat seluler, beberapa di antaranya memiliki sudut pandang yang sangat sempit, posisi engsel laptop atau pemosisian perangkat seluler dapat benar-benar mengubah warna yang dirasakan. Eksperimen dunia nyata semacam ini memungkinkan saya memastikan bahwa bagian penting dari desain bekerja terlepas dari perangkat dan lingkungan kerja audiens saya, dan lebih berguna daripada asumsi mereka semua akan mematuhi kondisi desain saya yang indah

Seperti yang saya katakan, dalam pekerjaan cetak ada banyak alat untuk "menerjemahkan" dan memverifikasi kami berada di halaman yang sama dengan hasil akhir, dan toko-toko cetak pada umumnya mampu berbicara bahasa desain yang lebih tinggi dengan saya untuk mendapatkan hasil yang memuaskan. Saya tidak memiliki kemewahan untuk menuntut pemirsa di layar saya melalui ini, dan jadi saya tidak terlalu khawatir tentang menampilkan saya disetel ke standar yang tidak berarti bagi mereka.


Wawancara dengan Ian Yates
Webdesigntuts + Editor

Ian Yates (editor kami di Webdesigntuts + untuk para pendatang baru) cukup berbaik hati untuk memberikan pendapatnya tentang hal ini, yang menurut saya penting untuk diskusi dengan latar belakang cetaknya yang berat:


Q Apa yang berpengalaman dengan industri cetak dan desain web, dan di mana kamu  terutama bekerja?

Hari-hari ini saya bekerja terutama dalam desain web, meskipun pekerjaan pertama saya dalam desain adalah di sebuah biro iklan kecil di Rotterdam dan pasti lebih banyak bias cetak. Saya telah fokus di web selama lima tahun terakhir.


Q Apakah perangkat lunak yang kamu gunakan saat mendesain?

Karena akar saya berada di desain cetak dan ilustrasi, saya paling nyaman dengan vektor. Duduk saya di belakang Adobe Illustrator dan saya orang yang bahagia. Photoshop membuat saya tersibuk di mana desain web yang bersangkutan, yang aneh seperti yang kamu harapkan Fireworks telah menjadi rumah yang lebih logis. Saya masih selalu mulai dengan pena dan kertas meskipun - tidak bisa mengguncang kebiasaan itu :)


Q Apakah pengaturan komputer Anda (Sistem Operasi, Monitor [s], menggambar tablet)?

Saya memiliki Mac Pro quad-core dengan dua layar Dell 22 "(yang merupakan nilai besar). Mac baru berusia beberapa tahun dan merupakan upgrade logis dari PC lama saya, meskipun jika saya menunggu, saya mungkin memilih iMac yang besar sebagai gantinya. Tablet Wacom yang bagus dan gemuk tinggi di daftar harapan saya, tetapi sepertinya selalu ada sesuatu yang lebih masuk akal untuk menghabiskan uang saya yang susah payah.


Q Menurut pendapatmu, apakah kamu merasa penting untuk benar mengkalibrasi monitormu untuk mencapai "garis dasar" yang ditentukan oleh industri?

Ketika saya sibuk dengan cetakan, banyak pekerjaan saya berkisar pada identitas: logo, kertas berkepala, alat tulis, stan pameran, materi promosi, dll. Dan itu melibatkan banyak kerja warna yang hati-hati. Paket identitas visual yang ditata dengan benar mencakup palet Pantone tertentu, seringkali cukup terbatas, karena semakin banyak warna yang dibuat untuk biaya pencetakan yang lebih tinggi. Bekerja dengan warna Pantone dalam dokumenmu (bukan CMYK, misalnya) berarti hasil cetakannya adalah sertifikat mati; ini akan terlihat sama persis dengan produk cetak lainnya dengan warna-warna tersebut (dengan asumsi printer melakukan pekerjaan dengan benar.)

Ketika bekerja untuk mencetak, disarankan untuk mengkalibrasi monitormu sehingga apa yang kamu lihat adalah sebagai benar untuk hasil cetak yang sebenarnya mungkin. Secara personal aku sempat hilang harapan, Aku selamanya memegang Pantone carikan ke layar saya berpikir "apakah saya benar-benar menggunakan nada yang tepat di sini ?!"

Dari segi web, saya tidak yakin itu sangat relevan. Saya belum benar-benar memikirkannya sebelumnya, karena tidak ada cara kamu dapat meniru dengan tepat bagaimana pengguna melihat pekerjaanmu. Hari-hari ini, saya pergi untuk default, kalibrasi out-of-the-box .


QJika tidak, maka bagaimana kamu bisa memastikan monitormu cukup dekat dengan kalibrasi yang tepat sehingga pilihan warnamu akan diterjemahkan dengan baik ke sebagian besar penggunamu; sesuatu yang desainer yang mendukung titik kalibrasi warna dalam pertahanan mereka dari latihan?

Aku tidak yakin kamu bisa Kamu harus menerima bahwa pengguna memiliki banyak layar yang berbeda, perangkat yang berbeda, dan kalibrasi yang berbeda. Bahkan akan ada perbedaan antara layar identik dari usia yang berbeda. Ini adalah fakta bahwa sebagian besar pengguna mungkin tidak akan mengalami pekerjaan Anda persis seperti yang Anda inginkan. Pergi untuk mode rata-rata - kebanyakan orang akan menggunakan perangkat mereka saat mereka keluar dari rak.


Kesimpulan

Standar Pantone bekerja karena industri cetak secara luas mengadopsinya, dan praktisi secara konsisten memelihara perangkat mereka untuk memastikan kalibrasi. Tetapi hal yang sama tidak dapat (dan seharusnya tidak) diharapkan dari sebagian besar pengguna web; beberapa perangkat mungkin tidak pernah dikalibrasi sama sekali Di sinilah argumen "jendela kotor ke Internet" paling valid: masalah situsmu tidak ditampilkan dengan benar pada layar umumnya merupakan masalah yang lebih besar dengan tampilan itu sendiri.

Jika  kamu memiliki waktu dan sumber daya untuk mengkalibrasi perangkatmu, atau jika memiliki palet warna yang lebar sangat penting untuk pekerjaanmu, maka kamu harus mengkalibrasi monitormu. Namun, dalam banyak kasus, kalibrasi warna menjadi tidak masalah begitu perancang memahami fakta bahwa tidak ada output standar di web seperti yang ada di cetak. Sebaliknya, kontras warna yang kuat dan aksesibilitas merupakan faktor yang jauh lebih penting yang harus dipertimbangkan dalam desain web.

Sangat menyenangkan menulis artikel ini, dan saya harap semua orang menikmatinya sama seperti saya senang menulisnya! Seperti biasa, feedback sungguh sangat diapresiasi

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.