如何為您的WordPress網站選擇一個

[ad_1]

創建網站有很多大規模的決定,例如選擇託管計劃,確定主題等等。 容易忘記,諸如顏色之類的更多基本元素也對網站的成功起著重要作用。 實際上,為網站選擇配色方案是一個設計步驟,需要仔細考慮。

雖然很少有訪問者會自覺地注意到您網站的顏色(除非您採用特別刺激的方案),但是您使用的陰影會影響人們的體驗。 這主要是因為不同的顏色具有特定的心理影響。 因此,您需要選擇可以有效互補的色相。

為什麼網站的配色方案很重要
網站上互補色使用的示例。

補色和對比色的巧妙使用可以幫助您的網站脫穎而出。

建立新網站時,許多人只是根據喜歡的顏色來設計它。 如果您要創建的是一個簡單的WordPress個人博客,則此方法很好。 但是,如果您希望通過網站來實現特定目標,則需要多加考慮。

以下是為網站選擇配色方案很重要的一些原因:

  • 以令人愉悅的方式相互補充和/或形成對比的顏色可改善您使用網站的體驗。
  • 不同的顏色具有特定的含義和心理影響。 這意味著您可以使用它們來幫助人們以某種​​方式感覺或思考。
  • 使用顏色為您的號召性文字(CTA)提供故意的對比可以幫助增加轉化次數。 多個案例研究發現,某些顏色對比在轉換率增加(從10%到50%以上)中起著重要作用。

如果您是設計師或藝術家,為您的網站選擇有效的配色方案可能很簡單。 但是,如果您不是這樣,則可能無法確定哪種配色方案最能滿足您的需求。 在本文的其餘部分,我們將介紹一些重要的因素,在為您的網站選擇最佳配色方案時要牢記。

如何為網站選擇配色方案(3個步驟)

確定正確的配色方案不一定是一個複雜的過程。 只需要一點研究和正確的工具。 以下步驟將引導您完成為網站選擇配色方案的過程。

首先,讓我們使用WordPress Customizer解決可以對WordPress網站的配色方案做出的最基本的更改。 在控制台中訪問外觀>自定義,然後選擇顏色標籤:

在WordPress定製程序中更改網站的配色方案。

根據您的主題,此處的選擇會有所不同。 現在,我們已經安裝了二十七個主題,並且可以將基本顏色方案從淺色更改為深色,並編輯標題文本的顏色。 我們還可以通過選擇特定的顏色來創建自定義方案。

快速,輕鬆地進行這些更改的功能很有幫助。 但是,如果您想更好地控制網站的外觀,則必須從頭開始為網站建立配色方案。 讓我們討論一下現在如何做。

步驟1:為您的網站選擇原色

一個使用淺色的網站。

以白色為主的配色方案帶來清潔和高效的感覺。

在採用完整的配色方案之前,先進行一些基礎設置會有所幫助。 這意味著為您的站點選擇一種主要顏色-最主要使用的陰影。

如果您已經為企業或組織建立了強大的品牌形象,通常最好在網站上突出使用品牌的原色。 這將有助於提高您的品牌知名度,並在在線和離線兩種情況下建立一致性。

但是,如果沒有要設置的顏色,則可以在某種顏色心理的幫助下選擇一種。 研究表明,人們已經預先確定了與特定顏色的關聯。 這意味著您可以使用網站上的原色來喚起特定的想法和感受。

例如,以下是一些最常見的顏色及其關聯:

  • 白色:精緻,高效,清潔。
  • 黑色:魅力,安全,力量。
  • 藍色:信任,開放,冷靜。
  • 綠色:平衡,增長,財務。
  • 紅色:溫暖,興奮,青春。
  • 紫羅蘭色:浪漫,神秘,品質。

這意味著您需要仔細考慮您希望網站對訪問者產生的影響。 您想讓他們感到平靜和放鬆嗎? 您可能希望選擇藍色作為原色。 另一方面,如果您想吸引年輕的觀眾並使他們興奮,則紅色可能是一個更好的選擇。 一旦確定了網站的原色,就可以繼續執行下一個任務。

步驟2:選擇配色方案

一些網站可以在設計中使用單色。 但是,在大多數情況下,您至少需要使用一些陰影。 為了確保您選擇的顏色搭配得很好,可以使用基本的配色方案。

如果您有可以幫助您的工具,則選擇配色方案會容易得多。 例如,您可以查看Adobe的色輪工具。 該站點使您可以選擇一種配色方案,並根據該方案查找特定的顏色。

讓我們從Adobe最基本的默認配色方案選項開始:模擬。 通過這種方案,您將獲得一些非常相似的顏色。 在Adobe的色輪工具中,您可以單擊中間的選擇器並將其拖動到上一步中選擇的主要顏色:

類似配色方案的示例。

該工具將提供四種其他顏色,以補充您的主要陰影。 您可以通過拖入和拖出選擇器來使它們更亮或更暗。 輪子下方的顏色托盤還將提供每種顏色的特定十六進位代碼,因此您可以在自己的站點上輕鬆使用它們。

如果您希望站點的設計傳達簡潔和高效的感覺,則類比是一種有用的配色方案。 但是,如果您想要更多的「流行音樂」怎麼辦? 在這種情況下,請查看互補色方案:

補色方案的示例。

這將向您顯示與主陰影完全相反的顏色,如果要創建鮮明的對比,這很有用。 對於這種效果的更極端版本,可以使用Triad配色方案:

三合會配色方案的示例。

如果您正在尋找一些對比鮮明的顏色,但希望使用兩個或三個以上的選項,則「複合」配色方案是一個不錯的中間立場:

複合配色方案的示例。

隨意嘗試所有可用的配色方案,直到獲得所需的結果。 您還可以嘗試其他很多色輪站點。 使用這種工具的好處是,無論您選擇哪種顏色,都可以相互補充。

步驟3:使用您選擇的顏色設計網站

一旦可以使用幾種顏色,剩下的就是在您的站點上實際使用它們了。 我們不想確切說明應該如何執行此操作,因為您希望自己的網站具有自己的獨特設計。 但是,您可以遵循一些準則來產生最有吸引力的結果。

首先,您需要確定在哪裡使用原色。 這將是整個網站中的主要陰影,因此最好將其用於突出的元素,例如標題,背景或標題文本。 作為一個直觀的示例,請查看這個致力於藝術家Gustav Klimpt的網站如何在背景和網站標題中使用其主要的深藍色:

古斯塔夫·克里姆特(Gustav Klimt)的網站。

保留原色後,您可以對其他元素使用互補色,例如菜單,較低級別的標題等。 技術公司MUV Interactive有效地使用了類似的綠色和藍色陰影來營造出誘人的外觀:

MUV Interactive網站。

最後,不要忘記對比色。 應謹慎使用這些文件,並有一定目的-通常是為了突出重要的CTA。 網站Mix The City完美地展示了這一點,它採用了亮黃色的CTA按鈕,與其他深色設計明顯不同:

Mix The City網站。

網站上有許多具有令人驚嘆的配色方案的示例,您可以在設計過程中將其用作靈感。 這可能需要一些時間,並且需要進行一些嘗試才能使顏色正確,但是最終結果將值得您付出努力。

結論

顏色在您的網站設計中扮演的角色不容小under。 通過仔細選擇您在網站上使用的顏色,您可以影響訪問者的感覺以及他們與您的內容和品牌的關聯。 您甚至可以使用對比色故意將注意力吸引到頁面上的關鍵元素上。

幸運的是,您不必成為設計師即可為網站選擇有效的配色方案。 您需要做的就是遵循以下三個步驟:

  1. 選擇您網站的原色。
  2. 使用色輪工具選擇一種配色方案。
  3. 使用您選擇的顏色設計網站。
相關文章