Android開發(fā)者和設(shè)計(jì)師必須了解的顏色知識(shí)
在近期發(fā)布的 Oreo 版本中,Android 開始獲得顏色管理的支持,這有助于在不同的設(shè)備上對(duì)顏色進(jìn)行校準(zhǔn)。隨著此次更新的到來,Android 設(shè)備現(xiàn)在可以顯示 sRGB 色域之外的顏色。
簡單來說,顏色管理可以確保顏色在不同的顯示器上看起來一致。例如,顏色 #ff0000(我們的讀者應(yīng)該秒懂這是紅色)當(dāng)出現(xiàn)在采用不同技術(shù)的顯示屏上時(shí),觀眾看到的顏色可能會(huì)有所不同——有些屏幕可以顯示比其他屏幕更飽和或更強(qiáng)烈的顏色。根據(jù) sRGB 的表達(dá)方式,#ff0000 表示一種特定的紅色(在 sRGB 色空間中),這樣彩色顯示管理就可以精確產(chǎn)生出符合觀眾期望的顏色。
在這篇文章中,我們想概述一下 Android 應(yīng)用設(shè)計(jì)師和開發(fā)者需要如何理解這些改動(dòng)。
顯示廣色域圖像
圖像可以嵌入顏色配置文件,聲明其顏色信息所屬的顏色空間。類似地,許多相機(jī)能夠捕捉廣色域并嵌入適當(dāng)?shù)念伾渲梦募瑥亩@示超出標(biāo)準(zhǔn) sRGB 色域的顏色。要在應(yīng)用中展示具有廣色域特征的圖像,您需要在每個(gè) Activity 中進(jìn)行聲明。為此,請(qǐng)?jiān)?manifest 的 activity 公告中設(shè)置 colorMode 屬性:
您也可以通過代碼來設(shè)置,但您需要在創(chuàng)建 Window 之前就在 onCreate 上設(shè)置完畢。廣色域支持是可選的,因?yàn)樗枰嗟南到y(tǒng)資源(這可能會(huì)導(dǎo)致應(yīng)用性能表現(xiàn)下降),事實(shí)上我們?cè)陂_發(fā)者文檔里已經(jīng)強(qiáng)調(diào)過了:
“當(dāng)啟用廣色域模式時(shí),活動(dòng)的窗口使用更多的內(nèi)存和 GPU 處理能力來進(jìn)行畫面組合。在啟用廣色域模式之前,您應(yīng)該仔細(xì)考慮活動(dòng)能夠真正從中受益。例如,全屏顯示照片活動(dòng)很適合采用廣色域模式,但顯示縮略圖的界面則不夠適合。”
請(qǐng)注意,如果您使用的是單一 Activity 架構(gòu),那么將廣色域圖像顯示分解為新的 Activity 可能是有意義的。
下面是一個(gè)示例,顯示了兩個(gè)顯示相同廣色域測(cè)試圖像的界面(嵌入了 Display P3 顏色配置文件的 PNG 文件),畫面上部分的 Activity 聲明了廣色域顏色模式,而下半部分的 Activity 則沒有聲明。
△ 如果您的屏幕支持的話,上部分應(yīng)該能看見一個(gè) Android 小機(jī)器人,而下部分看不見。
顏色準(zhǔn)確渲染
許多 Android 設(shè)備在很久之前就擁有了能夠顯示較廣色域的屏幕。在 Android 8.0 的顏色管理之前,所有內(nèi)容都被假定為 sRGB,但寬色域顯示器會(huì)將顏色值重新解釋為其工作色域,并有效地對(duì)顏色值進(jìn)行 “換算”(一般會(huì)讓紅色更紅,綠色更綠),從而導(dǎo)致更飽和的成像效果。然而這種拉伸是不精確的,事實(shí)上不存在這種能預(yù)測(cè)您想要的顏色的 “換算” 算法,因此這樣渲染出的顏色并不準(zhǔn)確。
許多應(yīng)用已經(jīng)對(duì)圖像等資源進(jìn)行處理,比如降低一些飽和度從而進(jìn)行顏色彌補(bǔ)。因此,在具有校準(zhǔn)顯示功能的設(shè)備上顯示時(shí),顏色可能會(huì)顯得較為柔和。也就是說,在顏色顯示精確的設(shè)備(如 Pixel 2)上,非飽和的圖片資源的顯示效果將不如顯示不精確的設(shè)備那么飽滿。當(dāng)準(zhǔn)確的顏色渲染技術(shù)廣泛流行后,應(yīng)用開發(fā)者終于可以不再需要對(duì)資源顏色自行處理了,同時(shí)還能確保他們的內(nèi)容能夠按預(yù)期進(jìn)行顯示。然而,在此之前,您可以采取一些措施,來確保您的內(nèi)容在顏色精確的顯示器上以及非顏色管理設(shè)備上看起來都很棒。
Android 8.0 添加了一個(gè)新的 widecg 資源限定符(resource qualifier),您可以使用該限定符來更改配備廣色域屏幕并支持廣色域渲染的設(shè)備上的顏色(nowidecg 則剛好相反)。
請(qǐng)注意,廣色域支持不同于當(dāng)前活動(dòng)是否在 wideColorGamut 顏色模式下運(yùn)行。如果設(shè)備支持顏色準(zhǔn)確的渲染,則該限定符將適用,而不管該活動(dòng)是否在寬色域模式下運(yùn)行。
例如,一個(gè)應(yīng)用可以在 res/values/colors.xml 聲明一個(gè)基色調(diào)色板:
并在 res/values-widecg/colors.xml 聲明另一套設(shè)置
△ 如上面代碼所示,可以為色彩顯示準(zhǔn)確的設(shè)備(左側(cè))和較舊的設(shè)備提供不同顏色
當(dāng)然,您可以在可以柵格化成位圖的資源上使用上述做法(例如 res/drawable-widecg-mdpi/foo.png),但是這意味著幾乎倍增的應(yīng)用體積,所以也許并不值得。如果一定要這么做,可以考慮轉(zhuǎn)而使用可動(dòng)態(tài)著色的矢量圖形。
更廣泛的支持即將到來
雖然我們最近有宣布計(jì)劃添加一種新的 “飽和” 顏色模式,讓用戶選擇不使用顏色精確的渲染(就像 nowidecg 設(shè)備一樣),但我們?nèi)匀徽J(rèn)為,為那些擁有顏色管理功能的設(shè)備更新應(yīng)用非常重要。如果您更新了您的應(yīng)用,并更好地支持了顏色準(zhǔn)確渲染,選擇退出此模式的用戶就會(huì)變少,畢竟大家都更喜歡精準(zhǔn)的顏色。我們計(jì)劃在廣色域支持領(lǐng)域繼續(xù)進(jìn)行投入; 在將來的版本中添加更多的 API 界面來處理廣色域(比如更新后的 Paint API 和 Canvas API 已經(jīng)可以接受更高比特精度的顏色)。
在頻繁和現(xiàn)代顯示設(shè)備打交道的如今,設(shè)計(jì)師和開發(fā)者現(xiàn)在需要了解色彩空間、顏色管理等知識(shí),以及如何在應(yīng)用中將其付諸實(shí)施。越來越多的設(shè)備開始提供廣色域顯示和顏色精確的渲染,領(lǐng)先一步在此時(shí)顯得尤為必要,更新您的應(yīng)用,為用戶提供***體驗(yàn)。我們認(rèn)為,這是向您的用戶提供卓越體驗(yàn)的***方式 —— 確保他們所看到的顏色就是您想要展示出來的顏色。
【本文是51CTO專欄機(jī)構(gòu)“谷歌開發(fā)者”的原創(chuàng)稿件,轉(zhuǎn)載請(qǐng)聯(lián)系原作者(微信公眾號(hào):Google_Developers)】