當前位置:
首頁 > 最新 > RGB色彩配置不了解就別做設計

RGB色彩配置不了解就別做設計

色彩配置來自這裡

每當我們在新建一個文檔時,在最下面的設置中有一個高級設置,如果放任它不管,是可能會出現設計事故的,那既然我們需要設置它,那首先就需要了解它。

Photoshop中高級選項默認是收起的,一般點開之後系統會默認出現以下3種或更多情況(在我使用期間出現最高的是以下3種):

第1種:不做色彩管理;

第2種:sRGB IEC61966-2.1

第3種:Display

微信公眾號:Play_swl

大部分人可能會選擇 工作中的RGB:sRGB IEC61966-2.1,但你可能並不知道為什麼要選擇它,或者,如果不選擇它會怎樣。

就像我上面說的,在不打開高級選項之前並不知道系統默認為你選擇了什麼色彩模式,更別說有時還會隨機選擇其他的色彩模式。

舉個「栗」子

下面我們先看一下關於不同色彩配置下,同一張圖的色值對比,有些配置在色彩上的變化很微妙,人眼不容易看到。

微信公眾號:Play_swl

由上圖我們可以看出,在不同的色彩配置中,同一個像素內的的色塊的色值都不一樣。

這也是為什麼我們做完的設計稿在列印的時候會出現色彩偏差;

在相同顯示器上也會出現色彩偏差等一系列的原因之一。

色彩之間的關係

根據上圖我們在看以下幾種不同RGB在廣色域中的顯示範圍,因為模式不同,支持的可見光的數量不同,對色值的定義也不同。

那麼我們在以像素為單位看它們的色值的時候,也會不同。

總結:ProPhoto RGB > Adobe RGB(1998) > P3 > sRGB

微信公眾號:Play_swl

軟體、顯示器對色彩的影響

在我們日常生活中,常規顯示器、LED屏、廣告屏等等,都是支持sRGB級別顯示的,較少有支持sRGB級別以上的,除非是有一些特殊的需求,例如設計師、攝影師、調色師等這些職業的人會對顯示器顯示的色彩要求很高,這時需要P3以上色彩級別的顯示器,當然還有更好的Adobe RGB顯示器。

但我上面說的只是顯示器能夠支持的顯示級別,我們工作的時候是需要軟體進行輔助工作的,而軟體支持的色域和顯示器支持的色域是有區別的。

比如說在Photoshop中調色好的照片,導出到桌面再打開之後,會發現2張圖片顯示的色彩是有些不一樣的。

這是因為一個是基於軟體支持的色域的色值,一個是基於顯示器支持顯示的色域的色值,並且在導出圖片的時候,軟體會對圖片中的像素進行壓縮,所以我們看到的色值會不同,只能說通過這些調整來盡量減少偏差。

微信公眾號:Play_swl

而有些時候我們也需要好幾個軟體共同協作進行設計或者修圖等等,像Photoshop、Affinity Designer等是支持用戶根據自己的需要手動調整色彩配置的,像illustrator、InDesign、Sketch、Principle等就不支持手動調整色彩配置,這類軟體大部分的色彩配置是受顯示器支持的色彩配置影響的。

微信公眾號:Play_swl

微信公眾號:Play_swl

那麼當一些支持色彩配置的軟體需要與其他不支持色彩配置的軟體協同使用時,色彩不統一我們應該怎麼辦呢?

當這些軟體的色彩配置與顯示器的色彩配置不統一時,我們應該怎麼辦呢?

我們可以根據以下2種方法減少它們的差距。

解決方法

Mac OS

先說一下蘋果電腦的問題,由於蘋果屏幕大部分默認是顯示P3級別的色彩配置,所以它的顯示效果會比普通的顯示器更加鮮亮一些,而當你的設計文件色彩配置是sRGB的時候,兩者就有了較為明顯的區別,如果希望看到導出之後的設計或者圖片和在軟體裡面一樣時,就需要以下步驟:點擊左上角蘋果圖標>系統偏好設置>顯示器>顏色

微信公眾號:Play_swl

Windows 10

然後我們再來說一下常規的顯示器,目前大部分顯示器都已經支持sRGB IEC61966-2.1級別的色彩顯示,而我們軟體中常用的也是sRGB IEC61966-2.1,如果不是其他的特殊需求,可以不用修改電腦的色彩配置。

這裡以Win10為例:控制面板>所有控制面板項>顏色管理>高級

微信公眾號:Play_swl

通過以上兩種方法,首先可以減少顯示器對視覺的影響(解析度低的顯示器除外,過低的解析度怎麼調整也會感覺很糟),因此來減少視覺對色彩的誤判;其次減少在使用協同軟體時,因為色彩配置不同帶來的視覺影響。

色彩配置簡介及應用場景

最後我們再來了解一下關於這些色彩配置的不同屬性及在使用中如何根據需求選擇正確的色彩配置。

sRGB IEC61966-2.1

sRGB(standard Red Green Blue)通用色彩標準。

IEC:國際電工委員會(IEC)成立於1906年,至2017年已有111年的歷史。

它是世界上成立最早的國際性電工標準化機構,負責有關電氣工程和電子工程領域中的國際標準化工作。

我們使用的顯示器也是屬於電子產品的一種。

( IEC標準的權威性是世界公認的。IEC每年要在世界各地召開一百多次國際標準會議,世界各國的近10萬名專家在參與IEC的標準制訂、修訂工作。截止到2000年12月底,IEC已制定了4885個國際標準。)

Adobe RGB(1998)

Adobe RGB色彩空間是一種由Adobe Systems於1998年開發的色彩空間。

開發的目的是為了儘可能在CMYK彩色印刷中利用計算機顯示器等設備的RGB顏色模式上囊括更多的顏色。

Adobe RGB色彩空間粗略包括了50%的Lab色彩空間中的可視色彩,所以它的色域是小於Lab的。

因為許多專業工作流程都是圍繞Adobe RGB(1998)ICC色彩配置文件構建的。

所以Adobe RGB(1998)配置文件被廣泛採用作為工作空間,它提供了一個相對較大和平衡的色域,可以很容易地在各種設備上進行再現。

( 用於捕獲和再現圖形和圖像的每個設備(無論是掃描儀,數碼相機,監視器還是印表機)具有不同的再現顏色的能力,導致顏色不一致。在基於ICC的顏色管理系統中,為每個設備創建顏色配置文件,以便在整個工作流程中修改圖像中的顏色,以補償每個受支持設備的差異。目標是儘可能保持圖像的視覺外觀。https://www.adobe.com/digitalimag/adobergb.html)

這裡有一點是需要注意的,如果你顯示器是支持Adobe RGB級別色域的顯示,而在新建時選擇了sRGB那麼你的色彩也已經失去了。

更不要說在導出時軟體對圖片的壓縮了,那隻會失去更多色彩。

所以需要使用無損的格式進行保存,例如:PSD、*.TIF、*.TIFF等等。

Apple RGB

Apple RGB,則是為了兼容老式Apple顯示器以及處理由低版本的Photoshop軟體設計的圖像文件而保留的一種色彩空間。

對於不使用老式Apple顯示器和低版本Photoshop軟體的情況,不建議使用這種色彩空間。

就目前的硬體技術而言,在蘋果機上,也應選用Adobe RGB(1998)來完成要求較高的圖像處理工作。

Display

Display屬性在網頁布局中非常常見,但經常用到的僅僅是block、inline-block、inline和none等寥寥幾個屬性值。

當Photoshop高級設置自動選擇Display的時候,記得一定要改為你需要的色彩模式。

( 更多關於Display的描述可自行查找,在我日常使用中用到的不多。 https://baike.baidu.com/item/display/4838671?fr=aladdin )

Pro Photo RGB

一種色域非常寬的工作空間,其色域比Adobe RGB大得多,由於其色域較大,能最大限度地保留顏色信息。

ProPhoto RGB非常適合用於處理數碼相機生成的原始數據文件,但其色域比大多數捕捉和輸出設備大得多,在小色域空間設備上處理時,會損失掉圖像文件許多細節。

微信公眾號:Play_swl

ECI V2 RGB

之所以說這個是因為那天的presentation 有人問到了色彩空間里的RGB 的icc 的選擇。

我說用sRGB.icc今天看了相關的文章,在這裡,我糾正一下,sRGB.icc 是一個不錯的選擇,但不是最好的選擇。

最好的選擇應該是ECIRGBV1.icc 或者ECIRGBV2.icc. 理由是sRGB.icc 是用的D65的光源,Gamma 曲線是2.2,而ECIRGB.icc 用的是D50, Gamma 曲線是1.8.這也就意味著後者在做色彩管理的時候由RGB 到CMYK 轉換的時候是在同一個白點下的(這裡的白點是由D65 和D50定義的)。

這也就意味著你的顏色不需要做在不同光源下的色彩影射轉換,因為我們的印刷用的光源(白點)是D50(定義的)。

提高顏色轉換的正確性。特別是如果你的色彩管理的一些設置如果不正確,影響可能會比較大。

所以在這裡,ECIRGB.icc 要比sRGB.icc 更好一些。

總結:

基於互聯網或顯示器之類的需求

如:網頁、UI、平面、日常插畫等可選擇 sRGB IEC61966-2.1作為色彩配置基礎。

基於攝影、插畫、海報、易拉寶等對於色彩要求較高,並且需要列印出來的實物的,最優選擇 ECI V2 RGB,其次選擇 Adobe RGB(1998)作為色彩配置基礎,需要直接列印的需求建議在顏色模式為CMYK的情況下選擇色彩配置。

(ECI V2 RGB在一些軟體、顯示器中默認色彩配置里是沒有的。)

對色彩有極致要求的,可選擇 Pro Photo RGB作為色彩配置基礎。

其他色彩配置可根據自身需求進行選擇。

( 以上部分結論來源於公眾號:Play_swl,更多的是自己對色彩配置的疑問解惑,僅供參考。)


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 玩設計玩未來 的精彩文章:

Photoshop如何創建一個晚上叢林風景

TAG:玩設計玩未來 |