新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)


          Warning: Invalid argument supplied for foreach() in /data/cxweb/www/gupowang.com/public/article/view.html on line 71
          6年前

          【作者】琛姐

          【來(lái)源】草莓學(xué)堂

          【編輯】善小倩

           

          大部分新媒體運(yùn)營(yíng)人員可能忽視了色彩的重要性,但事實(shí)是,Logo、二維碼、文中標(biāo)題、正文、海報(bào)等,大量地方都會(huì)用到色彩,更重要的是,從視覺感受的先后順序來(lái)看,色彩會(huì)先于文字被用戶感受到,形成對(duì)品牌的第一印象。

           

          那么,如何選擇色彩并科學(xué)地進(jìn)行搭配呢?

           

          如何選擇主色調(diào)?

           

          色彩搭配的第一步是選擇主色調(diào)(也叫色相),色彩的意義在于展現(xiàn)品牌內(nèi)涵和產(chǎn)品特征,所以,我們能看到市面上大部分的成功品牌都是有主色調(diào)的,甚至,一提起品牌名,你就會(huì)想起它們的顏色,比如,可口可樂是紅色的,百事可樂是藍(lán)色的,麥當(dāng)勞是金色的,蒂芙尼是藍(lán)色的(沒錯(cuò),就是有名的“蒂芙尼藍(lán)”)。

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

          蒂芙尼藍(lán)

           

          定位之父特勞特稱之為品牌的“視覺錘”,新媒體在某種程度上是品牌“視覺錘”的延伸,理所當(dāng)然,應(yīng)該延續(xù)品牌的主色調(diào)

          如果還沒有確定品牌主色調(diào),可以參照以下 2 個(gè)步驟進(jìn)行選擇:

          首先,要知道有多少種顏色。

          我們?cè)谛W(xué)的美術(shù)課上或許就聽說(shuō)過(guò)紅、黃、藍(lán) 3 原色,但為什么叫 3 原色呢?因?yàn)檫@ 3 種顏色可以混合組成任意其它顏色,但沒有其它顏色可以混合得到它們。所以說(shuō),它們是最原始的顏色,簡(jiǎn)稱“原色(Primary Colors)”。

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          3 原色兩兩疊加,可以得到橙、紫、綠 3 間色(Secondary Colors)。我們最熟悉的就是“藍(lán)+黃=綠”。

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          同樣的道理,繼續(xù)疊加相鄰的 2 種顏色,可以得到 6 種新的顏色,因?yàn)槭堑谌委B加得到,所以被稱為三級(jí)色(Tertiary Colors)。這樣,一個(gè)基本的 12 色色環(huán)就形成了:

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          依此類推,不斷疊加,我們可以得到無(wú)數(shù)種顏色,在 PPT 的顏色面板中,提供了 255 種色調(diào),調(diào)節(jié)色調(diào)欄中的數(shù)字(0~255)就可以得到對(duì)應(yīng)的色調(diào),也可以直接在矩形顏色框中從左至右移動(dòng)色標(biāo)進(jìn)行選擇(如黑色箭頭所示)。

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          然后,要明白不同色彩蘊(yùn)含不同的意義。

          在 12 色色環(huán)中,從紅色順時(shí)針旋轉(zhuǎn)到黃色的區(qū)域?qū)儆谂鄬?duì)的部分屬于冷色:

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          暖色在自然界中常見于陽(yáng)光、火焰、血液等,讓人感覺到溫暖和活力。對(duì)應(yīng)的關(guān)鍵詞有感性、歡樂、喧鬧、熱情、女性化等。

          比如,情感類自媒體,大都是以紅、黃等為主的暖色系(HUGO 的主色彩偏冷,但在封面中用了紅、黃等暖色調(diào)和):

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          打女性用戶的時(shí)尚類自媒體也非常喜歡紅色:

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          同樣的選色邏輯在美妝類自媒體中也適合:

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          冷色在自然界中常見于海洋、天空、植物等,讓人感覺到清新和寧?kù)o。對(duì)應(yīng)的關(guān)鍵詞有理性、自然、安靜、內(nèi)斂、男性化等。

          比如,金融理財(cái)類自媒體就更適合藍(lán)、綠等冷色系:

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          除了冷暖的差異外,不同國(guó)家,不同文化也給顏色賦予了不同的意義。比如,中國(guó)人喜歡紅色,覺得喜慶;日本人喜歡淡雅的色調(diào),比如茶色;巴西人則不喜歡暗茶色,認(rèn)為其象征著死亡。

          如何確定風(fēng)格?

           

          主色調(diào)并不能確定風(fēng)格,因?yàn)橥簧{(diào)可以通過(guò)增加黑色和白色(改變亮度),或者增加灰色(改變飽和度),形成完全不同的風(fēng)格。添加的白色越多,給人的感覺越清新、天真、樸實(shí);添加的黑色越多,給人的感覺越穩(wěn)重、成熟、厚重。

           

          1.純色:亮麗風(fēng)格

          純色(飽和度 = 255)是指不混雜黑色或白色的色調(diào),是所有色調(diào)中最鮮艷,最吸引眼球的色調(diào),也就是 PPT 文字顏色中的標(biāo)準(zhǔn)色:

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          高飽和度的純色常見于兒童產(chǎn)品(因?yàn)閮和瘜?duì)色彩的認(rèn)知有限,使用高飽和度色彩能方便兒童識(shí)別)和老年產(chǎn)品(因?yàn)槔先藗兡贻p時(shí),社會(huì)流行的是純色,相對(duì)于年輕人,老人很難改變已經(jīng)形成的認(rèn)知)。

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          但大面積使用純色,會(huì)給人俗氣的感覺,為什么呢?

          因?yàn)槲镆韵橘F,顏色也不例外。在人工染料出現(xiàn)以前,人們只能從自然界中提取染料,飽和度越高的顏色越難提取,所以那時(shí)候,只有皇室貴族才能穿鮮艷的衣服,普通百姓只能穿“素衣”。但人工染料出現(xiàn)后,高飽和顏色的制作變得非常便宜和簡(jiǎn)單,開始廣泛流行起來(lái),所以顯得俗氣了。

          在品牌領(lǐng)域也是類似的道理,為了吸引眼球,大量品牌使用高飽和度色作為品牌主色,導(dǎo)致高飽和度配色泛濫,自然顯得俗氣了。所以近年來(lái),很多品牌為了讓自己顯得高級(jí)一些,刻意降低品牌色彩的飽和度:

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          2.加入白色:清新風(fēng)格

          因?yàn)樯厦嫣岬降脑颍梢赃x擇在純色中加入白色,整體風(fēng)格會(huì)顯得比較清新、有質(zhì)感,有助于提升整體逼格。比如,大部分的時(shí)尚、文藝類自媒體都是這種配色:

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          3.加入灰色:古樸風(fēng)格

          在純色中加入灰色,就形成了古樸風(fēng)格。這種風(fēng)格比較適合于有復(fù)古需求的自媒體,比如,公眾號(hào)“局部氣候調(diào)查組”就大量地添加灰色:

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          無(wú)印良品的“性冷淡風(fēng)”也屬于類似的風(fēng)格:

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          4.加入黑色:深沉風(fēng)格

          在純色中加入黑色,就形成了比較個(gè)性化的深沉風(fēng)格。主打深度內(nèi)容的自媒體比較適合這種風(fēng)格,比如深度心理學(xué)公眾號(hào) KnowYouself 就是以暗色系為主:

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          如何利用配色增強(qiáng)視覺效果?

          確定了主色調(diào)和風(fēng)格,我們需要考慮的是,如何配色?

          配色非常復(fù)雜,對(duì)于小白來(lái)說(shuō),最簡(jiǎn)單的方法就是使用“單一顏色+黑白灰”,雖然有點(diǎn)乏味,但肯定不會(huì)犯錯(cuò)誤。關(guān)注琛姐比較久的童鞋也會(huì)發(fā)現(xiàn),“草莓學(xué)堂”也是采用單一顏色的配色方案。

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          掌握了單一配色技巧的童鞋可以進(jìn)一步嘗試多種配色方案,以達(dá)到增強(qiáng)視覺效果的目的。常見的配色方案有:互補(bǔ)色搭配、三角形搭配、矩形搭配等等,使用專業(yè)的工具即可輕松找到專業(yè)的搭配方案(需要的童鞋可以點(diǎn)擊公眾號(hào)草莓學(xué)堂文末的閱讀原文,查看專業(yè)配色工具 Color Scheme Designer)。

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

          如何通過(guò)色彩引導(dǎo)閱讀?

           

          1.清晰易讀,顏色不能太多

          正文部分的顏色搭配,首先需要特別注意的就是清晰易讀,在保證辨識(shí)度的前提下,正文部分盡量采用較低飽和度的顏色,對(duì)眼睛的刺激小,會(huì)更適合長(zhǎng)時(shí)間閱讀,比如:

          #595959 顏色的字比 #000000 顏色的字看起來(lái)更舒服。

          淡紅色背景比大紅色背景看起來(lái)更舒服。

          此外,顏色不能超過(guò) 3 種,否則就會(huì)顯得混亂:

          紅色黃色藍(lán)色綠色,放在一起,會(huì)有多亂,你看見了吧!

           

          2.利用強(qiáng)調(diào)色突出重點(diǎn)內(nèi)容

          在統(tǒng)一大面積文字顏色的前提下,把需要強(qiáng)調(diào)的內(nèi)容用強(qiáng)對(duì)比色進(jìn)行突出,這個(gè)對(duì)比可以是色相的對(duì)比

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

           

          具體利用哪 2 種顏色進(jìn)行對(duì)比,可以利用互補(bǔ)配色的原則,選擇色環(huán)中處于對(duì)立位置的顏色進(jìn)行配對(duì)(這樣的色相對(duì)比效果是最強(qiáng)的),比如上圖中的藍(lán)色和黃色的對(duì)比,就符合互補(bǔ)配色原則:

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

          也可以是明度的對(duì)比(黑白是明度對(duì)比最大的顏色):

           

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí)

          小結(jié)

          新媒體運(yùn)營(yíng)必須知道的色彩搭配常識(shí):

          1. 根據(jù)品牌內(nèi)涵選擇主色調(diào);
          2. 適當(dāng)添加黑、白、灰,確定風(fēng)格;
          3. 根據(jù)單色搭配、互補(bǔ)搭配等原則,進(jìn)行色彩搭配;
          4. 保證內(nèi)容清晰易讀,重點(diǎn)突出。
          收藏

          {{favCount}}

          個(gè)人收藏

          投稿請(qǐng)戳這里!投稿
          0

          次分享

          文章評(píng)論(0)

          {{ user.nickname }}
          發(fā)表評(píng)論
          登錄 進(jìn)行評(píng)論
          加載更多 正在加載中... 沒有更多了