還原Sketch色彩設(shè)置

真真實實用到的,做了一整套的APP,導(dǎo)出文件時色彩出現(xiàn)了嚴(yán)重的問題,百度了很多才找到解決辦法,分享給小伙伴。
先分享自己發(fā)現(xiàn)的一個更改妙招。

第一種解決方法:
打開sketch軟件和你做好的源文件,選擇文件>修改顏色描述文件


image.png

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


image.png

接下來普及一下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)換模式

image

最近用sketch做練習(xí),遇到了一個問題:導(dǎo)出來的圖片和在sketch里的效果不一致。今天我們就來解決這個問題

image

能看到差距還是很明顯的。

解決辦法是:

第一步:

復(fù)制一個副本,作為已經(jīng)設(shè)置好顏色的元件。

第二步:

在sketch里設(shè)顏色為sRGB

image
image

第三步:

更改顏色設(shè)置為sRGB

image
image

這時畫板上所有的顏色和剛才導(dǎo)出的顏色一樣了。

第四步:

打開之前的那個備份文件,把所有不一致的顏色截圖出來(command+shift+4),最好是截拾色器里的圖,方便后期吸取顏色。

image

如果有漸變色,還需要把漸變色的每個顏色設(shè)置點(diǎn)的顏色截取下來。

第五步:

所有準(zhǔn)備工作就緒,下面就是一點(diǎn)點(diǎn)的對比和查找了。

先選中要修改顏色的地方,把截圖的相同位置的拾色器色彩的截圖貼過來。選中要修改的色彩。

image

有個特別方便的功能是可以批量修改顏色。這個真是帥呆了的功能。類似于word里的修改文字。

image

只要選中了一個元素,他的色彩就會自動在修改器中選中,出現(xiàn)在查找的顏色框中。

image

把截圖的顏色吸取到替換為的后面。

所有的顏色就被替換了。

這樣一步步操作完成后,再導(dǎo)出,畫面的顏色就已經(jīng)和導(dǎo)出的顏色一致了。

但是還有一個小問題:

已經(jīng)配置好顏色的文件,用系統(tǒng)自帶的截圖工具截圖,還是會是之前導(dǎo)出的灰蒙蒙的顏色

image

不過這個已經(jīng)不在考慮范圍之內(nèi)了,能導(dǎo)出了,誰還在乎截圖呢

image
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 色彩管理是專業(yè)設(shè)計工具的一個基本特性——在選擇顏色、決定對比度和評估易讀性時,能夠依賴于你所看到的是什么是至關(guān)重要...
    粒粒閱讀 2,367評論 1 4
  • 1色域 1.1什么是色域 在計算機(jī)圖形學(xué)中,色域是指一個技術(shù)系統(tǒng)能夠產(chǎn)生的顏色的范圍總和,是顏色空間的某個完全的子...
    chenjieping1995閱讀 5,199評論 0 6
  • 色域又稱為色彩空間(Color Space),而域又是一個數(shù)學(xué)概念,可以更好地說明色彩是有一定范圍,比色彩空間一詞...
    Timothybu閱讀 19,606評論 1 3
  • CSS CSS的三種常用選擇器:標(biāo)簽選擇器、id選擇器、class選擇器,通過選擇器來改變dom節(jié)點(diǎn)的樣式。 JS...
    Hi新宇君閱讀 185評論 0 0
  • 最近我常常在想一個無聊卻讓人恐怖的問題,作為我自己,如果我想知道未來是什么樣子,真是極其偶然的事情。從小到大...
    wuli豐豐閱讀 282評論 0 0

友情鏈接更多精彩內(nèi)容