配色難？不如試試根據品牌顏色來配

今天分享的是小夥伴雲門教室蘇州館《愛自己，抒解隱形壓力，大人小孩都可以這樣做...... 》，編者在排版上採用統一版式，而就正文配色來說，綠色也更讓人在閱讀體驗上有著舒適的感覺，同時也契合了主題內容與企業形象；所以，今天我們就來聊聊如何根據企業形象來配色：

版式參考

全局設置背景色

有好多小夥伴在對於文章配色方案上舉棋不定，這裡告訴你一個好方案：如果你的公眾號還沒有確定好排版風格，可以通過截取自己企業logo的色調來作為文章的配色方案參考，以便形成獨有的風格，同時還可以樹立企業形象，一舉兩得。

雲門教室的logo底色為綠色，一般情況下，綠色表達舒緩、平靜、安穩，在表達本篇文章上色調上是正好適合的；所以我們不妨將綠色作為文章的整體色調，然後可以根據這一色調來選擇我們所需要的配色方案：

然後，我們可以從這個logo上取色，rgb(0, 168, 95)，編者在一開始給文章設置了全局背景色，如果我們給文章設置這個顏色的話，我們可以先看下效果：

有沒有感覺有點奇怪，再加上文字顏色的緣故，閱讀體驗不太好；或者我們也可以將文字換成其他顏色，這塊是ok，但整體效果依然不太好：

所以，為能達到很好的閱讀視覺效果，能夠表達平靜、舒適的感覺，我們將它調為淺色：

點擊編輯區域右邊的布全局設置按鈕，在彈出的工具條中點擊設置背景的按鈕，在調色板上點擊右下角的+號，然後在色彩區域中，拖動調為淺色；再點擊使用應用這個顏色（如果不確定使用什麼樣的，可以多試幾次）：

GIF/806K

背景色的相關應用方式可以點擊這個教程來了解：

如何設置內容的背景

正文中配色方案

在確定好文章的主基調配色後，接下來我們需要確定正文內容的配色方案；因為文章背景我們是設置的淺色，那麼在正文中的顏色，一定要比背景色深，這樣有對比性，也同樣利於閱讀視覺效果；但一篇文章中配色不能過多，要達到平衡；當然也可以通過不同模板，來達到視覺上的效果：

文章中開篇使用的卡片，是一個對話框；我們可以將最靠近背景的設置為綠色，同樣是可以通過拖動調色板的色彩區域，來調整顏色的。在這裡編者是先選用顏色，然後又調整了顏色透明度：

GIF/742K

然後編者在卡片上搭用黑色，但並沒有干擾視覺，注意力更能集中在文字上，同時也產生了很好的藝術效果：

如果你有注意到之前取色的步驟，先取色，然後調整透明度；設置透明度之前的顏色，就被編者同樣選為了文章的其中一種配色，用在了後面的內容中：

這樣文章的配色方案就基本能確定了，不同層次上的綠色，從而產生一種節奏；而在後文中，編者將這種節奏做了幾次反覆，賦予了文章配色方案帶有規律性的變化。

比如在下面的內容中，你就能感受到這種節奏的變化；編者並沒有繼續大面積使用這兩種綠色，把握了一個度，卻不容忽視：

如想了解調色板的更多設置，請點擊下面這個教程：

認識調色板

文章格式參數

標題字型大小

16

正文字型大小

14

文字間距

2.0倍

標題樣式1

請輸入文字

配色方案

標題

rgba(71, 193, 168, 0.26)

正文

rgb(62, 62, 62)

背景色

rgb(230, 252, 247)

其他配色參考

rgb(71, 193, 168)

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！