網(wǎng)頁(yè)設(shè)計(jì)色彩搭配:更輕更平淡的顏色設(shè)計(jì)
最近,你可能已經(jīng)注意到,一些新的網(wǎng)站設(shè)計(jì)變得更加柔和輕盈。在所有五顏六色的色彩之間,似乎有些設(shè)計(jì)師正在采用更微妙的方式,通過(guò)使用更輕或者更平淡的顏色來(lái)創(chuàng)造不一樣的設(shè)計(jì)。
雖然它們?nèi)匀皇褂孟嗤幕靖拍钜约胺椒?mdash;—例如彩色的遮罩層或漸變層,新色調(diào)正在為這些主題創(chuàng)造一種更精致和低調(diào)的變化做出貢獻(xiàn)。今天我們將深入研究這一趨勢(shì),并探索各種設(shè)計(jì)實(shí)例和方法。
1.蠟燭色的使用遍布網(wǎng)絡(luò)
柔和的顏色是完美的解決方案,如果你的品牌要求一些令人感覺(jué)柔軟以及一些復(fù)雜層次的元素,但你仍然希望能夠利用你收集已久的調(diào)色板的話。同時(shí),當(dāng)把它們用在分層設(shè)計(jì)上時(shí),柔和的色彩看起來(lái)也很好,這使得它們成為一種非常靈活的配色方案,可以在各種各樣的網(wǎng)站設(shè)計(jì)風(fēng)格中使用。
· 扁平以及大膽

雖然你經(jīng)??吹奖馄斤L(fēng)格的網(wǎng)站設(shè)計(jì)趨勢(shì)一般是以最鮮亮的顏色進(jìn)行的,但在某些情況下,這種方法可能會(huì)變得粗暴,甚至有點(diǎn)令人厭惡。看看上面SimpliSafe的網(wǎng)頁(yè)設(shè)計(jì),如果頁(yè)面中的大字段是以原色執(zhí)行的,那么這個(gè)站點(diǎn)看起來(lái)有點(diǎn)太簡(jiǎn)單和平淡了,選擇柔和色調(diào)有助于使平面設(shè)計(jì)元素更加刻意和吸引用戶的注意力。
· 卡通風(fēng)

一些柔和的蠟筆色組合可能會(huì)使你的網(wǎng)頁(yè)設(shè)計(jì)整體脫穎而出,這使得它們成為圖表設(shè)計(jì)的一個(gè)很好的元素選擇,就像上面的案例一樣,略帶俏皮的矢量插圖。這個(gè)例子有一個(gè)非常復(fù)雜的調(diào)色板,但是所有的色調(diào)在一起仍然能夠協(xié)同工作,因?yàn)樗鼈兌疾捎昧讼嗤?ldquo;遲鈍”的顏色搭配,而且插圖風(fēng)格很簡(jiǎn)單。
· 彩色攝影

像上面這種的網(wǎng)站設(shè)計(jì)已經(jīng)出現(xiàn)了一個(gè)更加優(yōu)雅的色彩應(yīng)用,其中整屏的照片被一層淡薄的色澤所覆蓋。這些色調(diào)可以喚起了懷舊和柔軟的感覺(jué),這與該公司正在嘗試創(chuàng)造的品牌定位緊密相連。

這個(gè)網(wǎng)頁(yè)設(shè)計(jì)提供了類似的示例,顯示了大板塊的圖片如何在這種情況下可以像簡(jiǎn)單的紋理一樣工作,不過(guò),這是一個(gè)極端的例子,來(lái)說(shuō)明被沖洗的顏色可以如何進(jìn)行簡(jiǎn)約的設(shè)計(jì)。
· 偏移的線條

使用蠟筆色與色輪搭配也很有趣?;绢伾娜魏稳岷偷难苌锿ǔT趹?yīng)用基本顏色理論原理時(shí)也起作用,除了外觀更異常,異想天開(kāi)以及明亮。上面的這個(gè)網(wǎng)站設(shè)計(jì)使用了一種基于紅色,黃色和藍(lán)色三原色的色板,結(jié)果是營(yíng)造一種溫暖而充滿活力的視覺(jué)方案。
· 復(fù)古

逐漸消逝的顏色是自然懷舊的代表,所以柔和的色彩應(yīng)該在復(fù)古類型的網(wǎng)站設(shè)計(jì)中占據(jù)顯著地位。在上面的sweez這個(gè)面包店的網(wǎng)站設(shè)計(jì)中,通過(guò)斑點(diǎn),粉紅色和淡藍(lán)色,就像它的草書(shū)字體,給予它獨(dú)特的復(fù)古感覺(jué)。

在上面的這個(gè)葡萄園網(wǎng)頁(yè)設(shè)計(jì)中,通過(guò)使用獨(dú)特的復(fù)古復(fù)興的外觀設(shè)計(jì),展示了一個(gè)非常不同的風(fēng)格例子。不同的標(biāo)題字體的組合以及模仿雙色印刷是一個(gè)特別的視覺(jué)元素,讓用戶感覺(jué)像一個(gè)歷史悠久的葡萄園,一定至一個(gè)不錯(cuò)的選擇。
· 單色

盡管蠟筆色是成為彩色組合的完美候選人,但它們?cè)陬愃婆渖桨钢械墓δ芤卜浅5某錾?。上面的這個(gè)網(wǎng)站設(shè)計(jì)展示了如何輕柔地通過(guò)橙色色調(diào)的不同表現(xiàn)可以做出不同的視覺(jué)方案。
· 極簡(jiǎn)主義

有時(shí)候,一個(gè)令人信賴或感到舒適的網(wǎng)站設(shè)計(jì)所需要的僅僅是極簡(jiǎn)主義元素。上面的這款天氣應(yīng)用程序的使用大范圍的綠色和藍(lán)調(diào)還有一大堆深色系的顏色搭配出一個(gè)不同尋常的組合,你仿佛可以感到網(wǎng)站此刻就在發(fā)出手機(jī)震動(dòng)的嗡嗡聲,現(xiàn)代字體增加了足夠的興趣,吸引觀眾進(jìn)一步探索。
2.色彩工具可以幫助你找到完美的配色
從許多這些例子可以看出,通常,調(diào)色板可以幫助網(wǎng)站設(shè)計(jì)從普通到意想不到。如果你對(duì)配色這方面需要幫助的話,網(wǎng)絡(luò)上有幾種顏色選擇工具非常值得探索。
· 調(diào)色板

Design Seeds上有不少能夠讓人眼前一亮的調(diào)色板分享。如果你瀏覽這個(gè)網(wǎng)站,你會(huì)注意到所有最近的帖子中流行的柔和的色彩組合,這個(gè)現(xiàn)象也說(shuō)明了這一趨勢(shì)變化的速度如此之快。
· 意象

嘗試在Designspiration上進(jìn)行基于顏色的搜索,以找到大量在設(shè)計(jì)工作中流行的顏色組合的示例。你可以從其調(diào)色板中選擇多達(dá)五種色調(diào),因此可以輕松找出甚至非常復(fù)雜的組合的示例。
· 圖片

如果你需要一些很好的圖片素材來(lái)提升你的網(wǎng)頁(yè)設(shè)計(jì),你還可以瀏覽Shutterstock Spectrum,它通過(guò)顏色對(duì)圖片進(jìn)行分類,并排列形成一個(gè)巨大的圖像庫(kù),方式與Designspiration類似,但更具體。
總結(jié)
當(dāng)然,柔和的配色方案并不是適用于所有類型網(wǎng)站的最佳選擇。如果你想要一個(gè)柔和的外觀,那么明亮與暗色的色調(diào)混合可能是正確的組合。對(duì)于那些需要讓人感覺(jué)到奢華或者說(shuō)隆重的網(wǎng)站場(chǎng)景,紫紅色和奶油色可能是比較合適的選擇。但是,如果你正在尋找一種增添平淡和溫暖的調(diào)色板,通過(guò)增加興趣點(diǎn)而不會(huì)壓倒設(shè)計(jì)的其余部分的話,柔和的調(diào)色板可能只是你的項(xiàng)目的最好選擇。
----圖文來(lái)自:design shack
----由深圳網(wǎng)站建設(shè)公司-Clh翻譯編輯整理
相關(guān)文章

全畫(huà)幅不是半畫(huà)幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說(shuō)到相機(jī)畫(huà)幅,估計(jì)平時(shí)聽(tīng)到最多的可能就是全畫(huà)幅與半畫(huà)幅了,以至于不少人認(rèn)為中畫(huà)幅比全畫(huà)幅要小,為了避免這種常識(shí)性錯(cuò)誤,這篇文章就來(lái)和大家說(shuō)說(shuō)相機(jī)的不同畫(huà)幅,所謂2025-04-07
a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來(lái)探討這個(gè)話題2025-02-01
各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細(xì)請(qǐng)看下文介紹2024-02-10
常用照片尺寸有哪些 常見(jiàn)證件照尺寸對(duì)照表及用途介紹
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無(wú)論是求職應(yīng)聘,還是入學(xué)注冊(cè),亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
平面設(shè)計(jì)是一個(gè)注重視覺(jué)效果的設(shè)計(jì),簡(jiǎn)單的排版方式有時(shí)候不能滿足視覺(jué)突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來(lái)看看8個(gè)平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個(gè)設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語(yǔ)言,今天我們來(lái)推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請(qǐng)看下文介紹2023-10-08
夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫(huà)面,該怎么操作呢?下面我們就來(lái)看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡(jiǎn)單說(shuō)說(shuō)真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機(jī)“無(wú)損壓縮(M)”和“無(wú)損壓縮(S)”RAW的問(wèn)題,今天做一個(gè)統(tǒng)一答復(fù)2022-12-24
手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁(yè)面的時(shí)候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來(lái)看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06
常用照片尺寸有哪幾個(gè)? 照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總
常用照片尺寸有哪幾個(gè)?我們經(jīng)常說(shuō)一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來(lái)看看照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總2021-08-06









