讀《每天懂一點(diǎn)色彩心理學(xué)》
互聯(lián)網(wǎng)項(xiàng)目實(shí)施過(guò)程中,作為擔(dān)任項(xiàng)目負(fù)責(zé)人角色的如策劃、產(chǎn)品經(jīng)理、項(xiàng)目經(jīng)理等都需要將需求建立原型,將原型轉(zhuǎn)化文檔,作為UI和開發(fā)的交付物。其中最容易而引起口舌之爭(zhēng)的則是界面元素的風(fēng)格、色調(diào)、用色等統(tǒng)稱UI設(shè)計(jì)上,引起這類紛爭(zhēng)一方面各項(xiàng)目相關(guān)人在產(chǎn)品出爐之前都會(huì)在大腦中各有不同的理想定型,千人千界面;而另一方面則是由于項(xiàng)目負(fù)責(zé)人向UI設(shè)計(jì)師風(fēng)格表述不清晰而引起的。因此項(xiàng)目負(fù)責(zé)人多了解點(diǎn)顏色,學(xué)會(huì)向項(xiàng)目各相關(guān)人正確表達(dá)傳播顏色,以此減少多方磨合提高迭代效率是大有裨益的。帶著這個(gè)目的阿石讀了日本原田玲仁寫的《每天懂一點(diǎn)色彩心理學(xué)》 ,并將其列入“產(chǎn)品策劃與設(shè)計(jì)”的豆列當(dāng)中作為項(xiàng)目負(fù)責(zé)人的參考讀物。下面是我對(duì)這本書的梳理和心得體會(huì),給大家做個(gè)分享。
從中學(xué)的物理知識(shí)我們知道了三原色或三基色(紅、綠、藍(lán)),這只是千千萬(wàn)萬(wàn)之三的顏色基本品種,大多數(shù)人包括自己對(duì)色彩的究竟是什么、色彩有哪些要素組成的這些問(wèn)題若是刨根問(wèn)底來(lái)也會(huì)是解釋的不清不楚。從亞里士多德的“非白光則不純凈”的哲學(xué)觀到牛頓的“三棱鏡實(shí)驗(yàn)”了解光的七色光譜組成、再到芒塞爾對(duì)色彩建立體系兵對(duì)色彩賦以數(shù)值定義,人類對(duì)色彩的認(rèn)識(shí)與運(yùn)用也是從樸素的哲學(xué)思想走向現(xiàn)代大規(guī)模工業(yè)化的進(jìn)程。
1、色彩的三要素
色相:通常所說(shuō)的“紅色、藍(lán)色、黃色、綠色”,說(shuō)的其實(shí)是色彩的色相,一種顏色區(qū)別于另一種顏色的表象特征
明度:色彩的明亮的程度,明度最高的是白色(亮)、最低的是黑色(暗)。
彩度:色彩的鮮艷程度,彩度最高的是純色,最低是灰色
著名的芒塞爾值(munsell value)就是用上面的色彩三要素加以數(shù)值表達(dá)的,即
芒塞爾值=? 色相 明度/彩度 Hue Value/Chrome(H V/C)
在項(xiàng)目碰頭會(huì)、頭腦風(fēng)暴會(huì)上,色調(diào)是出現(xiàn)機(jī)率最高的詞匯。色調(diào)其實(shí)是色彩明度和彩度的綜合用語(yǔ)。例如某某需求人說(shuō)“色調(diào)太艷了,調(diào)暗些”,其實(shí)他所表達(dá)的完整意思是“把色彩的彩度降低、把色彩的明度調(diào)暗些”,我們不能強(qiáng)求需求人完美表達(dá)色彩的具體,但作為項(xiàng)目負(fù)責(zé)人則有責(zé)任將需求人的意思細(xì)化并記錄下來(lái)。
2、色彩的衍生屬性
由于人類接收信息源最大的通道是眼睛視覺,人類通過(guò)視覺觀察外界物體、自然現(xiàn)象,至少有80%以上的外界信息經(jīng)視覺獲得,而色覺是視覺的重要組成?,人們對(duì)一個(gè)物件顏色的感知甚至?xí)?duì)扭曲物件的其他固有屬性。
1)?? 色彩使時(shí)間變得更快或變慢
愛因斯坦在解釋他的相對(duì)論時(shí)曾舉例美女使時(shí)間變快,我們?cè)陧?yè)面設(shè)計(jì)時(shí)也可以將其應(yīng)用到色彩當(dāng)中來(lái),如果希望頁(yè)面吸引用戶瀏覽、希望用戶多在頁(yè)面停留哪怕一秒鐘,可以用讓人冷靜清爽的藍(lán)色調(diào)作為主背景,這一般見于電子商務(wù)網(wǎng)站的首頁(yè),因?yàn)槭醉?yè)是網(wǎng)站頁(yè)面最大的導(dǎo)航和信息架構(gòu)圖,我們希望用戶冷靜的通過(guò)一個(gè)頁(yè)面就可以了解我們網(wǎng)站的業(yè)務(wù)和服務(wù);如果希望用戶快進(jìn)快走、希望用戶跳轉(zhuǎn)到目的頁(yè)面,建議實(shí)用讓人熱血沸騰的紅色調(diào)作為主背景,這一般見于電子商務(wù)網(wǎng)站的營(yíng)銷廣告頁(yè),因?yàn)槲覀兿M脩艨吹綇V告頁(yè)后點(diǎn)擊進(jìn)入產(chǎn)品詳情頁(yè)迅速下單;
2)色彩使物體變得更重或更輕
色彩本身是沒有重量的,只是不同的顏色會(huì)扭曲人們對(duì)物件重量的預(yù)期,如同等大小的箱子,在未搬動(dòng)之前,黑色的箱子預(yù)期就是比白色的箱子重些。網(wǎng)頁(yè)是總會(huì)有頭重腳輕的感覺,因?yàn)榫W(wǎng)站的設(shè)計(jì)者總是考慮第一印象是很重要的,所以會(huì)在網(wǎng)頁(yè)首屏對(duì)色彩的色相、明度、彩度用的強(qiáng)一些以此來(lái)吸引用戶,而對(duì)頁(yè)面最底部頁(yè)腳部分色彩就會(huì)低一些,甚至只是一些文字鏈。
3)色彩使得空間變得更大或更小
同一塊物件的面積、體積也會(huì)不同的因?yàn)轭伾牟煌憩F(xiàn)各異。色彩的明度影響面積大小的感知,色彩的彩度影響體積胖瘦的感知。這一點(diǎn)表現(xiàn)在網(wǎng)站組件交互設(shè)計(jì)中。QQ會(huì)員“開通會(huì)員按鈕”鼠標(biāo)劃過(guò)前是暗紅色背景,鼠標(biāo)停留時(shí)將明度提高,暗紅色變?yōu)轷r紅色,按鈕變亮面積變大的同時(shí),突兀的按鈕因?yàn)槭髽?biāo)停留待點(diǎn)擊變得更加矮小,這種感覺暗合了平時(shí)用戶生活習(xí)慣(例如電腦開機(jī)電源開關(guān))。而豆瓣對(duì)文字鏈的交互處理更為細(xì)膩,鼠標(biāo)劃過(guò)前是無(wú)底藍(lán)色,鼠標(biāo)停留時(shí)是藍(lán)底白字、點(diǎn)擊時(shí)是橙底白字,點(diǎn)擊后是漸變?yōu)闊o(wú)底黑字。
3 、色彩心理學(xué)與用戶偏好
由于世界各地的緯度不同而陽(yáng)光照射不一樣、各自文化歷史宗教發(fā)展各異以及空氣散射程度不同,影響了每個(gè)民族、地區(qū)乃至國(guó)家代表顏色的偏好。細(xì)化到個(gè)人、企業(yè),每個(gè)人都會(huì)有自己喜好的顏色,而且隨著年齡增長(zhǎng)、環(huán)境變遷還換更換自己的偏好色;每個(gè)企業(yè)都會(huì)注重企業(yè)形象的視覺表達(dá),而且隨著業(yè)務(wù)拓展、戰(zhàn)略定位重新規(guī)定自己的品牌色(例如蘋果這樣的工業(yè)化設(shè)計(jì)產(chǎn)品)。色彩的選擇與用戶的性格總是有種某種對(duì)應(yīng)關(guān)系,因此通過(guò)調(diào)查色彩偏好我們就會(huì)了解用戶偏好、需求取舍,乃至企業(yè)文化。
1)喜歡那些暖色調(diào)的用戶性格
紅色:外向型、熱情而正義,紅色因?yàn)槠湓谥袊?guó)歷史、政治的特殊地位更更具有象征意義,如喜慶、革命,例如京東、紅孩子
橙色:有競(jìng)爭(zhēng)力、活動(dòng)力強(qiáng),從不認(rèn)輸,淘寶倒立者贏
黃色:幽默、工作能力強(qiáng),黃帝老子的專享色,QQ黃鉆尊貴特權(quán)
2 )中意那些冷色調(diào)的用戶性格
綠色:自然、和平、有社會(huì)責(zé)任感,環(huán)保意識(shí)強(qiáng),到安居客找房、大家應(yīng)該見識(shí)豆瓣豆油憤青、拍磚的厲害吧
藍(lán)色:禮貌、謙虛、協(xié)調(diào)能力強(qiáng),給人以穩(wěn)重、可靠的感覺,例如財(cái)付通
灰色:有教養(yǎng)、知識(shí)豐富,蘋果官網(wǎng)所要塑造的氣氛
4、色彩學(xué)習(xí)小結(jié)
以上是結(jié)合《每天懂一點(diǎn)色彩心理學(xué)》知識(shí)與平時(shí)網(wǎng)站策劃工作經(jīng)驗(yàn)所作的一個(gè)整理,作為項(xiàng)目的推動(dòng)角色或產(chǎn)品設(shè)計(jì)的靈魂人物,對(duì)產(chǎn)品不能光有骨架式的產(chǎn)品原型設(shè)計(jì),還應(yīng)有賦予產(chǎn)品血與肉的設(shè)想、乃至規(guī)定。其實(shí)色彩心理學(xué)的應(yīng)用范圍遠(yuǎn)遠(yuǎn)不止與網(wǎng)站,例如著裝打扮、會(huì)議交際、甚至減肥都有色彩心理學(xué)應(yīng)用的實(shí)踐案例,如有興趣就請(qǐng)進(jìn)入這本書的講解吧,每天哪怕懂一點(diǎn)。
來(lái)源:http://www.ashnotes.com/color-psychology/
- 目前還沒評(píng)論,等你發(fā)揮!