發(fā)布時間:2024-02-22 20:37:12 瀏覽量:152次
??每天十分鐘,系統(tǒng)學(xué)習(xí)設(shè)計(jì),成為設(shè)計(jì)師。終生學(xué)習(xí),受益終生。這里是【知更常青藤】,歡迎你的到來,這是我和你一起學(xué)習(xí)設(shè)計(jì)的第七天。如果你不想丟失這個體系,可以關(guān)注我,轉(zhuǎn)發(fā)本文。
??文/萬歲爺 校驗(yàn)/君 圖/Jeremy Vickery(皮克斯燈光指導(dǎo)) 知更常青藤原創(chuàng)出品,轉(zhuǎn)載請注明出處,版權(quán)所有,侵權(quán)必究。
??
??我不知道設(shè)計(jì)師如何看待色溫,但是色溫的確帶來了“真實(shí)性”。影響作品好壞的因素太多,為什么有些作品看似平凡,卻具有說服力;為什么有些作品給人虛妄的印象。
??色溫不同于色彩的冷暖,恰恰相反,我們所認(rèn)為的暖色恰巧溫度很低。事實(shí)與我們的心理感官相反。
??我曾經(jīng)見過許多想要將攝影作品或者平面設(shè)計(jì)調(diào)整得十分完美的例子,但是我們必須重視一個問題:藝術(shù)作品是依附于環(huán)境的,沒有完美的冷色調(diào),也沒有完美的暖色調(diào),他們都是完美的,只是你用錯了地方。
??這一章對繪畫、3D、建?;蛘邤z影有很大的基礎(chǔ)作用,甚至對于平面設(shè)計(jì)依然有效果。在設(shè)計(jì)中考慮色溫的情況是必要的,我們應(yīng)當(dāng)從一個底層的基礎(chǔ)知識構(gòu)建色溫理論,而不是立即打開直方圖討論明暗的曝光問題,或者色溫的問題。
??在學(xué)習(xí)色彩溫度或者色彩原理的時候,我們都能看到開氏溫標(biāo)。它是國際單位制中的溫度單位,常用符號K表示,這個單位稱作“開”。你常常會在相機(jī)、手機(jī)的專業(yè)模式中看到這個單位,它就是指溫度。
??在開始介紹色溫之前,出于對科學(xué)家的尊重,按照慣例,我們要提一提為人類做出貢獻(xiàn)的科學(xué)家們。
??開爾文是英國物理學(xué)家、發(fā)明家。他對物理學(xué)的主要貢獻(xiàn)在電磁學(xué)和熱力學(xué)方面,是熱力學(xué)的主要奠基人。依照科學(xué)慣例,1927年,第七屆國際計(jì)量大會將熱力學(xué)溫標(biāo)作為最基本的溫標(biāo),以開爾文的名字為符號——K,但不加“°”這個符號來表示溫度,僅僅使用K來表示,足以可見開爾文在該領(lǐng)域的貢獻(xiàn)。
??開爾文生前獲得了可能的一切榮譽(yù),他于1907年12月17日去世,得到了幾乎整個英國和全世界科學(xué)家的哀悼。
??開爾文的一生謙虛勤奮,意志堅(jiān)強(qiáng)。他曾說:
??“我們都感到,對困難必須正視,不能回避;應(yīng)當(dāng)把它放在心里,希望能夠解決它。無論如何,每一個困難一定有解決的辦法,雖然我們可能一生都沒能找到?!?—— 開爾文
??回到開氏溫標(biāo)。開爾文是沒有零下溫度的。不同于攝氏度,人們將冰水混合物的溫度當(dāng)作起點(diǎn)0°。開氏溫度以絕對零度作為起點(diǎn),絕對零度是宇宙的最低溫度,當(dāng)物質(zhì)的粒子不發(fā)生熱運(yùn)動時就是絕對零度。當(dāng)然,這種情況幾乎不存在,目前人類能夠做到的極限接近絕對零度幾乎等于絕對零度了。
??因此,開爾文就是從絕對零度-273.15℃開始的。開爾文與攝氏度總是相差約273.15這個數(shù)值。因此:1攝氏度(℃) = 274.15開爾文(K)。
??但是開爾文和色彩又有什么關(guān)系呢?如果你還記得前幾章的色彩知識,你一定記得色相和波長說的是同一件事。那么,對于開爾文來說,他認(rèn)為:如果一個黑體可以完全吸收熱量,并且轉(zhuǎn)化的能量完全以光能的形式釋放,那么它產(chǎn)生輻射的波長根據(jù)溫度的變化而變化。
??換言之,如果一個物體受熱發(fā)光,那么溫度的變化會導(dǎo)致色彩的變化。當(dāng)然,開爾文的假設(shè)是理想情況??偠灾魏喂饩€表現(xiàn)的色彩的色溫就是:當(dāng)黑體發(fā)出同樣色彩光線的時候受到的溫度。
??根據(jù)這個理論,我們得到了色溫,請看下圖:
色溫
??
??圖中的溫度從左到右依次升高,色彩從暗紅色、橙色、黃色、白色、藍(lán)色過渡。這些色彩分別可以對應(yīng):
??目前許多專業(yè)領(lǐng)域在使用色溫,開爾文的貢獻(xiàn)應(yīng)用到了天文和工業(yè)領(lǐng)域。你的顯示器同樣使用了開爾文來表示屏幕的色溫,并且這是衡量一個優(yōu)質(zhì)顯示器的主要參數(shù)。
??現(xiàn)在我們就使用角度出發(fā),來觀察色溫和色彩的關(guān)系,以及通過色溫達(dá)到的效果。我們通過Photoshop畫一個火爐的火焰變化色彩:
??【火爐的火焰】
火爐的色溫
??
??正如色溫圖所示,這個色溫恰好顯示了火爐的溫度變化引起的色彩變化。從明亮飽和的紅色漸漸變化到暗紅色,溫度是逐漸降低的。我認(rèn)為這種方式是OK的,但是這不是最好的。因?yàn)?,?shí)際情況沒有這么簡單,有些設(shè)計(jì)師在進(jìn)行建模設(shè)計(jì)的時候,對待場景的細(xì)節(jié)十分粗糙,他們的觀察并不細(xì)致,這是現(xiàn)代游戲建模和設(shè)計(jì)領(lǐng)域沒有優(yōu)秀中國設(shè)計(jì)師的原因之一。
??如果你具備足夠細(xì)致的洞察力,或者有足夠豐富的知識體系,那么你應(yīng)當(dāng)考慮到實(shí)際情況,那就是色溫的分布,請看下圖:
真實(shí)的色溫
??
??如上圖所示,你會發(fā)現(xiàn)上圖表現(xiàn)的火焰更加真實(shí),更有說服力。這個火焰的色彩遵循了開爾文色溫分布。請你從左到右觀察這個圖像,它的色彩分布是暗紅色、紅色、橙色、黃色、白色。剛好是色溫的的左側(cè)分布情況。
??【圣誕彩燈上的色溫】
??我們來看看更加實(shí)際的例子,下圖是一些彩燈,每個小小的燈光看似是紅色、藍(lán)色或者橙色的,但是當(dāng)你更加細(xì)致地觀察會發(fā)現(xiàn),每一個燈光都有色溫的變化,這些變化同樣遵循最開始的色溫圖。
圣誕彩燈
??
??上圖我標(biāo)注了一個橙色彩燈的色溫,你會發(fā)現(xiàn)它的色彩從最中心的白色,到最外層的紅色,期間經(jīng)歷了黃色和橙色的過渡。
??我想我不必再標(biāo)注其他幾個彩燈的色彩變化,你也應(yīng)該能夠表述出其他彩燈的色溫變化。對于那個藍(lán)色的彩燈而言,從最外層的光暈到中心可以看到深藍(lán)色、藍(lán)色、淡藍(lán)色、白色的過渡。
??盡管從人的感官而言,會認(rèn)為紅色、黃色、橙色的色溫是溫暖的,而藍(lán)色的溫度是極低的,不過事實(shí)剛好相反,要在黑體中發(fā)射出藍(lán)色波長的輻射,需要上萬度的高溫才能夠做到。
??人們的對色彩的感官來自于自然界和周圍環(huán)境,對于這部分色彩心理學(xué),我們會留到后面的課程??傊?,我們要做的是色彩體系的完整化,當(dāng)你建立自己的UI界面或者海報(bào)設(shè)計(jì)的時候,你就會很自然地使用色彩原理去操作和表達(dá)設(shè)計(jì)意圖:色彩的調(diào)配、色溫的表達(dá)、冷暖的調(diào)節(jié)等。
??【陽光下的臺球】
??我們繼續(xù)觀察一個臺球例子,這是一個完美的案例,它的陽光非常充足,并且是減色模式。
臺球
??
??當(dāng)你通過肉眼觀察橙色臺球你會發(fā)現(xiàn)這些臺球似乎是均勻的橙色或者黃色。但是“真實(shí)的世界”并不是這樣,如果你的作品總是通過這種認(rèn)知來渲染,那么一定得不到想要的效果。
??這種更真實(shí)的色彩溫度還有一個現(xiàn)象,那就是色彩的飽和度與色溫的關(guān)系。我們通過取色器發(fā)現(xiàn)色溫越低,色彩飽和度越高。
??下圖的飽和度隨著色溫的降低逐漸增強(qiáng):
色溫降低,飽和度增強(qiáng)
??
??【洞穴原畫】
??請看下面的洞穴原畫。
洞穴原畫
??
??我們在洞穴內(nèi)繪制了幾處水晶,這些水晶的色彩溫度完全是按照上述理論進(jìn)行表現(xiàn)的。水晶的中心使用黃色點(diǎn)綴,在逐漸遠(yuǎn)離水晶中心的部分,遵循色溫原則逐漸降低溫度,色彩從黃色逐漸左移,依次是橙色和紅色,最終是溫度極低的暗紅色。
??除了水晶的色溫,整個洞穴的色調(diào)采用冷色,洞內(nèi)的光源是洞口的陽光。洞穴前景和背景的變化同樣采用了上述的色溫原理。這種方式要比以往那種不清楚的方法更加成功,也更有說服力。
場景1
??
??這是另一幅作品,你完全可以將這個作品的燈光和色溫看做一個橙色的圣誕彩燈。從場景中心明度最高的黃色,到明度適中的橙色,再到紅色,最終抵達(dá)色溫最低的暗紅色。
??【小結(jié)】
??通過上面多個例子,你會發(fā)現(xiàn),色溫會影響很多內(nèi)容,這些內(nèi)容的表現(xiàn)更有活力,也更有真實(shí)感。這種真實(shí)感來自于色溫的合理運(yùn)用。
??感謝你的觀看,我們將在下一章繼續(xù)拓展色彩有關(guān)的內(nèi)容。
??如果文章對你有價值,讓你得到了提升,請你相信作者,并且關(guān)注他,轉(zhuǎn)發(fā)文章讓更多的人看到有質(zhì)量的內(nèi)容?;蛘哂谩?strong>打賞】喂食作者,讓他繼續(xù)為你奮斗。如果你有疑問或建議,請留言告訴我。
??
熱門資訊
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設(shè)計(jì)網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計(jì)師的...
3. 移動端UI設(shè)計(jì)中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設(shè)計(jì)中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計(jì)的基本知識
4. 移動端列表頁和表單頁設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動端設(shè)計(jì)中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
5. 10個免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個:站酷站酷想必是設(shè)計(jì)師都知道的一個網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、字體...
6. 推薦10本適合UI設(shè)計(jì)師看的書籍,輕松掌握技能!
對于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會。
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
9. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對色彩在早期文明社會中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
10. 學(xué)習(xí)ui設(shè)計(jì)的心得
大家今天走運(yùn)了,我就把自己總結(jié)出來的學(xué)習(xí)UI設(shè)計(jì)的一些經(jīng)驗(yàn)與大家一起分享吧。想做一個好的UI設(shè)計(jì)師除了應(yīng)該具有一定的審美能力,還要了解整個產(chǎn)品的...
最新文章
同學(xué)您好!