如果最終的設(shè)計(jì)不能給人一種視覺上的沖擊，創(chuàng)建高對比度的過飽和色彩設(shè)計(jì)可能是一件不太明智的事情。但是設(shè)計(jì)師們正在抓住這個機(jī)會，并嘗試使用一些“色過飽和”的設(shè)計(jì)技巧來創(chuàng)建不會讓用戶不知所措的同時又能令人驚嘆的項(xiàng)目。
今天，我們將通過 10 個不同的示例和分享 10 個提示，以幫助你在完成網(wǎng)站設(shè)計(jì)或其他數(shù)字化或平面設(shè)計(jì)項(xiàng)目時駕馭這種色彩趨勢。
將柔和的調(diào)色板拋在腦后，潛入一個色彩鮮艷的世界！
1. 用白色平衡顏色（Balance Color with White）
當(dāng)你使用大膽的顏色或大量過飽和的色調(diào)時，為設(shè)計(jì)創(chuàng)造平衡非常重要。使用白色空間以抵消過多的顏色背景或創(chuàng)建更加舒適的區(qū)域是一種可行的方法。
白色可以讓你的顏色蓬勃發(fā)展而不會妨礙內(nèi)容，它還可以防止設(shè)計(jì)過于明亮。
在上面的網(wǎng)站設(shè)計(jì)示例中，發(fā)生了很多事情，但白色背景確實(shí)有助于將所有內(nèi)容組合在一起。還要注意空間的使用，以便屏幕上的白色區(qū)域——即使是運(yùn)動效果和超大標(biāo)題——與顏色和填充空間的權(quán)重幾乎相同。
這種平衡的元素使設(shè)計(jì)既有趣又不顯得壓倒性。
2. 更加大膽（Be Bold）
當(dāng)你想使用過飽和顏色時，有時最有意義的選項(xiàng)是更加大膽的使用。令人驚嘆的色調(diào)與清晰的圖像元素可以創(chuàng)造出引人注目的組合，可以更好的引起注意。
選擇一種超亮的顏色（最好從你的品牌調(diào)色板中選擇）并使用它。
顏色的亮度和大膽的特性將吸引用戶的注意力并吸引用戶進(jìn)入設(shè)計(jì)。將它與簡單的圖像配對，例如上面的示例，以真正最大限度地發(fā)揮顏色的影響。
3. 平衡圖像（Balance With Imagery）
當(dāng)你想使用顏色但又不想太夸張時，帶有圖像以平衡色調(diào)的分屏選項(xiàng)可能是一個不錯的選擇。
使這個概念發(fā)揮作用的秘訣是挑選和所用色彩能夠協(xié)同工作的圖像。它們必須感覺有些重，圖像中的顏色和配對的設(shè)計(jì)元素必須具有共同的外觀感覺。
這并不意味著顏色必須相同，但它們確實(shí)需要協(xié)同工作。
在上面的示例中，真正使左側(cè)的亮色與右側(cè)的圖像配合使用的是海軍色主題。請注意它是如何用于文本的，并且與右側(cè)圖像中嬰兒的衣服顏色相同。
4. 統(tǒng)一（色調(diào)）（Go Mono(tone)）
當(dāng)你想大量使用顏色時，請考慮使用統(tǒng)一的調(diào)色板來幫助你使用不會變成花哨的、混亂的大膽或明亮的選項(xiàng)。
相同基色的多種色調(diào)可以讓人感覺優(yōu)雅和有影響力。將圖像提升到一個新的水平，圖像也使用相同的顏色進(jìn)行超級一致的設(shè)計(jì)，如上面的示例。
5. 使用疊加層（Include an Overlay）
當(dāng)你使用大量顏色但擔(dān)心顏色過多時，疊加層可以提供更好的幫助。
使用黑色或白色覆蓋來柔化顏色的亮度和適度的改變色調(diào)，以確保你有一個位置放置具有足夠?qū)Ρ榷鹊奈谋疽蕴岣呖勺x性，尤其是在網(wǎng)站設(shè)計(jì)中就尤為重要。
上面的示例在明亮的顏色背景上做得很好，其中包括一個疊加層和一個使用相似顏色但沒有疊加層的視頻元素。這種組合在視覺上很吸引人，并且有一種顏色，不會讓人感到壓倒性的。
6. 使用顏色進(jìn)行眼動追蹤（Use Color for Eye Tracking）
用戶界面元素的顏色組合有助于將用戶吸引到屏幕上的關(guān)鍵元素。這種眼動追蹤技術(shù)有助于將用戶從圖像等大型元素轉(zhuǎn)移到文本或號召性用語。
而這一切都源于對比。
感興趣的區(qū)域應(yīng)該與背景或主要視覺元素有很大不同。
在上面的示例中，深色背景被大的白色和亮色文本所抵消，以將用戶的眼睛吸引到屏幕上的單詞和可操作元素上。
7. 在圖像中使用顏色（Use Color in Images）
過飽和色彩的圖像是設(shè)計(jì)具有大量顏色的項(xiàng)目而無需創(chuàng)建其他元素的絕佳工具。你有一個簡單而多彩的設(shè)計(jì)和正確的圖像的基礎(chǔ)。
在考慮高色彩圖像時，有幾個選擇：
· 與攝影師合作，以你需要的風(fēng)格來拍攝照片；
· 編輯照片以獲得高對比度和色彩或使用濾鏡來調(diào)整；
· 展示你想要的照片（這對產(chǎn)品很有效，但對環(huán)境圖像效果不佳）。
8. 設(shè)計(jì)效果（Design an Effect）
使用過飽和色彩作為強(qiáng)調(diào)或效果來打破設(shè)計(jì)或幫助用戶更好地理解內(nèi)容。在考慮如何以不妨礙內(nèi)容的方式使用顏色選項(xiàng)時，這是一個流行的概念。
在上面的示例中，旋轉(zhuǎn)產(chǎn)品圖像包括許多顏色的變化。有一個多彩的效果，但它不會影響屏幕或分散你的注意力。
這是產(chǎn)品推廣和使用高色彩設(shè)計(jì)美學(xué)的流行選擇。
9. 分層堆疊顏色（Stack Color in Layers）
高級色彩設(shè)計(jì)可以從分層中受益，從而為其中的所有顏色選擇建立一個組織和一個地方。
它從與包含彩色元素的頂層一起使用的背景開始。
在上面的示例中，這些圖層為點(diǎn)擊操作設(shè)置了舞臺，其中頂層成為主圖像。它之所以有效，是因?yàn)槌跏挤謱幼屇銥榧磳l(fā)生的全屏活動做好準(zhǔn)備。
它還可以幫助用戶以更全面的方式理解內(nèi)容。在完整的網(wǎng)站體驗(yàn)開始之前，顏色用于促進(jìn)閱讀和理解。
10. 無所顧忌地全力以赴（Unapologetically Go All In）
如果你愿意在顏色方面冒險(xiǎn)，那就全力以赴。以最大膽和最不可思議的程度使用顏色來傳達(dá)你的信息。
請記住，這可能是用戶喜歡的東西……或討厭的東西。這么多顏色會導(dǎo)致不同的情感聯(lián)系。
看看上面的例子：它讓你感覺如何？這就是全力投入高色彩的風(fēng)險(xiǎn)。你需要設(shè)置正確的基調(diào)并同時與你的主要受眾產(chǎn)生正確的共鳴。
結(jié)論
一個額外的提示：當(dāng)你全神貫注于這樣的趨勢時，確保顏色與你的調(diào)色板相配。如果你離品牌顏色太遠(yuǎn)，你可能會失去與用戶的重要聯(lián)系。
在嘗試諸如此類的設(shè)計(jì)元素時，保持真實(shí)身份非常重要。如果你的調(diào)色板不能以過飽和的顏色風(fēng)格工作，最好嘗試其他方法并將這個想法應(yīng)用于另一個更合適的項(xiàng)目中。
----圖文來自：design shack
----由深圳網(wǎng)站建設(shè)公司-Clh翻譯編輯整理，為您提供更多有關(guān)深圳網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)及其他互聯(lián)網(wǎng)應(yīng)用服務(wù)