設計師科學配色需要這樣思考
設計師科學配色需要這樣思考-移動閱讀二維碼

usidc-sleep-2016101410Kana:“為什么一定要用這個顏色?”、“這幾個顏色有差別嗎?為什么要設定這么多色值???”、“這個顏色只是你的個人感覺,每個人的感受都不一樣,都因人而異的,我就覺得這個不太合適”…今天這篇總結了設計師在用色前需要思考的幾個方向,幫你輕松應對這些問題!

歡迎關注點融設計中心DDC微信公眾號(微信ID:DR_DDC)

在我們(視覺設計師)的日常工作中,是否時常會有這些問題圍繞在我們身邊?場景常是,問題襲來,我們欲言又止或者很難簡單快速解釋這些問題,繼而要么是簡單粗暴的說一個理由或給予許多空蕩蕩的專業術語,但對方聽后,貌似還是不太明白也不認同,最終…好像還是歸于原點(深深的無力感與空虛襲來,真想來個葛優躺….)。

用色三思

1. 根據色彩自身特性決定的

我們先理解一下什么是物體本身的性質即顏色。

神經學家Beau Lotto在TED“錯覺中的視覺真相”中講述了生命系統對光線產生的顏色這一感應能力的重要性,顏色幫助我們根據物體表面反射的光譜分辨其外觀的不同,起到保護的作用。

我們看下面這張圖,這張圖通過表面反射光線的量來看,你看到什么?

usidc-sleep-2016101420

那我們再根據表面反射光線的性質來看,你看到了吧~

usidc-sleep-2016101421

這就是物體表面反射光線的性質(即顏色)的重要作用。每一個物體都有屬于自己的顏色,而顏色會給人的感覺帶來巨大的影響。如下面這個實驗:

請兩個人,讓其中一人進入粉紅色壁紙、深紅色地毯的紅色系房間,讓另外一人進入藍色壁紙、藍色地毯的藍色系房間。不給他們任何計時器,讓他們憑感覺在一小時后從房間中出來。結果,在紅色系房間中的人在40~50分鐘后便出來了,而藍色系房間中的人在70~80分鐘后還沒有出來。被測人說,這是因為紅色的房間讓人覺得不舒服,所以感覺時間特別漫長。確實有這個原因,但也不盡然。最主要的原因是人的時間感會被周圍的顏色擾亂。

每一種顏色都有大自然給予其自身的特性,那么在我們的日常工作中,就需要了解產品定位以及各色彩特性,思考期望給予用戶怎樣的感受,繼而選擇合適的色彩。

2. 根據所處環境對顏色的影響決定

GeorgeBerkeley曾經說過:“我們沒有進入外界世界的直接方法,只能通過我們的感官”。講述了環境與人類之間緊密而又微妙的關系,外在環境中的任何一個參量,都會改變那些進入你眼睛的光的顏色。我們眼睛所接受的光線,是由很多因素決定的,不僅是物體本身的顏色,還有他們發出的光的顏色,以及我們與物體之間空間的顏色。Jay Neitz也認為,目前人類的視覺系統還沒有進化到可以完全排除環境干擾來判斷出物體本來的顏色。因此,無論是自身發育程度、環境光線還是生活經驗都會對顏色的判定帶來影響。

這些專家的結論也幫助我們設計師進一步思考,并且更加重視“情景”。對于交互設計師來說,根據Persona進行用戶情景化交互的思考至關重要。同樣對于視覺設計師情景思考也極為重要。但根據Persona進行的情景思考與交互思考并不完全相同,我們同樣需要了解用戶最常使用產品的環境,但我們更需要考慮產品本身的色彩在不同機型上的色彩顯示效果;用戶所處環境光源(自然光-日夜,燈光-冷暖等)對產品色彩的影響;用戶所處環境的大小、色調、空擠與否對產品的影響;用戶在什么心情狀態下看到產品,心情狀態對于產品色彩的感知不同等等…這些對于外在境況的情景調查與思考,就是視覺設計師在設計時需要的情景思考。

舉兩個考慮到外界環境對產品產生影響的例子:

1)最常見的就是交通燈,交通燈所處的環境是戶外,天氣多變,光照多樣。設計在這樣環境中的燈光,需要著重考慮光穿越空氣、沙塵、雨雪等情況的穿透力,并且盡量在距離上達到最遠??茖W家們根據光學原理,選擇了紅、黃、綠三色。紅色光的波長最長,光波越長穿透周圍介質的能力就越大。因此在光度相同的條件下紅色顯示得最遠,所以紅色被采用作停車信號。黃色光的波長僅次于紅光位居第二位,黃色玻璃透過光線的能力大,顯示距離也較遠因而被采用作為緩行信號。綠光的波長是除紅橙黃以外比較長的一種色光,顯示的距離也較遠。同時綠色和紅色的區別易于分辨,因此被采用作為通行信號。仔細觀察信號燈,我們還能發現,多數信號燈都裝有一個小“帽檐”,這樣的設計也是考慮到在自然光照環境下,一方面物理減少自然光對信號光的的影響,二方面幫助信號光更加聚集,照射到更遠距離。

usidc-sleep-2016101410

2)我們在許多閱讀軟件中都看到視覺情景的設計。日間與夜晚切換的Tab,并且會有好幾種保護眼睛的顏色等等。

usidc-sleep-2016101422

△ 閱讀軟件:依次為IREAD、多看閱讀、知乎

3. 根據我們想賦予其意義決定的

既然有這么多外在環境影響著顏色,那我們如何在產品中定義顏色呢?重點來了:這些進入你眼睛的光,感官信息是完全無意義的。因為它可以意味任何事情,感官信息就如同一般的信息,本身并沒有意義。我們如何運用這些信息才是最重要的。就如之前的提到的紅綠燈,運用紅色不僅僅有物理波長的原因(當然,它是非常重要的原因)。還有一個起源,在19世紀初,在英國中部的約克城,紅、綠裝代表著女性的不同身份,如女人著紅裝表示已婚,而著綠裝則表示未婚,紅色就有了禁止的意思。再如植物的綠色,本身的信息無意義,但人們給予了通行、生命力等意義,使其有擁有意義,并成為我們大腦中的常態。我們設計師在日常工作中做兩件事,一是遵從用戶大腦中原有的常態,二是去重新定義用戶大腦中的常態,讓其形成新的常態。

就如下例,產品希望傳達給用戶一個“新的常態”,所有品牌色區域都是可點擊的。為此其他信息區域禁用品牌色,這是我們在設計過程中的一種嘗試。

usidc-sleep-2016101423

△ 左圖為點融銷售APP,右圖為點融網理財APP

小小總結一下,設計師在確定用色前需要考慮:色彩自身特性、外部環境因素以及產品色彩定義三個方面。

背后的故事

每一個人就是一本書,一個傳奇。這些思考背后也有著強大的依據,我稱它為視覺原理框架(Visual principle map):

usidc-sleep-2016101424

這只是一個框架,前面說的三個思考點只是這個框架中一個小點,其中還有許多點可以繼續挖掘與研究。

比如:每一種色彩的物理性質,與環境關聯后的變化。無情感的純信息映射,為什么會讓人產生錯覺?二維視網膜如何能感知三維?我們與外界接受的信息如何與自身互動聯系起來?信息之間的關系是如何建立?大腦對于色彩的判斷依據有哪些?大腦學習新的常態需要多少時間?如何才能建立用戶的新常態?等等…在之后的文章中,我會再與大家分享。

可以說,任何與“視覺”相關的,都逃不出這個框架。因為所謂的“視覺”,分為“視”與“覺”,“視覺即視覺系統的外周感覺器官(眼)接受外界環境中一定波長范圍內的電磁波刺激,經中樞有關部分進行編碼加工和分析后獲得的主觀感覺?!S基百科”。而視覺原理圖不僅僅告訴我們自然映射到人類眼中,后由大腦分析后的主觀感受,更告訴我們這種主觀感受不是不可改變的,它可以根據我們給予的外部信息在大腦中重新編碼,產生新的認知,而這點非常重要。這是我們設計師發揮的契機。

結語

以上思考方法希望能幫助小伙伴們再面對“為什么要用這個顏色?”等類似問題時,更有底氣與立場。再者,能幫助我們更好的運用色彩,這里不僅僅能幫助視覺設計師,還有所有職能的設計師,對產品可以更好的分辨各個細節中哪些需要遵循原有常態,哪些可以創新,引導用戶接受新常態。

那視覺原理框架有什么更深的意義呢?在電影《一代宗師》中有這么一句話“武學再高高不過天,資質再厚厚不過地”,圣經中也有一句“耶和華用能力創造大地,用智慧建立世界,用聰明鋪張穹蒼?!讜?0章12節”。一切的源頭都是大自然的創造,在城市中的我們,眼見大多是人造色,自然色少得可憐,這框架告訴我們一切源于自然,我們不能少了對自然的敬畏之心。再者,對于他人腦中的常態不要太快的判斷(Judgment),框架可以幫助我們更客觀、更寬容的態度了解他人腦中常態,有余力的話,可用方法更新他人常態。

以上,歡迎指教討論,期待下次分享。

歡迎關注點融設計中心DDC微信公眾號(微信ID:DR_DDC):

版權歸原作者所有。

本文鏈接:http://www.casaleticia.com/scientific-color-need-such-thinking.html
本文標簽: , ,