視覺設(shè)計 | 如何選擇產(chǎn)品的配色

1 評論 20212 瀏覽 59 收藏 6 分鐘

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

色彩理論基礎(chǔ)

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

不同色彩的意味

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

產(chǎn)品的定位

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

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

一些基本的配色手法

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

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

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

實例分析

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

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

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

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

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

 

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 謝謝你的支持。你的文章已經(jīng)拜讀,挺喜歡四項工作法的。

    來自遼寧 回復(fù)