網(wǎng)頁(yè)設(shè)計(jì)中合理的使用色彩疊加效果

2022-11-26    分類(lèi): 網(wǎng)站建設(shè)

網(wǎng)站建設(shè) - 建站教程 - 網(wǎng)頁(yè)設(shè)計(jì) - 網(wǎng)頁(yè)設(shè)計(jì)中合理的使用色彩疊加效果
色彩幾乎是所有設(shè)計(jì)中都至關(guān)重要的組成部分,無(wú)論是明亮大膽的配色方案,還是簡(jiǎn)約的黑白色調(diào),你的用色將會(huì)直接影響整個(gè)設(shè)計(jì)的實(shí)際效果。近兩年,在色彩運(yùn)用上有許多值得一提的手法,其中有意思也常見(jiàn)的應(yīng)該就是色彩疊加。使用半透明的色塊(純色或者漸變)疊加到圖片或者視頻上,這種效果能夠強(qiáng)化圖片本身的氛圍,賦予含義,并且更好地吸引用戶(hù)的注意力。

使用漸變

先,漸變作為一種設(shè)計(jì)趨勢(shì),再次回歸了。之前本站也有文章《扁平化網(wǎng)頁(yè)設(shè)計(jì)中的漸變運(yùn)用》講到這方面。當(dāng)你想為特定的元素疊加色彩的時(shí)候,可以嘗試使用某個(gè)醒目的漸變色疊加上去。

漸變色的好處在于,你可以使用多種不同的色彩一起構(gòu)成漸變(比如品牌色),也可以使用某一個(gè)色彩進(jìn)行深淺、明度、飽和度上的漸變,這樣的設(shè)計(jì)會(huì)顯得更加集中。明亮的配色方案會(huì)更加吸引用戶(hù)用戶(hù),讓圖片呈現(xiàn)出某種獨(dú)特的氣場(chǎng)。

這種設(shè)計(jì)趨勢(shì)很大程度上是Spotify起的頭,他們?cè)诓シ帕斜碇惺褂昧嗣曰梦妒愕碾p色漸變效果,讓唱片封面和藝術(shù)家頭像變得更加富于藝術(shù)韻味。


使用純色定基調(diào)

純色的疊加效果其實(shí)和漸變一樣醒目,不過(guò)純色相比于漸變所呈現(xiàn)的意義和氛圍會(huì)更加明確。比如,在圖片上疊加上棕色能夠呈現(xiàn)出一種歷史的厚重感。

如果你選擇當(dāng)前的流行色,功用和效果也是類(lèi)似的。使用這些明亮、鮮艷的流行色的同時(shí),結(jié)合扁平化設(shè)計(jì)或者M(jìn)aterial Design的設(shè)計(jì)風(fēng),你的頁(yè)面和UI會(huì)明顯地呈現(xiàn)出一種現(xiàn)代主義和時(shí)尚的感覺(jué)。

當(dāng)你在疊加純色的時(shí)候,應(yīng)當(dāng)仔細(xì)考慮一下色彩的飽和度和透明度。這些因素其實(shí)都是有意義的。疊加的色彩圖層擁有高飽和度和低透明度的時(shí)候,用戶(hù)會(huì)更多關(guān)注色彩本身;當(dāng)疊加的色彩擁有低飽和度和高透明度的時(shí)候,用戶(hù)會(huì)更容易被底層的圖像所吸引。


考慮明暗


當(dāng)然,許多色彩并不全都是靠有色半透明圖層疊加出來(lái)的,有時(shí)候僅僅是使用單純的黑白灰來(lái)疊加,創(chuàng)造出不同的明暗效果,這樣也能很好的實(shí)現(xiàn)一些效果。

正如你所想,當(dāng)圖像更加沉郁陰暗的時(shí)候,壓抑沉重的氛圍自然而然就出現(xiàn)了,而圖像偏白色彩變淺的時(shí)候,往往會(huì)顯得更加輕松,或者說(shuō)更加飄忽。這個(gè)時(shí)候,并不需要單獨(dú)疊加黑色或者白色,只需要調(diào)整圖片本身的明度即可。


要么自然,要么失真

當(dāng)你開(kāi)始使用色彩疊加到圖片和視頻上的時(shí)候,有兩種處理方法:

圖片盡可能自然。色彩、明暗、陰影都應(yīng)該處于自然的狀態(tài),疊加的色彩應(yīng)當(dāng)盡可能微妙。

·圖片完全異化。用完全出乎意料的色彩疊加在圖片上,創(chuàng)造出獨(dú)一無(wú)二的效果。
介于兩者之間的案例很少,可以說(shuō)這兩者是完全對(duì)立的。這么設(shè)計(jì)的好處在于,用戶(hù)會(huì)更加專(zhuān)注于網(wǎng)站內(nèi)容,強(qiáng)化整體的設(shè)計(jì)感。

分享名稱(chēng):網(wǎng)頁(yè)設(shè)計(jì)中合理的使用色彩疊加效果
當(dāng)前鏈接:http://www.bm7419.com/news/216829.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、云服務(wù)器、手機(jī)網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站服務(wù)器托管、網(wǎng)站內(nèi)鏈

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

微信小程序開(kāi)發(fā)