創建完美網站配色方案的 11 個步驟

已發表: 2020-01-24

人類是視覺驅動的。 視覺刺激幾乎指導我們所做的一切。 世界各地的成功品牌在其品牌標識中都有一種獨特的配色方案。 因此,建立穩固的品牌形像對任何企業都至關重要。 它是與消費者建立信任和提高舒適度的重要組成部分。 這對於在目標受眾中創建品牌擁護者也至關重要。 說到品牌,最關鍵的元素之一就是它的標誌。 配色方案必須與品牌和徽標保持一致,因為它有助於消費者了解您的業務。 它也是必須絕對對齊和同步的東西,因為它與品牌標識相關聯。 超過 90% 的快速購買決定是基於配色方案及其感知。 選擇正確的網站配色方案對於營造持久的印象非常重要。 畢竟,根據研究,顏色將品牌認知度提高了近 80%。 在開發和設計網站時,必須仔細考慮顏色的選擇,因為不同的顏色會向消費者傳達不同的信息。 以下是如何破解它並獲得完美的配色方案。

目錄隱藏
1.了解色彩心理學:
2. 借助行業知識確保安全:
三、競爭分析:
4.修復你的原色:
5.修復顏色數量:
6. 中性和二次色的使用:
7.顏色放置:
8. 放棄偏好:
9.比較附近的方案:
10. 修改和頭腦風暴:
11. 顏色指南:

1.了解色彩心理學:

色彩心理學 - 開發完美的網站配色方案 別針

在嘗試編譯調色板之前,您需要熟悉色彩心理學。 每一種顏色都以不同的方式與人們產生共鳴。 不同的顏色喚起人們的複雜情緒。 但是,這可能因人口統計而異。 基於產品,分析目標受眾——個性和情感。 問自己一個問題,即您希望在目標受眾中調用什麼。 因此,為您的網站配色方案選擇最適合的原色。 例如,如果品牌與財務有關,最好選擇藍色,因為它可以轉化為信任和可靠性。 同樣,如果您與有機食品公司的品牌打交道,綠色將是最好的顏色——因為它與健康和自然有關。

2. 借助行業知識確保安全:

部門顏色 - 開發完美的網站配色方案 別針

了解客戶的行業和利基市場。 色彩心理學對品牌及其身份至關重要。 每種顏色和色調對消費者的心理都有不同的心理影響。 根據他們提供的產品或服務,不同的行業喜歡不同的顏色。 通過這種方式,他們試圖喚起某種情緒並建立與行業相關的聯想。 這是一項分析了 520 個標誌的研究,涉及一系列行業,以確定哪些行業喜歡哪種顏色。 調查結果展示了每個行業的前 20 個品牌及其主導色彩。

三、競爭分析:

您總是可以從業內競爭對手那裡得到一兩點意見。 查看他們的網站,並研究徽標、品牌和使用的顏色。 觀察顏色使用的相似性,並進行分析。 該分析還將使您對行業中使用的音調有一個非常公平的了解。 那麼你有兩個選擇——要么順其自然,使用符合要求的傳統配色方案,要么反其道而行之,區分品牌。 無論哪種方式,您都需要確保以應有的方式傳達和感知品牌信息和故事。

4.修復你的原色:

原色 - 開發完美的網站配色方案 別針

這種主要或主要顏色是品牌顏色。 消費者會將品牌和網站與這種原色相關聯。 當消費者或潛在消費者訪問您的網站時,這種顏色特別有助於激發某種情緒或感覺。 這是您希望目標受眾在想到品牌時記住的顏色。 如果徽標已經到位,請確保您的原色是徽標中使用的顏色之一,最好是原色。 在正確的地方使用這種主色,而不是隨處插入。 顏色應該使內容和網站“流行”,並且應該用於突出您希望觀眾關注的功能或細節。

5.修復顏色數量:

僅使用一種顏色並伴有負空間太乏味和無聊。 確定您希望使用的顏色集。 使用強調色讓您的設計更有趣、更具視覺吸引力。 通過這個,您可以突出顯示您網站的各種功能,例如按鈕、引號或選項卡。 顏色混合和匹配可能非常棘手,尤其是在不了解顏色理論的情況下。 因此,最好查閱“色輪”。 選擇類似顏色或互補色。 為了進一步簡化流程,您還可以使用 Colorspire 等工具。 通過這樣的工具,您可以清楚地了解您的配色方案在網站上的外觀。 理想情況下,您應該有 3 種顏色,並遵循 60-30-10 規則。

6. 中性和二次色的使用:

中性色 - 開發完美的網站配色方案 別針

有時將輔助色與原色匹配可能會很困難。 但是,有很多免費工具可用,可以讓您的工作更輕鬆。 Colorspace 和其他各種調色板生成器可用,它們可以幫助您度過困惑。 您只需要輸入十六進制代碼,您將有多種選擇。 特定的設計確實需要使用輔助顏色——尤其是對於充滿內容、登陸頁面、產品、可下載資產等的網站。 同時,您還需要使用中性色,為重要元素創建對比。 最常見的中性色是白色、灰色和黑色。 對於不同的情況,擁有淺色/中性色和深色總是一件好事。

7.顏色放置:

顏色佈置 - 開發完美的網站配色方案 別針

現在是關鍵問題以及感興趣的領域 - 如何繼續理想地應用網站配色方案?

原色通常進入網頁的“熱點”。 使用這些大膽而充滿活力的顏色來迫使參觀者“採取行動”。 它們應該用於吸引最大的關注和點擊。 CTA 按鈕或選項卡和其他重要的頁面元素需要用原色突出顯示。

二次色通常用於突出本質上不太重要的信息。 這包括副標題、輔助按鈕以及活動菜單項、常見問題解答、推薦和其他支持性內容。 中性色通常可用於文本和背景,但它們在網站充滿活力和色彩繽紛的部分非常有用。 中性色還可以幫助網站淡化,並幫助重新聚焦眼睛。

8. 放棄偏好:

每個人都有權發表意見和選擇。 每個人都有自己喜歡的一組顏色,這可能導致一個人對特定顏色也有偏好和偏見。 幾個品牌在選擇網站設計中的調色板時受到這些偏見和偏好的影響。 需要注意的是,它通常與色彩心理學不一致。 選擇最喜歡的顏色無疑很誘人,但要分析行業和目標受眾。 如果該品牌面向女性人群並且產品範圍包括化妝品,那麼無論個人喜好或偏見如何,選擇粉紅色或色調可能是一個好主意。

9.比較附近的方案:

附近方案 - 開發完美的網站配色方案 別針

承諾您創建的第一個配色方案並不是強制性的。 這可能非常限制您的工作和創造力。 建議有 3-4 種不同配色方案的選項。 基於此,您可以更好地了解網站的整體外觀。 這種比較也將有助於網站佈局的規劃。 您還可以獲得客戶以及同事或團隊成員的意見,並更好地了解哪些有效,哪些無效。 在此之後,您可以縮小範圍,直到您可以將完全符合網站要求的配色方案歸零。

10. 修改和頭腦風暴:

一旦你完成了配色方案的選擇過程,就需要再進行一次測試。 您需要分析這個配色方案是否適用於其他格式的事實。 在不同的場景中測試您選擇的配色方案。 可視化它在印刷品或商品系列中的顯示方式。 您還可以進行更多研究,以確定它對訪問者的影響。 配色方案並不難獲得,互聯網上有很多可用的工具。 這些工具對最終確定配色方案有很大幫助,而且它們也可以免費使用。 您很有可能必須反復經歷此過程,直到找出正確的配色方案,該配色方案效果最佳並且適合所有場景和格式。 無論哪種情況,您最終都會得到替代選項,以防客戶或雇主拒絕最好的選項,或者它不能很好地工作。

11. 顏色指南:

顏色指南 - 開發完美的網站配色方案 別針

重要的是要記住,配色方案不是某種“繪畫”。 是的,該網站基於這樣一個事實,即設計必須足夠吸引人才能產生銷售轉化,並且是動態的。 然而,設計是次要的內容。 請記住 - 擁有配色方案的目的是突出網站內容和各種功能。 設計和配色方案不得壓倒網站的內容。 配色方案和內容必須對齊,配色方案必須在後台——將內容推到前台。 使用的顏色可以與行業慣例同步,也可以不同——無論哪種方式,它必須在本質上形成對比,最好是。 應僅使用有限數量的顏色,以使網站看起來吸引人且不會太響亮。 您可以參加顏色測驗,以防您遇到問題。 在決定網站的調色板時,人口統計和目標受眾也必須是首要考慮因素。

想出一個可行的、功能強大的、完美契合的吸引人的方案可能很困難。 但是,您不需要非常有經驗和高超的技能來做到這一點。 即使您是相對較新的人,您仍然可以破解它。 如果您遇到困難或對顏色感到困惑,請充分利用 Internet 上提供的工具。 然而,對於每個設計師來說,在開始實際工作之前了解色彩心理學和理論是非常重要的。 您必須了解每種顏色所涉及的情感和感受,以及消費者對特定顏色的反應。 還需要對色輪和 60-30-10 理論有一個初步的和實際的了解。 通過充分的實驗和多次反複試驗,您可以獲得網站的最佳配色方案。 這種配色方案將是品牌識別和召回價值的重要元素。 有效的網站配色方案負責與訪問者建立情感聯繫。 它可以降低跳出率,從而導致在網站上花費更多時間,從而提高轉化率。 因此,配色方案可以對您的客戶或雇主的品牌和業務產生巨大影響。