眾所周知產(chǎn)品經(jīng)理工作涉及面廣，對(duì)整個(gè)產(chǎn)品生命周期的每一個(gè)階段都應(yīng)該有所了解。而產(chǎn)品經(jīng)理對(duì)于產(chǎn)品的配色雖然不需要自己面面俱到的去考慮，但是你得具有相關(guān)得知識(shí)，用相對(duì)專業(yè)得眼光去分析和評(píng)價(jià)一款產(chǎn)品的顏色選擇。最近我閱讀了《網(wǎng)頁(yè)配色》和《解讀色彩》兩本書(shū)，整理之后談?wù)勎覍?duì)產(chǎn)品配色選擇的思考。

色彩理論基礎(chǔ)

• 三原色為：紅，黃，藍(lán)
• 包含了兩種原色的顏色稱為二次色：黃+藍(lán)=綠，藍(lán)+紅=紫，紅+黃=橙
• 在三原色和二次色中：冷色為藍(lán)，綠和紫；暖色為紅，黃和橙
• 色環(huán)中相對(duì)的顏色為互補(bǔ)色，指這兩種顏色用某種比例混合能產(chǎn)生白色：紅綠，橙藍(lán)，黃紫
• 對(duì)比色：在24色相環(huán)上相距120度到180 度之間的兩種顏色
• 色彩包含三個(gè)屬性：色相，明度和飽和度
• 色相指色彩的樣貌，用于區(qū)別不同的色彩，由光的波長(zhǎng)引起的視覺(jué)感。比如紅橙黃綠青藍(lán)紫就是最典型的七種色相
• 明度指色彩的明暗程度，任何一種純度色都有明度特征，比如明度最高的黃色處于光譜中心地位，而明度最低的紫色處于光譜邊緣地位
• 純度指色彩的鮮艷度或強(qiáng)度。加互補(bǔ)色和或者無(wú)色彩顏色可以改變其純度。

不同色彩的意味

• 紅色調(diào)：興奮、精力、熱情、積極、欲望、速度、力量、熱愛(ài)、侵略等
• 橙色調(diào)：親切、開(kāi)朗、活力、精力、平衡、溫暖、熱情、顫動(dòng)、率直等
• 黃色調(diào)：機(jī)智、淘氣、可愛(ài)、注目、享受、幸福、樂(lè)觀、理想主義、想象力、希望、陽(yáng)光
• 綠色調(diào)：溫順、舒坦、服務(wù)、自然、寧?kù)o、健康、希望、智慧、安全
• 青色調(diào)：寧?kù)o、深沉、樸實(shí)、智慧、深遠(yuǎn)、冷靜、沉穩(wěn)、聰明、敏感、銳利
• 藍(lán)色調(diào)：永恒、博大、涼爽、清新、理性、認(rèn)真、誠(chéng)實(shí)、和平、平靜
• 紫色調(diào)：華貴、嫻靜、優(yōu)雅、高貴、神秘
• 黑色調(diào)：莊嚴(yán)、神圣、悲哀、深沉、憂傷、肅穆、神秘、寂靜、壓抑
• 白色調(diào)：純真、樸素、神圣、明快、素雅、明朗
• 灰色調(diào)：正派、誠(chéng)實(shí)、溫和、平凡、中立

產(chǎn)品的定位

了解了一些顏色的基本知識(shí)和意味之后，你就得思考自己的產(chǎn)品定位了，綜合各種因素來(lái)選擇自己的產(chǎn)品配色。比如產(chǎn)品是哪個(gè)領(lǐng)域？這個(gè)領(lǐng)域和什么顏色相關(guān)？我們的風(fēng)格是嚴(yán)肅的還是偏娛樂(lè)的？風(fēng)格活潑還是經(jīng)典？

你要做一個(gè)恐怖類游戲，那么壓抑的黑色加上有跳躍性和強(qiáng)烈的紅色更能產(chǎn)生嚇人一跳的效果；農(nóng)業(yè)銀行顯然和綠色更搭配；新浪，網(wǎng)易這類門(mén)戶網(wǎng)站用鮮艷而顯眼的紅色更加搶眼。

一些基本的配色手法

中間色搭配：確定兩種色相后，可以選擇在色環(huán)中這兩種色相夾著的色相作為補(bǔ)充。這樣整個(gè)色彩風(fēng)格會(huì)趨于和諧。

色相的對(duì)比搭配：對(duì)比色放到一起能產(chǎn)生強(qiáng)烈的互斥感，用來(lái)突出某些部分。分為色相對(duì)比、明度對(duì)比、飽和度對(duì)比、冷暖對(duì)比、補(bǔ)色對(duì)比、色彩和消色的對(duì)比等。

色調(diào)搭配：具有某種相同性質(zhì)（冷暖，明度，飽和度）的色彩搭配到一起。

實(shí)例分析

下面我們來(lái)看看一些公司的圖標(biāo)及網(wǎng)站的配色選擇。

騰訊的圖標(biāo)為黃，紅，綠組成的圓環(huán)中間抱著一個(gè)藍(lán)色的企鵝。包含了三原色，基本是最常用的四個(gè)顏色，代表了自己是一個(gè)綜合的互聯(lián)網(wǎng)公司，有很多業(yè)務(wù)的組成，藍(lán)色放中間也代表自己的主色是藍(lán)色。騰訊網(wǎng)便是藍(lán)色為主色，白色為背景。

再看看谷歌，依次為紅黃藍(lán)綠組成的google字母，而chome瀏覽器和騰訊配色一樣，不過(guò)調(diào)換了一下顏色的位置，中間的企鵝變成了一個(gè)圓。我認(rèn)為谷歌的理念和騰訊相同，包括能生成所有顏色的三原色，代表自己的業(yè)務(wù)大而廣，橫跨眾多領(lǐng)域。

去哪網(wǎng)和攜程都用了藍(lán)色作為自己的主色，能讓人想到天空，大海，自然等，符合自己機(jī)票，旅行的業(yè)務(wù)。

可以看到，京東，天貓，新浪，搜狐，網(wǎng)易，淘寶等等網(wǎng)站均用了紅色和橙色作為自己的圖標(biāo)的主色。顯然是因?yàn)槌壬图t色更容易吸引人的眼球，更醒目。所以，如果產(chǎn)品的領(lǐng)域沒(méi)有和特定的顏色有特別的聯(lián)系，以紅色和橙色為自己的主色是一個(gè)不錯(cuò)的選擇。

本文為作者@殷杰 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理， 未經(jīng)許可，禁止轉(zhuǎn)載。