之前25學(xué)堂跟大家分享過一些非常不錯(cuò)的配色知識和課堂。比如APP設(shè)計(jì)學(xué)堂:關(guān)于APP配色的一些常用色彩搭配技巧、APP設(shè)計(jì)學(xué)堂之APP配色視頻教程欣賞、優(yōu)秀APP設(shè)計(jì)配色靈感來源之地—colrd.com等等干貨。
其實(shí)APP配色也是一門藝術(shù)。今天跟隨25學(xué)堂的小編從配色的藝術(shù)角度來學(xué)習(xí)如何進(jìn)行APP配色。
一、色彩的術(shù)語:
???色相(Hue)—即各類色彩的相貌稱謂。
? 色彩飽和度(Saturation)/色度(Chroma)—顏色的整體強(qiáng)度或者亮度
? 明度(Value)—色彩的明暗程度
? 色調(diào)(Tone)—是純色和灰色組合產(chǎn)生的顏色,也可以說是一幅畫中畫面色彩的總體傾向
? 色度(Shade)—是純色和不同比例的黑色混合產(chǎn)生的顏色,色彩的純度
? 色彩(Tint)—是純色和白色混合產(chǎn)生的顏色,一種色相(Hue)通過加入不同比例的白色能夠產(chǎn)生不同的顏色
二、色彩屬性:
色彩的很多屬性能直接影響到一個(gè)物體的視覺效果。比如飽和度較高的物體比飽和度較低的物體更能吸引人的眼球,而明度較高的物體也有類似的效果。而實(shí)際上,色相本身也能傳達(dá)出特定的視覺感知。
在所有色彩中,下列色彩尤其突出:
1、紅色(最突出) ? ? ? ??紅色是代表愛情和激情的顏色。
紅色是很強(qiáng)勢的顏色,當(dāng)它和其他顏 色相遇時(shí),比如搭配黑色,可以創(chuàng)建非常強(qiáng)勢的感覺。
2、藍(lán)色 ? ? ? ? ??藍(lán)色會給人不同的感受、想法和情緒。
藍(lán)色也代表 著新鮮和更新。藍(lán)色給人冷靜的感覺,會幫助人放松下來。
3、綠色 ? ? ? ?綠色也代表著經(jīng)濟(jì)增長和健康
綠色是大自然的顏色,生機(jī)活潑。綠色還意味著利潤和收益。如果搭配上藍(lán)色,通常會給人健康、清潔、生活和自然的感覺。
4、橙色 ? ? ?橙色代表了溫暖
橙色能夠創(chuàng)建一個(gè)有趣的氛圍,因?yàn)樗錆M了活力。
5、黃色(最不突出) ? ?黃色則帶給人口渴的感覺。
當(dāng)黃色與黑色搭配在一起時(shí),十分吸引人的注意 力,一個(gè)絕佳的例子就是很多國家的出租車都采用這種配色。
當(dāng)你在頁面中使用紅色的時(shí)候,整體視覺會更加突出,所以當(dāng)你需要吸引用戶注意力或者涉及重要操作的時(shí)候,可以這么用色。
而黃色相對而言更容易融入背景色,并不會像紅色那么抓人眼球。
所以,當(dāng)你在制作配色方案的時(shí)候,這些色彩關(guān)系和配對方案就顯得尤為重要了。
合理地色彩搭配能夠讓你制作出震撼的視覺效果,設(shè)計(jì)出吸引人的焦點(diǎn)。為了更好的明確色彩之間的關(guān)系,設(shè)計(jì)師和藝術(shù)家們常常會借助色輪來進(jìn)行配色。
三、色輪
色輪可以說是最實(shí)用的色彩管理工具之一,它可以反映不同色彩之間的關(guān)系,幫你挑選首選色、搭配色。
在制作配色方案的過程中,色輪是最重要也是最實(shí)用的工具之一。
色輪最初還是源于牛頓1672年所發(fā)布的一個(gè)實(shí)驗(yàn),牛頓使用棱鏡來查看不同波長的光,將折射后的光線投射到一個(gè)圓環(huán)上。
隨后他證明,飽和度最高的色彩位于色輪的外側(cè),而中性色位于中間。牛頓認(rèn)為,藝術(shù)家可以借助他的研究成果來提高藝術(shù)作品中的色彩對比。
實(shí)際上他的色輪模型也確實(shí)為設(shè)計(jì)師們提供來行之有效的配色途徑,創(chuàng)造出更為漂亮的藝術(shù)作品。
最后,25學(xué)堂跟大家推薦2款非常棒的配色類APP:
上圖為:Material Design的配色規(guī)范和在線配色工具推薦
第一款A(yù)PP:myPANTONE
PANTONE色卡配色系統(tǒng),中文官方名稱為"彩通"。是享譽(yù)世界的涵蓋印刷等多領(lǐng)域的色彩溝通系統(tǒng),已經(jīng)成為事實(shí)上的國際色彩標(biāo)準(zhǔn)語言。
這款軟件可以讓你獲取和創(chuàng)建PANTONE配色表,存儲超過13000種顏色。該應(yīng)用還帶有色彩校正工具,能幫助手機(jī)校正顏色。它還有一個(gè)很實(shí)用的功能,就是可以根據(jù)你指定的主色彩自動(dòng)配色,并能從手機(jī)上的照片中或通過攝像頭提取顏色。
第二款A(yù)PP:ColorSchemer
這是一個(gè)專業(yè)的配色程序,內(nèi)置色輪,可以方便地查看顏色間的對應(yīng)關(guān)系。強(qiáng)大的導(dǎo)入導(dǎo)出功能,能兼容各類圖像軟件以及格式,除了可以自己創(chuàng)建調(diào)色板之外,還能申請賬戶,從COLOURlovers社區(qū)中共享的配色方案中選取,并能通過攝像頭直接抓取顏色值。
全站高品質(zhì)素材免費(fèi)下載!