Android 開發者和設計師必須了解的顏色知識

在近期發布的 Oreo 版本中,Android 開始獲得顏色管理的支持,這有助于在不同的設備上對顏色進行校準。隨著此次更新的到來,Android 設備現在可以顯示 sRGB 色域之外的顏色。如果您不熟悉顏色配置文件或廣色域,那么我強烈建議向您推薦這段來自 Google I/O 的視頻,供您理解顏色:




騰訊視頻

簡單來說,顏色管理可以確保顏色在不同的顯示器上看起來一致。例如,顏色 #ff0000(我們的讀者應該秒懂這是紅色)當出現在采用不同技術的顯示屏上時,觀眾看到的顏色可能會有所不同——有些屏幕可以顯示比其他屏幕更飽和或更強烈的顏色。根據 sRGB 的表達方式,#ff0000 表示一種特定的紅色(在 sRGB 色空間中),這樣彩色顯示管理就可以精確產生出符合觀眾期望的顏色。

在這篇文章中,我們想概述一下 Android 應用設計師和開發者需要如何理解這些改動。

顯示廣色域圖像

圖像可以嵌入顏色配置文件,聲明其顏色信息所屬的顏色空間。類似地,許多相機能夠捕捉廣色域并嵌入適當的顏色配置文件,從而顯示超出標準 sRGB 色域的顏色。要在應用中展示具有廣色域特征的圖像,您需要在每個 Activity 中進行聲明。為此,請在 manifest 的 activity 公告中設置 colorMode 屬性:

您也可以通過代碼來設置,但您需要在創建 Window 之前就在 onCreate 上設置完畢。廣色域支持是可選的,因為它需要更多的系統資源(這可能會導致應用性能表現下降),事實上我們在開發者文檔里已經強調過了:

“當啟用廣色域模式時,活動的窗口使用更多的內存和 GPU 處理能力來進行畫面組合。在啟用廣色域模式之前,您應該仔細考慮活動能夠真正從中受益。例如,全屏顯示照片活動很適合采用廣色域模式,但顯示縮略圖的界面則不夠適合?!?/i>

請注意,如果您使用的是單一 Activity 架構,那么將廣色域圖像顯示分解為新的 Activity 可能是有意義的。

下面是一個示例,顯示了兩個顯示相同廣色域測試圖像的界面(嵌入了 Display P3 顏色配置文件的 PNG 文件),畫面上部分的 Activity 聲明了廣色域顏色模式,而下半部分的 Activity 則沒有聲明。

△ 如果您的屏幕支持的話,上部分應該能看見一個 Android 小機器人,而下部分看不見。

顏色準確渲染

許多 Android 設備在很久之前就擁有了能夠顯示較廣色域的屏幕。在 Android 8.0 的顏色管理之前,所有內容都被假定為 sRGB,但寬色域顯示器會將顏色值重新解釋為其工作色域,并有效地對顏色值進行 “換算”(一般會讓紅色更紅,綠色更綠),從而導致更飽和的成像效果。然而這種拉伸是不精確的,事實上不存在這種能預測您想要的顏色的 “換算” 算法,因此這樣渲染出的顏色并不準確。

許多應用已經對圖像等資源進行處理,比如降低一些飽和度從而進行顏色彌補。因此,在具有校準顯示功能的設備上顯示時,顏色可能會顯得較為柔和。也就是說,在顏色顯示精確的設備(如 Pixel 2)上,非飽和的圖片資源的顯示效果將不如顯示不精確的設備那么飽滿。當準確的顏色渲染技術廣泛流行后,應用開發者終于可以不再需要對資源顏色自行處理了,同時還能確保他們的內容能夠按預期進行顯示。然而,在此之前,您可以采取一些措施,來確保您的內容在顏色精確的顯示器上以及非顏色管理設備上看起來都很棒。

Android 8.0 添加了一個新的 widecg 資源限定符(resource qualifier),您可以使用該限定符來更改配備廣色域屏幕并支持廣色域渲染的設備上的顏色(nowidecg 則剛好相反)。

請注意,廣色域支持不同于當前活動是否在 wideColorGamut 顏色模式下運行。如果設備支持顏色準確的渲染,則該限定符將適用,而不管該活動是否在寬色域模式下運行。

例如,一個應用可以在res/values/colors.xml聲明一個基色調色板:

并在res/values-widecg/colors.xml聲明另一套設置

△ 如上面代碼所示,可以為色彩顯示準確的設備(左側)和較舊的設備提供不同顏色


當然,您可以在可以柵格化成位圖的資源上使用上述做法(例如 res/drawable-widecg-mdpi/foo.png),但是這意味著幾乎倍增的應用體積,所以也許并不值得。如果一定要這么做,可以考慮轉而使用可動態著色的矢量圖形。

更廣泛的支持即將到來

雖然我們最近有宣布計劃添加一種新的 “飽和” 顏色模式,讓用戶選擇不使用顏色精確的渲染(就像 nowidecg 設備一樣),但我們仍然認為,為那些擁有顏色管理功能的設備更新應用非常重要。如果您更新了您的應用,并更好地支持了顏色準確渲染,選擇退出此模式的用戶就會變少,畢竟大家都更喜歡精準的顏色。我們計劃在廣色域支持領域繼續進行投入; 在將來的版本中添加更多的 API 界面來處理廣色域(比如更新后的 Paint API 和 Canvas API 已經可以接受更高比特精度的顏色)。

在頻繁和現代顯示設備打交道的如今,設計師和開發者現在需要了解色彩空間、顏色管理等知識,以及如何在應用中將其付諸實施。越來越多的設備開始提供廣色域顯示和顏色精確的渲染,領先一步在此時顯得尤為必要,更新您的應用,為用戶提供最佳體驗。我們認為,這是向您的用戶提供卓越體驗的最佳方式 —— 確保他們所看到的顏色就是您想要展示出來的顏色。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容