眾所周知產品經理工作涉及面廣,對整個產品生命周期的每一個階段都應該有所了解。而產品經理對於產品的配色雖然不需要自己面面俱到的去考慮,但是你得具有相關得知識,用相對專業得眼光去分析和評價一款產品的顏色選擇。最近我閱讀了《網頁配色》和《解讀色彩》兩本書,整理之後談談我對產品配色選擇的思考。

色彩理論基礎

  • 三原色為:紅,黃,藍
  • 包含了兩種原色的顏色稱為二次色:黃+藍=綠,藍+紅=紫,紅+黃=橙
  • 在三原色和二次色中:冷色為藍,綠和紫;暖色為紅,黃和橙
  • 色環中相對的顏色為互補色,指這兩種顏色用某種比例混合能產生白色:紅綠,橙藍,黃紫
  • 對比色:在24色相環上相距120度到180 度之間的兩種顏色
  • 色彩包含三個屬性:色相,明度和飽和度
  • 色相指色彩的樣貌,用於區別不同的色彩,由光的波長引起的視覺感。比如紅橙黃綠青藍紫就是最典型的七種色相
  • 明度指色彩的明暗程度,任何一種純度色都有明度特徵,比如明度最高的黃色處於光譜中心地位,而明度最低的紫色處於光譜邊緣地位
  • 純度指色彩的鮮艷度或強度。加互補色和或者無色彩顏色可以改變其純度。

不同色彩的意味

  • 紅色調:興奮、精力、熱情、积極、慾望、速度、力量、熱愛、侵略等
  • 橙色調:親切、開朗、活力、精力、平衡、溫暖、熱情、顫動、率直等
  • 黃色調:機智、淘氣、可愛、注目、享受、幸福、樂觀、理想主義、想象力、希望、陽光
  • 綠色調:溫順、舒坦、服務、自然、寧靜、健康、希望、智慧、安全
  • 青色調:寧靜、深沉、樸實、智慧、深遠、冷靜、沉穩、聰明、敏感、銳利
  • 藍色調:永恆、博大、涼爽、清新、理性、認真、誠實、和平、平靜
  • 紫色調:華貴、嫻靜、優雅、高貴、神秘
  • 黑色調:莊嚴、神聖、悲哀、深沉、憂傷、肅穆、神秘、寂靜、壓抑
  • 白色調:純真、樸素、神聖、明快、素雅、明朗
  • 灰色調:正派、誠實、溫和、平凡、中立

產品的定位

了解了一些顏色的基本知識和意味之後,你就得思考自己的產品定位了,綜合各種因素來選擇自己的產品配色。比如產品是哪個領域?這個領域和什麼顏色相關?我們的風格是嚴肅的還是偏娛樂的?風格活潑還是經典?

你要做一個恐怖類遊戲,那麼壓抑的黑色加上有跳躍性和強烈的紅色更能產生嚇人一跳的效果;農業銀行顯然和綠色更搭配;新浪,網易這類門戶網站用鮮艷而顯眼的紅色更加搶眼。

一些基本的配色手法

中間色搭配:確定兩種色相后,可以選擇在色環中這兩種色相夾着的色相作為補充。這樣整個色彩風格會趨於和諧。

色相的對比搭配:對比色放到一起能產生強烈的互斥感,用來突出某些部分。分為色相對比、明度對比、飽和度對比、冷暖對比、補色對比、色彩和消色的對比等。

色調搭配:具有某種相同性質(冷暖,明度,飽和度)的色彩搭配到一起。

實例分析

下面我們來看看一些公司的圖標及網站的配色選擇。

騰訊的圖標為黃,紅,綠組成的圓環中間抱着一個藍色的企鵝。包含了三原色,基本是最常用的四個顏色,代表了自己是一個綜合的互聯網公司,有很多業務的組成,藍色放中間也代表自己的主色是藍色。騰訊網便是藍色為主色,白色為背景。

再看看谷歌,依次為紅黃藍綠組成的google字母,而chome瀏覽器和騰訊配色一樣,不過調換了一下顏色的位置,中間的企鵝變成了一個圓。我認為谷歌的理念和騰訊相同,包括能生成所有顏色的三原色,代表自己的業務大而廣,橫跨眾多領域。

去哪網和攜程都用了藍色作為自己的主色,能讓人想到天空,大海,自然等,符合自己機票,旅行的業務。

可以看到,京東,天貓,新浪,搜狐,網易,淘寶等等網站均用了紅色和橙色作為自己的圖標的主色。顯然是因為橙色和紅色更容易吸引人的眼球,更醒目。所以,如果產品的領域沒有和特定的顏色有特別的聯繫,以紅色和橙色為自己的主色是一個不錯的選擇。

 

本文為作者@殷傑 原創發佈於人人都是產品經理, 未經許可,禁止轉載。