totosgp

Prinsip Warna? Melampaui sRGB

Jen bertanya di Twitter:

Pengembang web, dari semua pengiriman teknologi baru di browser tahun ini, apa yang paling ingin Anda pelajari, sekaligus kewalahan oleh gagasan bahwa Anda harus mempelajarinya?

tanggapan saya ada di sekitar semua hal warna baru:

Warna: hwb, lab, oklab, lch, oklch, color(), p3, dll. Dan bukan hanya sintaks, tetapi kapan, bagaimana, dan mengapa Anda akan menggunakan salah satu dari mereka di atas yang lain.

Chris menulis, dengan cara yang hanya dia bisa, pengantar orang awam untuk semua sintaks/gamut warna baru ini di CSS-Tricks. Itu membantu. Dan ada lebih banyak sumber daya yang bagus tentang masalah ini di luar sana.

Tapi aku masih berjuang sedikit. Tetapi untuk menjelaskan alasannya dengan lebih baik, izinkan saya mundur selangkah.

Ada revolusi yang terjadi dalam warna. Craig menulis tentang tahun-tahun mendatang di blog Iconfactory. Dia menunjukkan bagaimana, berkat inovasi seperti Retina Display, layar tidak bisa lagi ditingkatkan dengan menjadi lebih padat. Biologi kita sebagai manusia menjadi faktor pembatas karena kerapatan piksel di luar titik tertentu tidak dapat dilihat oleh mata kita dan karenanya tidak memberikan nilai tambah. Oleh karena itu, satu-satunya cara bagi pembuat tampilan untuk meningkatkan layar (dan mendapatkan keunggulan kompetitif) adalah membuatnya “lebih dalam” dengan menunjukkan rentang warna yang lebih luas. Masukkan gamut warna baru yang kita lihat seperti Tampilan P3. Inilah Craig:

Selama beberapa tahun mendatang, tampilan yang hanya menampilkan sRGB akan terasa kuno seperti yang hanya dapat menampilkan resolusi @1x. Dan satu-satunya cara Anda dapat mengatasi semua jenis lingkungan tontonan baru ini adalah dengan sesuatu yang disebut “manajemen warna”.

Layar retina adalah paralel yang menarik. Ketika layar retina keluar, jenis revolusi yang berbeda mulai terjadi di web yang berpusat di sekitar kerapatan piksel.

Tiba-tiba ada kebutuhan mendesak untuk mulai membuat grafik raster dengan resolusi lebih tinggi—@1x, @2x, @3x konvensi penamaan siapa saja?—untuk mendukung tampilan baru ini. Jika tidak, situs web Anda tidak terlihat ‘baik’.

Atau, solusi yang lebih ramping adalah mulai membuat semua grafik yang Anda bisa dalam format vektor seperti .svg dan melayani mereka. Di mana @2x versi gambar memberikan solusi untuk suatu masalah, grafik vektor menghilangkan masalah sepenuhnya.

Hal yang indah tentang beradaptasi dengan layar dengan kerapatan piksel tinggi adalah, setelah Anda memahami prinsip-prinsip cara kerjanya, Anda dapat mendesainnya tanpa benar-benar harus memiliki layar kerapatan piksel tinggi. “Gunakan vektor di mana Anda bisa, jika tidak, sajikan beberapa versi gambar raster dengan kueri media yang sesuai”. Jika saya mengikuti panduan ini, saya bisa percaya implementasinya akan terlihat bagus tanpa benar-benar perlu melihatnya. Tidak ada ketergantungan perangkat keras untuk membuat atau menguji grafik.

Sekarang, saat kita mulai memasuki dunia tampilan baru dengan gamut warna yang lebih luas, saya bertanya-tanya: apakah ada prinsip dasar untuk mendesain dalam warna ini di luar sRGB yang memungkinkan Anda menghindari melihatnya dan tetap merasa nyaman menggunakannya?

Sebagai seorang desainer, apakah mungkin bagi saya untuk membuat keputusan desain seputar gamut warna baru ini tanpa benar-benar memiliki layar yang mampu menampilkannya? Bagaimana Anda memilih warna yang cocok jika Anda tidak dapat melihatnya? Bisakah kamu? Seharusnya kamu?

Sebaliknya, jika yang Anda miliki hanyalah tampilan gamut yang lebih lebar, bagaimana Anda tahu jika pilihan warna Anda akan menurun dengan anggun ke sRGB?

Sebagai contoh yang sangat mendasar dari apa yang saya coba dapatkan, jika saya menggunakan perangkat yang hanya memungkinkan melihat sRGB, dapatkah saya:

  • pilih warna merah yang cerah dan mudah diakses dalam rgb gamut,
  • mengubahnya menjadi tampilan-p3,
  • ubah nilai tampilan-p3 (menurut beberapa rumus), dan kemudian
  • percaya bahwa warna yang disempurnakan ini (pada perangkat yang didukung) akan terlihat lebih baik namun tetap dapat diakses?

Jika ada yang tahu artikel bagus yang menjawab pertanyaan-pertanyaan ini, silakan hubungi saya.

Saya mengerti, seperti yang diprediksi Craig, warna itu akan menjadi jauh lebih rumit daripada beberapa dekade terakhir.

Tidak dapat dipungkiri bahwa warna adalah subjek yang rumit: Anda berurusan dengan fisika radiasi elektromagnetik dan fisiologi mata dan otak kita. Hal-hal yang menghasilkan dan merasakan warna di dunia kita secara inheren kompleks.

Selama 20 tahun terakhir, kami telah melakukannya dengan mudah. Kami hanya bisa mengandalkan warna merah, hijau, dan biru untuk menyelesaikan pekerjaan. Tetapi ketika tampilan menjadi lebih dalam dan lebih cerdas, itu akan berubah.

Kita semua harus menghadapi musik.

Saya telah membaca buku Craig tentang manajemen warna (saya tidak berpura-pura memahami semuanya) dan ada bab seputar manajemen warna di web. Namun, saya masih tidak begitu mengerti bagaimana (atau apakah mungkin) menggunakan warna-warna baru ini berdasarkan prinsip saja. Saya merasa bahwa Anda tidak dapat mendesain untuk gamut baru ini kecuali Anda memiliki perangkat keras untuk melakukannya.

Singkatnya: akan menyenangkan untuk memiliki beberapa prinsip desain deklaratif untuk warna yang mencakup perangkat keras dan gamut, memungkinkan Anda untuk mendesain sesuai dengan prinsip dan membiarkan output dirender secara bervariasi, sesuai dengan kekuatan masing-masing agen pengguna.

Dengan warna-warna baru ini, tampilan halaman web akan menjadi lebih bervariasi yang berarti mencoba menggunakan segala jenis kontrol atau harapan keseragaman adalah jalan menuju kegilaan. Satu-satunya hal yang harus dilakukan adalah merangkul keragaman perangkat yang mengakses web dan membangunnya sesuai dengan itu.

Karena cuma dapat terkait kepada pihak yang sedia kan data togel singapura saja yang dapat meraih information sgp lengkap. Lantas dengan susah nya mengakses web site togel singapore pools pada negara +62. Maka alangkah baiknya berlangganan pada halaman ini untuk mendapatkan data keluaran sgp hari ini live tercepat cuma disini.