如何在(zai)(zai)你(ni)的(de)網(wang)頁(ye)設(she)(she)計(ji)中(zhong)使(shi)用(yong)(yong)正確的(de)顏(yan)(yan)色(se)(se)疊(die)加(jia)  在(zai)(zai)網(wang)頁(ye)設(she)(she)計(ji)中(zhong)，顏(yan)(yan)色(se)(se)幾乎是(shi)(shi)任何設(she)(she)計(ji)的(de)重要組成部(bu)分。無論(lun)你(ni)是(shi)(shi)那些明亮，大膽色(se)(se)調(diao)的(de)“忠粉”，還是(shi)(shi)喜歡更簡約(yue)的(de)黑色(se)(se)和白色(se)(se)，你(ni)所使(shi)用(yong)(yong)的(de)顏(yan)(yan)色(se)(se)可以(yi)(yi)對整(zheng)體設(she)(she)計(ji)產生很大的(de)影(ying)響。顏(yan)(yan)色(se)(se)疊(die)加(jia)的(de)作(zuo)用(yong)(yong)之一在(zai)(zai)于，你(ni)可以(yi)(yi)在(zai)(zai)你(ni)的(de)網(wang)頁(ye)設(she)(she)計(ji)中(zhong)使(shi)用(yong)(yong)顏(yan)(yan)色(se)(se)進行強調(diao)聲(sheng)明。這意味著你(ni)可以(yi)(yi)使(shi)用(yong)(yong)半(ban)帶有透明度的(de)顏(yan)(yan)色(se)(se)塊來(lai)覆蓋圖片或(huo)視頻。這種效果可以(yi)(yi)增加(jia)圖像的(de)意義，使(shi)其在(zai)(zai)整(zheng)體的(de)設(she)(she)計(ji)中(zhong)引(yin)起更多的(de)關(guan)注，并幫助你(ni)在(zai)(zai)大部(bu)分有限的(de)藝術(shu)中(zhong)做出選擇。

1.使用純色來設置你(ni)的“主調”

純色(se)(se)(se)覆蓋層(ceng)可(ke)以(yi)像梯度(du)圖(tu)(tu)案一樣(yang)(yang)醒目，但通常，顏(yan)(yan)色(se)(se)(se)的(de)(de)選(xuan)擇(ze)具有更(geng)(geng)(geng)多(duo)不同(tong)(tong)意義(yi)的(de)(de)關(guan)(guan)聯(lian)性。例如(ru)，考(kao)(kao)慮(lv)一個棕褐色(se)(se)(se)疊加，它(ta)能夠立即引起(qi)舊時代和(he)歷史的(de)(de)感(gan)覺。同(tong)(tong)樣(yang)(yang)的(de)(de)原(yuan)理可(ke)以(yi)用(yong)在使用(yong)那些(xie)流(liu)行趨勢(shi)色(se)(se)(se)上面。通過(guo)使用(yong)與平面或材料設計相(xiang)關(guan)(guan)的(de)(de)明亮，飽(bao)和(he)的(de)(de)顏(yan)(yan)色(se)(se)(se)，你可(ke)以(yi)喚起(qi)現代主義(yi)或高級時裝的(de)(de)感(gan)覺。當使用(yong)單一顏(yan)(yan)色(se)(se)(se)作(zuo)為顏(yan)(yan)色(se)(se)(se)疊加的(de)(de)覆蓋層(ceng)時，請(qing)一定要考(kao)(kao)慮(lv)顏(yan)(yan)色(se)(se)(se)的(de)(de)飽(bao)和(he)度(du)和(he)透明度(du)。這些(xie)元(yuan)素(su)同(tong)(tong)樣(yang)(yang)可(ke)以(yi)添加不同(tong)(tong)意義(yi)。更(geng)(geng)(geng)重的(de)(de)顏(yan)(yan)色(se)(se)(se)組（更(geng)(geng)(geng)少(shao)的(de)(de)透明度(du)和(he)更(geng)(geng)(geng)飽(bao)和(he)度(du)）比起(qi)它(ta)背后的(de)(de)圖(tu)(tu)像，更(geng)(geng)(geng)多(duo)的(de)(de)關(guan)(guan)注(zhu)點在于顏(yan)(yan)色(se)(se)(se)本身(shen)上。相(xiang)反，更(geng)(geng)(geng)輕，更(geng)(geng)(geng)細微的(de)(de)顏(yan)(yan)色(se)(se)(se)組合更(geng)(geng)(geng)加專(zhuan)注(zhu)于圖(tu)(tu)像上。

2.考(kao)慮暗色或亮色 

你不(bu)必(bi)總是使用那些(xie)多彩(cai)的(de)(de)(de)顏(yan)(yan)色本身(shen)來創建疊加層(ceng)。有時它也可(ke)以是黑色，白(bai)色或灰(hui)色的(de)(de)(de)。使用這(zhe)些(xie)色調和(he)主(zhu)題(ti)可(ke)以真正(zheng)改變(bian)你網(wang)(wang)站設計(ji)的(de)(de)(de)整(zheng)體“情(qing)(qing)緒”。正(zheng)如你可(ke)能關(guan)聯想(xiang)到(dao)(dao)的(de)(de)(de)，顏(yan)(yan)色更深的(de)(de)(de)覆蓋(gai)層(ceng)可(ke)以創建一(yi)(yi)個更弄厚(hou)的(de)(de)(de)情(qing)(qing)緒環境。亮(liang)色疊加與(yu)樂趣之(zhi)間有一(yi)(yi)種獨特的(de)(de)(de)相關(guan)聯。這(zhe)里還(huan)有一(yi)(yi)個貢獻因素，當(dang)我們(men)談及黑白(bai)之(zhi)間搭配做產生感覺的(de)(de)(de)時候，那就是圖(tu)像(xiang)本身(shen)。 它是如何與(yu)色調或主(zhu)題(ti)協同工作(zuo)(zuo)呢(ni)？圖(tu)像(xiang)、顏(yan)(yan)色以及消息他們(men)能和(he)諧的(de)(de)(de)在(zai)一(yi)(yi)起產生意想(xiang)不(bu)到(dao)(dao)的(de)(de)(de)作(zuo)(zuo)用嗎？在(zai)上面Call me Ish的(de)(de)(de)網(wang)(wang)站設計(ji)中，正(zheng)如你所(suo)看(kan)到(dao)(dao)的(de)(de)(de)，整(zheng)個網(wang)(wang)頁設計(ji)使用白(bai)色的(de)(de)(de)覆蓋(gai)層(ceng)，以幫助將焦點放在(zai)黑白(bai)照片上的(de)(de)(de)單詞。但請注意攝(she)影師(shi)臉上的(de)(de)(de)表情(qing)(qing)：他笑得很開朗。顏(yan)(yan)色和(he)照片組合使用形(xing)成一(yi)(yi)種無形(xing)的(de)(de)(de)邀請，讓你更想(xiang)與(yu)攝(she)影師(shi)互動，甚至可(ke)能雇用他工作(zuo)(zuo)。 

3.嘗試使用漸變(bian)色(se) 

漸(jian)變(bian)又逐漸(jian)成為流行趨(qu)勢之一(yi)(yi)。當你(ni)(ni)想使用(yong)顏(yan)色(se)(se)疊加層時(shi)，漸(jian)變(bian)會創(chuang)(chuang)造一(yi)(yi)個(ge)非常好(hao)的(de)(de)（醒目(mu)的(de)(de)）視覺效果(guo)。關于漸(jian)變(bian)的(de)(de)特別好(hao)處在(zai)于，你(ni)(ni)可(ke)以使用(yong)幾種不同的(de)(de)顏(yan)色(se)(se)來搭配工作（這點需要全(quan)面綜合(he)的(de)(de)考慮你(ni)(ni)的(de)(de)品(pin)牌(pai)）或使用(yong)單一(yi)(yi)顏(yan)色(se)(se)創(chuang)(chuang)建焦點。明亮的(de)(de)配對可(ke)以幫助吸引用(yong)戶進入到(dao)你(ni)(ni)的(de)(de)網(wang)站設計中，給圖像制(zhi)(zhi)造一(yi)(yi)些閃光點。這個(ge)趨(qu)勢很大一(yi)(yi)部分(fen)可(ke)以追溯到(dao)Spotify網(wang)站，它(ta)最(zui)先開始使用(yong)漸(jian)變(bian)和雙(shuang)色(se)(se)覆蓋來突出播放列表。顏(yan)色(se)(se)使用(yong)戶用(yong)于顯示的(de)(de)封(feng)面圖（音樂(le)家(jia)的(de)(de)介紹(shao)圖）提供了新的(de)(de)活力。這是(shi)一(yi)(yi)個(ge)很容(rong)易復制(zhi)(zhi)的(de)(de)概念：· 選擇(ze)一(yi)(yi)張照(zhao)片(pian)；· 使用(yong)你(ni)(ni)的(de)(de)品(pin)牌(pai)色(se)(se)創(chuang)(chuang)建一(yi)(yi)個(ge)顏(yan)色(se)(se)漸(jian)變(bian)；· 享(xiang)受他給你(ni)(ni)的(de)(de)網(wang)頁(ye)設計以及你(ni)(ni)自己帶來的(de)(de)樂(le)趣(qu)。

4.選(xuan)擇高(gao)對比度圖像(xiang)

當你(ni)在(zai)(zai)你(ni)的(de)(de)網頁設計項目(mu)中(zhong)規劃圖(tu)(tu)像(xiang)(xiang)疊(die)加(jia)(jia)(jia)時，照片(pian)(pian)（或視(shi)頻）的(de)(de)組成方(fang)式是極其(qi)重要的(de)(de)。一(yi)個(ge)(ge)(ge)平淡(dan)的(de)(de)圖(tu)(tu)像(xiang)(xiang)結果將(jiang)留給用(yong)戶一(yi)個(ge)(ge)(ge)平淡(dan)的(de)(de)顏(yan)色(se)(se)疊(die)加(jia)(jia)(jia)感覺。但是，如果你(ni)開始(shi)使用(yong)具有(you)大(da)量對(dui)比(bi)(bi)度(du)的(de)(de)照片(pian)(pian)，凸顯圖(tu)(tu)像(xiang)(xiang)的(de)(de)深色(se)(se)和(he)淺色(se)(se)的(de)(de)空間(jian)，你(ni)將(jiang)獲得效(xiao)(xiao)果。如果你(ni)的(de)(de)圖(tu)(tu)片(pian)(pian)沒(mei)(mei)有(you)足夠的(de)(de)對(dui)比(bi)(bi)度(du)，請考慮在(zai)(zai)照片(pian)(pian)編輯軟件中(zhong)添加(jia)(jia)(jia)對(dui)比(bi)(bi)度(du)或選擇其(qi)他(ta)圖(tu)(tu)片(pian)(pian)。否則，圖(tu)(tu)像(xiang)(xiang)在(zai)(zai)實際中(zhong)發揮的(de)(de)效(xiao)(xiao)果可(ke)能會過(guo)于(yu)平淡(dan)。這(zhe)里還有(you)一(yi)個(ge)(ge)(ge)小竅(qiao)門，并且實現這(zhe)種效(xiao)(xiao)果是從一(yi)張黑(hei)白照片(pian)(pian)開始(shi)的(de)(de)。特別是對(dui)于(yu)初學者，在(zai)(zai)黑(hei)白圖(tu)(tu)像(xiang)(xiang)中(zhong)可(ke)以更容易地(di)看到增強對(dui)比(bi)(bi)度(du)將(jiang)給圖(tu)(tu)像(xiang)(xiang)帶來(lai)怎么樣的(de)(de)變化。Just Actions提供了一(yi)個(ge)(ge)(ge)在(zai)(zai)黑(hei)白色(se)(se)圖(tu)(tu)像(xiang)(xiang)旁邊添加(jia)(jia)(jia)彩色(se)(se)疊(die)加(jia)(jia)(jia)的(de)(de)一(yi)個(ge)(ge)(ge)很好的(de)(de)例子(zi)（通過(guo)添加(jia)(jia)(jia)疊(die)色(se)(se)，是的(de)(de)原(yuan)本沒(mei)(mei)有(you)黑(hei)白的(de)(de)，沒(mei)(mei)有(you)鮮(xian)艷對(dui)比(bi)(bi)度(du)的(de)(de)配圖(tu)(tu)產生(sheng)一(yi)種極具吸(xi)引力的(de)(de)效(xiao)(xiao)果）。

5.圖片應該看起來自然（或相(xiang)反）

當涉(she)及到使(shi)用(yong)(yong)顏色疊(die)(die)(die)加時，你有兩個(ge)選(xuan)擇：a.添加疊(die)(die)(die)色效(xiao)果以(yi)后，圖(tu)片應(ying)該仍然(ran)看(kan)起(qi)來(lai)自然(ran)。顏色、光照(zhao)和陰(yin)影應(ying)該出現在(zai)(zai)自然(ran)的(de)(de)位(wei)置。疊(die)(die)(die)加應(ying)該呈(cheng)現的(de)(de)微妙一些(xie)，而不(bu)是過(guo)于強烈，如(ru)上(shang)面(mian)的(de)(de)Abednego Coffee網站設(she)計。b.添加疊(die)(die)(die)色效(xiao)果以(yi)后，使(shi)得圖(tu)像看(kan)起(qi)來(lai)完全改(gai)變。但是這(zhe)種方式的(de)(de)最好(hao)方法是你要盡量不(bu)要讓(rang)用(yong)(yong)戶(hu)猜到你在(zai)(zai)圖(tu)像上(shang)面(mian)使(shi)用(yong)(yong)了顏色疊(die)(die)(die)加（例如(ru)本文(wen)中(zhong)的(de)(de)大多(duo)數(shu)示(shi)例）。這(zhe)里沒有真正的(de)(de)中(zhong)間地(di)帶。如(ru)果你在(zai)(zai)圖(tu)像上(shang)使(shi)用(yong)(yong)的(de)(de)不(bu)屬于這(zhe)些(xie)“極端”方式之一，用(yong)(yong)戶(hu)可(ke)能會(hui)偏(pian)向對顏色太過(guo)認真，而不(bu)會(hui)專注于網站的(de)(de)內容。你不(bu)會(hui)想用(yong)(yong)彩色疊(die)(die)(die)加技術來(lai)分散注意(yi)力的(de)(de)，相反(fan)，它應(ying)該增強整體網站設(she)計。

6.嘗試疊加強調口號

雖然(ran)前(qian)面(mian)的(de)(de)例子顯(xian)示(shi)了(le)對大圖(tu)像使(shi)用(yong)顏色(se)(se)疊加(jia)(jia)的(de)(de)方法(fa)，例如在banner圖(tu)上(shang)(shang)添加(jia)(jia)，但這并(bing)不是(shi)充分利用(yong)這種(zhong)技術的(de)(de)方法(fa)。顏色(se)(se)疊加(jia)(jia)效果(guo)(guo)也可以很好地使(shi)用(yong)在強調口號(hao)性的(de)(de)文(wen)案上(shang)(shang)。上(shang)(shang)面(mian)的(de)(de)兩個(ge)例子顯(xian)示(shi)了(le)有(you)效地實現這些(xie)的(de)(de)不同(tong)方式。在上(shang)(shang)面(mian)的(de)(de)例子中(zhong)，Knot Clothing的(de)(de)網站(zhan)設(she)計使(shi)用(yong)明(ming)亮的(de)(de)綠色(se)(se)的(de)(de)，并(bing)帶有(you)透(tou)明(ming)度(du)的(de)(de)導(dao)航欄。它(ta)進一(yi)步(bu)突出了(le)在它(ta)之上(shang)(shang)的(de)(de)所有(you)實線。這種(zhong)效果(guo)(guo)有(you)助于(yu)(yu)在整(zheng)個(ge)網頁設(she)計中(zhong)保持統(tong)一(yi)的(de)(de)品牌調色(se)(se)板，同(tong)時展示(shi)各(ge)種(zhong)其他(ta)顏色(se)(se)。簡單的(de)(de)效果(guo)(guo)，有(you)助于(yu)(yu)頁面(mian)看起(qi)來更(geng)柔軟(ruan)，比導(dao)航在一(yi)個(ge)純色(se)(se)內(nei)(nei)，并(bing)且(qie)向下瀏覽，全部(bu)網站(zhan)設(she)計一(yi)覽無余(yu)以及平淡來說，更(geng)具質感和設(she)計感。Nuts and Woods的(de)(de)網站(zhan)設(she)計則采取(qu)另一(yi)種(zhong)方法(fa)。該設(she)計使(shi)用(yong)顏色(se)(se)疊加(jia)(jia)層(ceng)作為(wei)懸停效果(guo)(guo)，以便(bian)用(yong)戶(hu)能更(geng)多地了(le)解網站(zhan)上(shang)(shang)的(de)(de)特定項目。獲取(qu)紅色(se)(se)疊加(jia)(jia)層(ceng)的(de)(de)任何元(yuan)素也是(shi)可點擊元(yuan)素。這個(ge)設(she)計值得注意的(de)(de)是(shi)，顏色(se)(se)疊加(jia)(jia)層(ceng)為(wei)用(yong)戶(hu)提供了(le)一(yi)個(ge)視覺(jue)提示(shi)，告訴他(ta)們(men)他(ta)們(men)想(xiang)要(yao)知道什么，并(bing)為(wei)整(zheng)個(ge)內(nei)(nei)容提供鏈接的(de)(de)路徑。