Ketidakcocokan warna pada ekspor sketsa

11

Saat mengekspor dengan membuat sketsa, warna yang saya dapatkan lebih jenuh dibandingkan dengan aslinya. Lihat tangkapan di bawah ini:

ketidakcocokan warna

Ketidakcocokan warna muncul di perangkat lunak apa pun yang saya gunakan untuk membukanya. Ekspor dapat berupa jenis file apa pun dan masalah terjadi.

Ketika saya mengimpor gambar saya yang diekspor dalam sketsa, Sketsa menunjukkannya dengan warna asli.

Saya melakukan riset tetapi tidak dapat menemukan yang relevan. Mungkinkah ini berasal dari profil warna mac saya? (Saya mencoba membuat yang baru tetapi ini tidak mengubah apa pun). Terima kasih atas bantuan Anda

alxscms
sumber

Jawaban:

8

Pengembang mengetahui masalah ini tetapi tidak mau memperbaikinya, mereka menganggapnya sebagai 'fitur'.

Saat kami mengekspor gambar, kami menafsirkan nilai warna kami di ruang warna sRGB. Kami juga menghemat ruang warna dalam metadata, kecuali Anda telah memeriksa 'Simpan untuk Web' di panel ekspor. Terlepas dari pengaturan itu, maksudnya adalah untuk menyimpan dengan sRGB, yang berfungsi baik dengan Safari karena menafsirkan semua gambar sebagai disimpan dengan sRGB di tempat pertama. Jika Anda juga akan membuka gambar di Pratinjau, itu akan mengenali profil sRGB dan membuatnya sedekat mungkin dengan Safari. Kami percaya dengan cara ini kami mendapatkan representasi warna yang paling konsisten.

Kedengarannya masuk akal. Masalahnya adalah karena beberapa alasan mereka tidak membuat ruang kerja yang sebenarnya menggunakan sRGB. Karena itu 'lebih sederhana' (bagi mereka, saya kira). Mereka membuatnya menggunakan profil warna sistem Anda, yang, jika dikalibrasi, tidak akan menjadi sRGB.

Jadi, apa yang dilakukan Sketch? Saat Anda memilih warna dalam Sketsa, kami hanya menyimpan nilai RGB. Saat kami menampilkan layar, kami menginterpretasikan nilai-nilai tersebut menggunakan ruang warna monitor Anda.

Yang merupakan cacat yang jelas bagi saya. Perangkat lunak untuk mendesain konten yang ditujukan untuk peramban, yang tidak dirender seperti peramban.

Jadi pada dasarnya siapa pun yang memiliki layar terkalibrasi tidak dapat menggunakan perangkat lunak ini jika mereka peduli dengan akurasi warna yang mereka kerjakan. Satu-satunya pilihan adalah mengatur profil layar Anda menjadi sRGB. Saya harus mengkompensasi layar macbook saya karena bersandar terlalu banyak pada ujung biru spektrum, jadi ini bukan pilihan bagi saya - itu akan benar-benar tidak dapat dikerjakan - warnanya akan berakhir tampak berbeda dengan apa yang saya harapkan. Apapun, sebagian besar desainer profesional akan (dan harus!) Mengkalibrasi layar mereka. Jadi sepertinya ada pemutusan antara pengembang perangkat lunak dan komunitas yang mereka kembangkan.

Dan kecuali jika Anda hanya menggunakan mesin untuk pekerjaan web, tidak disarankan untuk membiarkan profil warna monitor Anda di sRGB. Ini adalah ruang warna yang sangat terbatas, seperti yang ditunjukkan oleh bagan di tautan sumber.

Terlebih lagi , klaim mereka bahwa:

jika Anda menggunakan nilai RGB yang sama dalam karya seni Anda di Sketch seperti yang Anda gunakan di CSS di situs web Anda, warnanya akan cocok.

Apakah jenis benar . Saya benar-benar menemukan bahwa bahkan ketika menggunakan sRGB di mana-mana , dan mewarnai ulang warna seluruh palet saya, masih ada perbedaan antara warna pada gambar yang diekspor, dan nilai RGB yang dinyatakan dalam Sketch. (setidaknya saat dilihat di Chrome). Warna yang ditentukan CSS, dan warna yang didefinisikan Sketsa di mana memang identik, tetapi gambar yang diekspor dengan warna yang sama (diekspor dengan profil monitor sRGB dan dengan pilihan 'Save for web') sedikit berbeda.

Saya pribadi tidak yakin bagaimana melanjutkan dengan menggunakan Sketsa. Saya suka perangkat lunaknya, tetapi ini adalah pengawasan yang mendasar dan mendasar, dan itu menyebabkan gesekan nyata dalam alur kerja saya.

Sumber: http://blog.sketchapp.com/post/133932511180/colors-in-sketch

Nathan Hornby
sumber
Ini memang masalah nyata ... Solusi tercepat yang saya temukan adalah menggunakan pengoptimal gambar web (ImageOptim) untuk menghapus semua profil gambar yang disematkan setelah diiris.
Guillaume Gautier
@ GuillaumeGautier, bagaimana ini akan membantu ketidakcocokan warna? Saya mencobanya dan warnanya masih sangat jenuh daripada ketika mereka berada di aplikasi.
Kue keju
6

Versi baru Sketch memiliki fitur yang mudah untuk memastikan warna saat mengekspor sama dengan yang Anda lihat di layar Anda.

Navigasikan ke Preferensi ›Umum› Profil Warna, dan kemudian ubah pengaturan warna ke Tampilan P3. Ini akan mengubah profil warna Anda menjadi yang digunakan Mac. Kemudian, lakukan hal yang sama lagi, tetapi kali ini pilih sRGB. Sekarang, Anda dapat memilih opsi "Konversi" dan kemudian klik "Ubah Profil" untuk mengubah warna menjadi ruang warna standar. Sekarang, ketika Anda mengekspor, warnanya akan terlihat seperti di Sketch.

Informasi lebih lanjut tentang ini dapat ditemukan di sini https://www.sketchapp.com/docs/other/color-management/

Xenon
sumber
Luar biasa, saya harus mencoba ini ketika saya meningkatkan Sketsa! Terimakasih atas peringatannya!
alxscms
2

Pengaturan warna sistem mengubah segalanya

Saya menyimpan milik saya di sRGB untuk beberapa ukuran representasi browser. Saya juga menggunakan banyak preset dan layar lain untuk menguji variasi. Berikut adalah contoh sRGB vs Adobe RGB.

sRGB

masukkan deskripsi gambar di sini

Varians dalam layar

Masalah Anda tampaknya aneh. Jika variasi dari pengaturan warna Anda, Anda harus melihatnya di doc. Gambar yang diekspor dapat berubah tergantung pada tempat Anda melihatnya, tetapi Anda seharusnya tidak dapat melihat perbedaan antara artboard Anda dan panel ekspor. Itu aneh sekali.

Saya pikir Anda mungkin melihat bug dengan file tertentu atau aplikasi itu sendiri. Cobalah untuk menciptakan kembali perilaku dengan warna dan dokumen lain. Periksa dengan orang-orang Bohemia (saya biasanya memukul mereka di Twitter ) dan melihat apakah mereka dapat menemukannya di kode di suatu tempat.

Baju biasa
sumber
Terima kasih atas jawabannya, sayangnya itu tidak berhasil untuk saya, saya bahkan tidak bisa menggambarkan perilaku manajemen warna karena sangat acak. Sebagai contoh, jika saya membuka gambar yang diekspor dalam chrome itu memiliki warna yang tepat dan ketika saya mulai beralih desktop, warna tiba-tiba berubah menjadi versi yang lebih jenuh. Lihat videonya di sini cl.ly/1e1n102T2V2Q
alxscms
Itu aneh, tapi jelas bukan Sketsa. Anda memiliki masalah tingkat OS. Sudahkah Anda mencoba gambar yang sama pada mesin yang berbeda? Paling tidak, masuk ke akun lain dan lihat apakah itu tetap ada.
Pakaian biasa
1

Masalah ini telah diperbaiki (dan dijawab) dalam dokumen resmi Sketch: https://www.sketchapp.com/learn/documentation/other/color-management/

Saat mengekspor, pastikan untuk memeriksa 'Simpan untuk Web' karena akan memastikan untuk memberikan gambar profil warna yang bersih dan memastikan warna terlihat identik dengan yang ada di file sketsa Anda.

HJ Chan
sumber
0

Maaf untuk menghidupkan kembali utas lama tapi ini masih menjadi masalah - Tapi saya menemukan solusi yang agak berbelit-belit! Jalankan Zeplin, pilih warna ekspor sebagai .clr dan salin file ke ~ Library / Colors. Buat AppleScript baru dengan "pilih warna". Di paling kanan akan ada tab baru dengan warna dari .clr. Klik pada warna yang Anda inginkan, lalu klik ikon kedua dari kiri, slider RGB. Klik roda pengaturan dan pilih profil sRGB dari dropdown. Nilai RGB yang dihasilkan harus seperti yang Anda inginkan.

Selamat mewarnai!

jusynth
sumber
Di mana saya dapat menemukan ~ Perpustakaan / Warna?
Kue keju