真真實實用到的,做了一整套的APP,導(dǎo)出文件時色彩出現(xiàn)了嚴(yán)重的問題,百度了很多才找到解決辦法,分享給小伙伴。
先分享自己發(fā)現(xiàn)的一個更改妙招。
第一種解決方法:
打開sketch軟件和你做好的源文件,選擇文件>修改顏色描述文件

自彈框中選擇display P3,點(diǎn)擊修改描述文件,此時你的文件色彩就變了回來,而且比之前色彩飽和還要強(qiáng),看著更舒服

接下來普及一下display P3和SRGB的概念
1、sRGB(standard Red GreenBlue):“S”可解釋為“標(biāo)準(zhǔn)”(Standard),sRGB代表了標(biāo)準(zhǔn)的紅、綠、藍(lán),即CRT顯示器、LCD面板、投影機(jī)、打印機(jī)以及其他設(shè)備中色彩再現(xiàn)所使用的三個基本色素。1996年微軟聯(lián)合HP、三菱、愛普生等廠商聯(lián)合開發(fā)的通用色彩標(biāo)準(zhǔn),受微軟強(qiáng)大用戶群體的影響力的威懾,絕大多數(shù)的數(shù)碼圖像采集設(shè)備廠商都已經(jīng)全線支持sRGB標(biāo)準(zhǔn),如:數(shù)碼相機(jī)、數(shù)碼攝像機(jī)、掃描儀、顯示器等都能看到sRGB的選項。
2、P3(DCI-P3):DCI P3是SMPTE(The Society of Motion Picture and Television Engineers美國電影和電視工程師協(xié)會)2007推出的一種RGB顏色空間,是數(shù)字影院投影的較新的標(biāo)準(zhǔn)色彩響應(yīng),它的設(shè)計是用來盡可能匹配彩色電影的全部色域;與Rec.709(sRGB)相比擁有更寬的色域空間,綠色和紅色的范圍更廣。
3、如果用色域覆蓋率來看的話,以可視顏色(CIE 1931)sRGB大概占33.3%,DCI-P3大概占41.8%;以NTSC來看sRGB大概占78.4%NTSC,DCI-P3大概占90.1%NTSC,DCI-P3完全覆蓋sRGB(sRGB大概占79.8%的色域空間)。
4、目前最高的色域標(biāo)準(zhǔn)是Rec.2020,是給超高清(4K,8K)所定的標(biāo)準(zhǔn),DCI-P3能覆蓋72.9%,sRGB能覆蓋58.0%。
通俗的講就是,現(xiàn)在市場上顯示器支持的色彩大部分還是SRGB,但是呢display P3出來后,都在往P3上面靠攏,P3色彩將會是后期使用的主流色彩模式,因為他的色彩覆蓋范圍廣,明亮度和飽和度更強(qiáng),更能夠表達(dá)這個七彩的世界。
第二種解決方法:
以下是轉(zhuǎn)發(fā) 結(jié)結(jié)果的文章 是關(guān)于SRGB轉(zhuǎn)換模式
最近用sketch做練習(xí),遇到了一個問題:導(dǎo)出來的圖片和在sketch里的效果不一致。今天我們就來解決這個問題
能看到差距還是很明顯的。
解決辦法是:
第一步:
復(fù)制一個副本,作為已經(jīng)設(shè)置好顏色的元件。
第二步:
在sketch里設(shè)顏色為sRGB
第三步:
更改顏色設(shè)置為sRGB
這時畫板上所有的顏色和剛才導(dǎo)出的顏色一樣了。
第四步:
打開之前的那個備份文件,把所有不一致的顏色截圖出來(command+shift+4),最好是截拾色器里的圖,方便后期吸取顏色。
如果有漸變色,還需要把漸變色的每個顏色設(shè)置點(diǎn)的顏色截取下來。
第五步:
所有準(zhǔn)備工作就緒,下面就是一點(diǎn)點(diǎn)的對比和查找了。
先選中要修改顏色的地方,把截圖的相同位置的拾色器色彩的截圖貼過來。選中要修改的色彩。
有個特別方便的功能是可以批量修改顏色。這個真是帥呆了的功能。類似于word里的修改文字。
只要選中了一個元素,他的色彩就會自動在修改器中選中,出現(xiàn)在查找的顏色框中。
把截圖的顏色吸取到替換為的后面。
所有的顏色就被替換了。
這樣一步步操作完成后,再導(dǎo)出,畫面的顏色就已經(jīng)和導(dǎo)出的顏色一致了。
但是還有一個小問題:
已經(jīng)配置好顏色的文件,用系統(tǒng)自帶的截圖工具截圖,還是會是之前導(dǎo)出的灰蒙蒙的顏色
不過這個已經(jīng)不在考慮范圍之內(nèi)了,能導(dǎo)出了,誰還在乎截圖呢