Không khớp màu trên xuất khẩu phác thảo


11

Khi xuất với bản phác thảo, màu sắc tôi nhận được quá bão hòa so với bản gốc. Xem chụp dưới đây:

không phù hợp màu

Sự không phù hợp màu sắc xuất hiện trong bất kỳ phần mềm nào tôi sử dụng để mở nó. Xuất có thể là bất kỳ loại tập tin và vấn đề xảy ra.

Khi tôi nhập hình ảnh đã xuất của mình trong bản phác thảo, Phác thảo hiển thị nó với màu gốc.

Tôi đã làm một số nghiên cứu nhưng không thể tìm thấy bất cứ điều gì có liên quan. Điều này có thể đến từ các cấu hình màu của máy Mac của tôi? (Tôi đã cố gắng tạo một cái mới nhưng điều này không thay đổi gì cả). Cảm ơn bạn đã giúp đỡ

Câu trả lời:


8

Các nhà phát triển nhận thức được vấn đề nhưng không sẵn sàng sửa nó, họ coi đó là một 'tính năng'.

Khi chúng tôi xuất một hình ảnh, chúng tôi diễn giải các giá trị màu của chúng tôi trong không gian màu sRGB. Chúng tôi cũng lưu không gian màu trong siêu dữ liệu, trừ khi bạn đã chọn 'Lưu cho Web' trong bảng xuất. Bất kể cài đặt đó là gì, mục đích là để lưu với sRGB, hoạt động độc đáo với Safari vì nó diễn giải tất cả các hình ảnh được lưu với sRGB ngay từ đầu. Nếu bạn cũng sẽ mở hình ảnh trong Bản xem trước, nó sẽ nhận ra hồ sơ sRGB và hiển thị nó càng gần Safari càng tốt. Chúng tôi tin rằng theo cách này, chúng tôi có được đại diện màu nhất quán nhất có thể.

Âm thanh hợp lý. Vấn đề là vì một số lý do, họ không kết xuất không gian làm việc thực tế bằng sRGB. Bởi vì điều đó 'đơn giản hơn' (đối với họ, tôi giả sử). Họ kết xuất nó bằng cách sử dụng hồ sơ màu hệ thống của bạn, nếu được hiệu chỉnh, sẽ không phải là sRGB.

Vậy Phác thảo làm gì? Khi bạn chọn một màu trong Phác thảo, chúng tôi chỉ lưu trữ các giá trị RGB. Khi chúng tôi kết xuất với màn hình, chúng tôi sẽ chặn [sic] các giá trị đó bằng cách sử dụng không gian màu của màn hình.

Đó là một lỗ hổng rõ ràng với tôi. Phần mềm để thiết kế nội dung dành cho trình duyệt, không hiển thị như trình duyệt.

Vì vậy, về cơ bản, bất cứ ai có màn hình được hiệu chỉnh đều không thể sử dụng phần mềm này nếu họ quan tâm đến độ chính xác của màu sắc mà họ đang làm việc. Tùy chọn duy nhất là đặt cấu hình màn hình của bạn thành sRGB. Tôi phải bù màn hình macbook của mình vì nó quá nặng ở đầu màu xanh của quang phổ, vì vậy đây không phải là một lựa chọn cho tôi - nó sẽ hoàn toàn không thể thực hiện được - màu sắc sẽ trông khác với những gì tôi mong đợi. Bất kể, hầu hết các nhà thiết kế chuyên nghiệp sẽ (và nên!) Hiệu chỉnh màn hình của họ. Vì vậy, dường như có một sự mất kết nối giữa các nhà phát triển phần mềm và cộng đồng mà họ đang phát triển.

Và trừ khi tất cả những gì bạn sử dụng máy của bạn là cho công việc web, không nên để hồ sơ màu màn hình của bạn ở sRGB. Đó là một không gian màu khá hạn chế, như được biểu thị trong biểu đồ nguồn.

Hơn nữa , họ tuyên bố rằng:

nếu bạn sử dụng cùng các giá trị RGB trong tác phẩm nghệ thuật của mình trong Phác thảo khi bạn sử dụng CSS trên trang web của mình, màu sắc sẽ khớp.

loại đúng . Tôi thực sự thấy rằng ngay cả khi sử dụng sRGB ở mọi nơi và tô màu lại chọn toàn bộ bảng màu của mình, vẫn có sự khác biệt giữa màu trong hình ảnh được xuất và các giá trị RGB được nêu trong Phác thảo. (ít nhất là khi được xem trong Chrome). Màu sắc do CSS xác định và màu được xác định trong Phác thảo thực sự giống hệt nhau, nhưng hình ảnh được xuất với cùng màu (được xuất với cấu hình màn hình sRGB với 'Lưu cho web' được chọn) lại hơi khác một chút.

Cá nhân tôi không chắc chắn làm thế nào để tiếp tục sử dụng Phác thảo. Tôi thích phần mềm, nhưng đây là một giám sát cơ bản và cơ bản, và nó gây ra ma sát thực sự trong quy trình làm việc của tôi.

Nguồn: http://blog.sketchapp.com/post/133932511180/colors-in-sketch


Đây thực sự là một vấn đề ... Giải pháp nhanh nhất tôi tìm thấy là sử dụng trình tối ưu hóa hình ảnh web (ImageOptim) để xóa tất cả các cấu hình hình ảnh nhúng sau khi cắt.
Guillaume Gautier

@GuillaumeGautier, làm thế nào điều này sẽ giúp màu sắc không khớp? Tôi đã thử nó và màu sắc vẫn bão hòa cao hơn so với khi chúng ở trong ứng dụng.
CheeseCake

6

Các phiên bản mới của Phác thảo có một tính năng dễ dàng để đảm bảo màu sắc khi xuất giống với màu bạn nhìn thấy trên màn hình.

Điều hướng đến Tùy chọn Hồ sơ Màu Tổng quát, và sau đó thay đổi cài đặt màu thành Hiển thị P3. Điều này sẽ thay đổi hồ sơ màu của bạn thành một máy Mac sử dụng. Sau đó, làm lại điều tương tự, nhưng lần này chọn sRGB. Bây giờ, bạn có thể chọn tùy chọn "Chuyển đổi" và sau đó nhấp vào "Thay đổi cấu hình" để chuyển đổi màu thành không gian màu tiêu chuẩn. Bây giờ, khi bạn xuất, màu sắc sẽ trông giống như trong Phác thảo.

Thông tin thêm về điều này có thể được tìm thấy ở đây https://www.sketchapp.com/docs/other/color-man Quản lý /


Tuyệt vời, tôi sẽ phải thử điều này khi nâng cấp Phác thảo! Cảm ơn cho những người đứng đầu lên!
alxscms

2

Cài đặt màu hệ thống thay đổi mọi thứ

Tôi giữ của tôi ở sRGB cho một số biện pháp đại diện trình duyệt. Tôi cũng sử dụng một loạt các cài đặt trước và màn hình khác để kiểm tra sự thay đổi. Đây là một ví dụ về sRGB vs Adobe RGB.

sRGB

nhập mô tả hình ảnh ở đây

Phương sai trong một màn hình

Vấn đề của bạn có vẻ kỳ lạ, mặc dù. Nếu biến thể là từ cài đặt màu của bạn, bạn sẽ thấy nó trên tài liệu. Hình ảnh được xuất có thể thay đổi tùy thuộc vào nơi bạn xem, nhưng bạn không thể nhận ra sự khác biệt giữa bản vẽ của bạn và bảng xuất. Điều đó thật kỳ lạ.

Tôi nghĩ rằng bạn có thể đang xem xét một lỗi với tệp cụ thể của bạn hoặc chính ứng dụng. Cố gắng tạo lại hành vi với các màu sắc và tài liệu khác. Kiểm tra với những người theo phong cách Bohemian (tôi thường đánh họ trên Twitter ) và xem họ có thể tìm thấy nó trong mã ở đâu đó không.


Cảm ơn đã trả lời, thật không may, điều đó không hiệu quả với tôi, tôi thậm chí không thể mô tả hành vi của quản lý màu sắc vì nó rất ngẫu nhiên. Chẳng hạn, nếu tôi mở hình ảnh được xuất ra trong chrome, nó có màu sắc phù hợp và khi tôi bắt đầu chuyển đổi máy tính để bàn, màu sắc đột nhiên chuyển sang phiên bản bão hòa hơn. Xem video tại đây cl.ly/1e1n102T2V2Q
alxscms

Điều đó thật kỳ lạ, nhưng chắc chắn đó không phải là Phác thảo. Bạn có một vấn đề cấp hệ điều hành. Bạn đã thử hình ảnh tương tự trên một máy khác? Ít nhất, hãy đăng nhập vào một tài khoản khác và xem nếu nó vẫn tồn tại.
thường phục


0

Xin lỗi để hồi sinh một chủ đề cũ như vậy nhưng đây vẫn là một vấn đề-- Nhưng tôi đã tìm thấy một cách giải quyết có phần phức tạp! Bật Zeplin, chọn xuất màu dưới dạng .clr và sao chép tệp vào ~ Thư viện / Màu. Tạo một AppleScript mới với "chọn màu". Ở phía bên phải sẽ có một tab mới với các màu từ .clr. Nhấp vào màu bạn muốn, sau đó nhấp vào biểu tượng thứ hai từ bên trái, thanh trượt RGB. Nhấp vào bánh xe cài đặt và chọn cấu hình sRGB từ danh sách thả xuống. Các giá trị RGB kết quả phải là những gì bạn muốn.

Chúc mừng tô màu!


Tôi có thể tìm thấy ~ Thư viện / Màu sắc ở đâu?
CheeseCake

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.