網頁設計中應避免哪些顏色

已發表: 2016-09-15

廣告是一項棘手的業務，這完全取決於您如何展示自己。顏色是任何廣告的核心，它決定了它將如何成功地推廣您的品牌、商品或服務。這就是為什麼使用適當的色調對於當今的企業來說已成為必要的原因，以贏得目標受眾的注意，因為每種產品都需要不同形式的廣告。

如果您正在尋找學習網頁設計中顏色選擇的基礎知識，本文將幫助您增加有關如何正確進行顏色選擇的知識。正確的配色方案可能是您的廣告活動取得成功的決定因素，因此執行完美的組合絕非易事。

配色方案的重要性

配色方案的力量不容小覷。如果給予正確的曝光，它可以被利用成為你在任何網頁設計中的最大優勢。如果創造性地使用，即使是最簡單的顏色也可以被安排來激起目標受眾的思想和心靈並贏得他們的注意力。使用適當的色調組合的配色方案不僅可以提高廣告能力，還可以提高用戶在網站上平均花費的時間。

然而，選擇錯誤的配色方案至少可以說是災難性的，並且可能淹沒任何產品或服務，無論它有多大或它帶來了什麼。一些廣告商選擇華麗的顏色來展示他們的品牌，以吸引目標受眾的注意力。儘管他們可能成功地讓人們的頭轉向他們的方向，但觀眾最終會對長期失去興趣。設計師這樣做只會分散客戶的注意力並掩蓋商品的劣質。這最終會損害企業的品牌形象和聲譽。

在本文中，我們將介紹在線廣告中應避免使用哪些類型的配色方案。我們的團隊創造了一份“不要做”的清單以及一種可供您嘗試的替代方法。

使用一種顏色

只有一種顏色代表您的整個網站，這對於您的目標受眾來說既乏味又無趣。在移動到使用更合適的配色方案開發的下一個站點之前，觀眾甚至不太可能嘗試略讀它。

嘗試這個：

相應地調整配色方案是確保專業設計能夠引起對網站重要方面的關注的一項關鍵任務。按鈕、字幕、引用和超鏈接等元素應相應地發出顏色以突出它們的重要性。

選擇錯誤的顏色

為您的網頁設計選擇錯誤的顏色可能意味著在雜誌架上被忽視或在看到時被出售。對於有要銷售的產品甚至要推廣的服務的網站，它可以輕鬆地從產品的外觀或服務的哲學屬性中挑選色調。無論哪種方式，您的網站與您所提供的內容的深刻表示有助於建立與用戶的聯繫。在銷售美容產品的網頁設計中使用深藍色（如海軍藍）會令人失望。

嘗試這個：

在讓您的網站陷入代價高昂的災難之前，請使用色彩理論來選擇那些與產品密切相關或在某種程度上表現出其特徵的色調。這有助於查看者保持對網站的參與，甚至對產品進行嘗試。

霓虹色

完全不禁止使用霓虹色，但在你的網頁設計中用它們來慶祝灑紅節可能是愚蠢的舉動。霓虹色是通過將亮度強度提高一點點來創建的，以使其在對比度中脫穎而出。

毫無疑問，它們在設計中既時髦又有趣，但只是數量可觀。在您的模板上不斷地使用它們確實會使觀看者的眼睛流淚，但也會導致文本滲入對比度而破壞其可讀性。如果我沒記錯的話，您的目標是讓訪問者參與進來，而不是導致癲癇發作。

嘗試這個：

然而，如果你真的很堅持，你總是可以從霓虹色中去除不必要的亮度，這樣它會使文本更暗一點，不那麼強烈。此外，如果您已經決定將霓虹色添加到主題中，請確保將它們用於較小的元素，以便讀者可以輕鬆看到它們。

振動顏色

現在將顏色與壞血混合或配對就像故意模糊訪問者的視力。當高度飽和的顏色相互作用並產生“振動效果”時，就會發生這種情況，從而產生髮光的運動。用戶非常不喜歡這種振動效果。

通過結合這些鮮豔的色調，視覺會變得很煩人，並會產生擾亂視覺的殘像效果。它不僅會阻止用戶閱讀內容，還會使您的文本變得一團糟。

嘗試這個：

再一次，不建議您將振動顏色相互結合，但如果有必要，最好的解決方法是在兩種明亮顏色之間引入中性色，使兩種顏色中的任何一種變成較暗的陰影。

此外，如果您需要找出哪些顏色會振動，您可以將它們並排放置，您會注意到：

它們之間存在高飽和度的顏色
色輪上的互補和間隔 180 度
當顏色轉換為灰度時，幾乎沒有對比度

彩虹主題

在我看來，任何違反色彩理論規則的東西遲早都會對您的網頁設計造成危害。所以讓我們面對現實吧，彩虹色的網站是行不通的。試想一下，讀完這篇文章後，您為了在腦海中創建一個彩虹主題模板而扼殺了多少規則。

彩虹色的網頁設計不僅非常規而且具有誤導性——如果你明白我的意思的話。您想宣傳、宣傳或銷售某些東西，但向您的客戶和訪客展示彩虹將無濟於事。

嘗試這個：

但是，如果您有興趣製作具有 3 種以上顏色的多色網頁設計，請為您的模板使用色塊或卡片樣式。這使您可以逐塊將顏色分配給類別，而不會影響設計中的顏色平衡。

白底淺色

每次我看到這個錯誤時，我都會意識到客戶往往會失去興趣並轉移到另一個網站。在淺色背景下使用淺色與銷售麵包三明治相同。您需要平衡明暗，並設置合理的差異量，以使讀者能夠順利瀏覽網站而不是放棄它。在最新的網頁設計趨勢中，標題圖像使用的增加使這成為一種常見的事故。

嘗試這個：

避免這種情況的最佳方法是將背景顏色與色輪上的調色板進行比較。您可以通過檢查彼此的對比度友好性來輕鬆區分正確的組合。良好的組合將內容與設計結合起來，並在您的網頁設計中產生自然的吸引力。

嘗試詳細的背景

這可能是網頁設計中關於顏色的最致命錯誤。企業主聘請設計師來製作他們最好的作品，並為他們建立一個網站，讓他們的業務和收入達到最高水平。但這就是有時事情會有點失衡的地方。網站設計師一直在尋找新的方法來打動他們的承包商，在這種追求中，他們經常在背景中添加過多的顏色細節。暫時，它看起來並沒有那麼糟糕，但是當設計進入到所有元素和內容設置的最後步驟時，它就變成了一個醜陋的模板。

嘗試這個：

避免這種崩潰的唯一方法是指示您的網頁設計師不要在背景中添加顏色細節，並讓您的團隊在原始計劃中測試或實施任何新內容時保持循環。

淡黃色和亮藍色

大多數設計師都很清楚，當涉及到網站背景時，亮藍色和淡黃色是糟糕的顏色選擇。明亮的藍色是強烈的，並且總是對進入他們領域的任何其他顏色具有侵略性。淡黃色的反應不同，通過影響遊客的情緒並導致其他色調變得激進，從而破壞了背景顏色的目的。這就是為什麼您永遠不應該嘗試使用它們的原因。

亮藍色作為背景

現在我並不是要冒犯任何亮藍色愛好者，說它在網站背景中看起來很糟糕，這只是一個事實，它不能，永遠不會是設置對比度的好顏色選擇。一方面，明亮的藍色太強而無法與網站的內容相映成趣；另一方面，它讓設計師無法將其與調色板中的另一種色調相結合。它具有振動效果，使其更接近霓虹色，如果您確實閱讀了我上面討論的內容，那麼霓虹色絕對不是！

嘗試這個：

您可以使用較淺的藍色陰影，尤其是當您的網站有卡片樣式設計時。它將中和振動效果，並滿足背景為藍色的需求。

背景為淡黃色

在標題中添加一點黃色，也許標題的一些文本可能看起來不錯，但將其淹沒在背景中可能意味著訪問量高的網站和互聯網上漂浮的垃圾的區別。它不僅給人一種不吸引人的色調，而且反映了企業對其客戶的不良品味。黃色具有情感意義，可以在觀眾中發出幸福和歡樂的音符。因此，就成本和客戶流失而言，在沒有透視的情況下使用它可能會對您的網站造成不可逆轉的損害。

嘗試這個：

您可以將它與棕色、深紅色或橙色一起使用，以點燃復古外觀，然後在其他情況下也可以使用它。如果與正確的頁眉和頁腳顏色（例如橙色）相結合，帶有黃色色調的白色背景會讓您的訪問者感到驚訝。

忽略顏色匹配工具

然而，配色方案並不是一件容易的事，因為找到完美的顏色組合來吸引客戶說起來容易做起來難。這是因為對色彩混合有深入的了解，以及什麼樣的組合能引起觀眾的偏好反應是一門很少有人接受的藝術。這導致對試錯法的嚴重依賴，這對廣告來說極具風險。一個錯誤最終可能導致整個廣告系列失敗。

幸運的是，有一種解決方案可以克服這種配色方案障礙，它以配色工具的形式出現，該工具旨在將不同的顏色組合在一起，其結果可與該領域的資深人士相媲美。

嘗試這個：

當您選擇主色時，開發了諸如 Adobe Color CC 工具之類的顏色匹配工具來簡化選擇強調色的選擇過程。儘管該工具可能看起來很複雜，但實際上它的設計既簡單又有效。

配色工具配備了簡化配色方案的選項，例如：

選擇圍繞其選擇強調色的主色
選擇要圍繞其選擇強調色的照片

強調色的重要性

可以使用強調色突出顯示網頁上的重要信息，以表明它們的重要性。它們的範圍可能從超鏈接到您希望吸引觀眾注意的網頁上的其他內容。建議堅持使用一種或兩種強調色，因為更多的強調色最終會給網站訪問者造成混亂。

結論

雖然顏色在為網站提供著裝規範和吸引力方面發揮著重要作用，但如果您希望獲得成功的業務運營，則必須在您的設計模板中正確使用它們。如果沒有合適的色調，您的網站不僅會成為笑柄，而且還會帶來代價高昂的失望。