為什麼 iPhone 收到的信息顏色是灰色,而自己發出的信息是綠色,這樣的設計有何根據?


首先不僅IPHONE這麼設計,在其他即時通信的APP或者軟體上都可以看到這樣的設計。

暫且不考慮為什麼是灰色和綠色,單純從選用兩種顏色來看,這麼做很明顯是為了讓用戶很快區分哪條是我發的,哪條是收到的,一目了然,避免出現漏看或者感覺不到對話的感覺。

接下來,為什麼IPHONE是灰色和綠色呢?

實際上在原生android系統4.0的簡訊界面上,是用黃色表示收到,藍色表示自己的。而在PC上,QQ的對話界面的用戶昵稱,綠色是自己的,藍色是對方的。此外,小米手機的簡訊界面和IPHONE的配色方案相同。對比這幾個產品的配色方案:

自己寫的 對方寫的 背景色

iPhone/MIUI 綠色 灰色 淡藍色

android 天藍色 黃色 黑色

可見,這些產品中,綠色和藍色都是代表「我的」,而有關資料顯示:

瑪雅文化及漢字文化圈(中國、日本和越南等)在古代對於藍綠無顯著分別,皆寫作「青」。古代漢語表示藍色的「青」字同時可以形容綠色和黑色(如玄青),今日福州或閩南語亦同。

英國埃塞克斯大學做了一項研究顯示,綠色是很特別的顏色,它既不是冷色,也不是暖色,屬於居中的顏色。代表清新,希望。代表安全、平靜、舒適之感,在四季分明之地方,如見到春天之樹木、有綠色的嫩葉,大自然的顏色。在綠色環境中鍛煉能提高情緒、活力和愉悅感。也就是說,戶外鍛煉有益身心。色彩心理學家早就指出,人們在短波長顏色(如綠色和藍色)的環境下會產生平靜的感覺,而在長波長顏色(如紅色和黃色)的環境下更容易興奮和激動。這一現象可能是在人類進化的過程出現的。因為對於原始人類來說,綠色的環境意味著充足的食物和水源,對綠色的積極感覺在進化過程中融入大腦,並保存至今。

可見,之所以選擇綠色作為IPHONE代表發出去的消息背景色,很可能是考慮到綠色帶給用戶特有的顏色知覺,能夠達到提升產品使用體驗的效果。

那麼,為什麼選擇灰色作為收到的消息背景呢?個人推測,可能是設計師考慮到整體界面顏色不能超過3種的原則吧。


收到的信息背景為灰色

發出的信息背景為藍色或綠色

由於信息分為iMessage和簡訊兩種方式,因此通過藍色和綠色來讓用戶區分跑的是流量還是簡訊條數。但是用戶沒有必要知道對方是通過何種方式發來的,而只需要在乎信息的內容,因此選用灰底黑字


自己發是綠色(亮色系),收別人是灰色(淺色系),意思就是——在自己這裡,自己說什麼都是亮的;在別人那裡,你說啥都不亮。


灰色,我感覺是用於表示「已讀」


微信是收到的是綠色,發出的是灰色啊


Iphone在用萌萌的綠色是在提醒你有一件大事發生了。。。


1.贊同

Im浪琴,Simple but quality living.的觀點

2 .同時

Pagewee,玩物不喪志…的觀點

XCaiEr,遊戲程序猿,巨硬腦殘粉

鋼盅郭子,iZhihu 2.10 專欄:iZhihu(腳本、擴展) - 知乎專欄

的觀點也有道理

3.我自己的一些補充

我自己本人做了大概5年的設計,基本上都是手機或移動設備的界面,雖然如此,還是認為設計,至少在人和機器的交互界面這個領域,主要的功能還是輔助功能的。就信息的收發來說,基本的功能是要分開 自己的信息和他人的信息,因而是用不同的顏色,分置與屏幕的兩端,在兩類信息間加入空行,給兩類信息加以不同的背景,或者把兩類信息分成兩個屏幕顯示(這一方式因為會打斷時間順序而很少有人採用),以及兩類信息使用不同的字體,使用不用的字體大小都可以成為一種設計。這樣的細緻設計在時間充裕的情況也許是越細緻越好。但實際產品中不太可能那麼理想,除了設計的時間耗費,還有程序實現的時間耗費,基本上我們可以想像的到,只做分行的設計對於程序的實現和多種細節都要照顧的程序實現在耗費時間上和容易出bug的可能性上都是不一樣的。只要遵循一定的原則就可以了,就如

kx jiang,交互設計、用戶體驗初學者,工程心理學在讀

所說的色彩的一些知識。

綜述一下就是:根據所擁有的時間,根據知識和經驗從大的方向細的方向逐漸添加設計。

我自己觀點會認為空行 &> 左右分置&>字體顏色&>背景顏色(空間區分優於顏色的一個原因就是色盲用戶的存在。當然開玩笑的說,對於沒有視覺的用戶就用聲音吧)。 而其他的設計選擇基本上不會考慮了。更多的考慮可能會把設計帶向藝術,但我自己覺得到這裡就可以了,當然每個設計師都會有自己的選擇,所以我們會看到很多不同的設計,他們使用起來都可以滿足我們需求,並且筆記好的滿足我們的需求

對了,補充另一點:設計有時候很像語言,所以使用約定俗稱的,或大多數認為的形式也是一個很好的選擇。


高亮提醒你剛才說了什麼!

綠色是跟著「信息」這個 App 圖標的設計走的。

「信息」這個 App 圖標的設計是跟著「電話」這個 App 圖標的設計走的。

「電話」這個 App 圖標的設計是……自從有蜂窩式行動電話以來,接通和掛斷兩個按鍵就是綠和紅,就像紅綠燈。(謝 @徐來清 提醒)


哈哈,不如討論一下微信的配色方案與簡訊的剛好相反是出於什麼考慮。

綠色在我個人喜好看來用得太鮮,也許是對突出個性有心理暗示作用,如果你自己發出的消息是暗色系的,那可能會對你的用詞產生輕微影響,更保守更穩重。綠色就給你青春活力感,增進你的「說」欲,表達自信。與之相對,別人發來的消息是淡色,更利於肉眼接受信息,而且外界消息的淡色與個人消息的鮮色相較之下,又加強了突出自我的作用。

微信卻剛好相反,真有意思。我個人是認為微信當初這麼做是為了讓用戶對文字消息感覺到輕微的不適應,促進用戶使用語音消息功能。


最簡單的說就是區分出自己發的跟別人發的。


這是一個發送方與接收方體驗取捨的問題。

文字與背景色差越大越醒目,也越能聚焦。

1、iPhone自己發給好友的信息綠底黑字,比從好友接收的灰底黑字信息醒目的多,所以iPhone更看重發送方的體驗,讓發送方信息更為突出

2、微信採取了截然相反的設計,自己發送的信息綠底黑字,接收自好友的信息白底黑字,白底黑字當然更為聚焦,而我們對自己發的內容已經知曉,更關注的是接收的信息,所以微信更看重信息接收方的體驗

沒有孰優孰劣,不同的文化,不同的設計取捨罷了


快速識別自己和對方的文字,個人覺得淺灰和亮綠的對比色也是一種心理暗示,暗喻著遠方和眼前、之前和當下。應該屬於色彩心理學的內容吧


微信和簡訊一樣的呀


1、收到的信息比發送的信息重要;收到的消息比發出的消息更容易閱讀

2、所以收到的信息用淺灰黑子這樣對比對高又看起來不會煩躁的顏色;

3、最近發出的消息顏色要比之前發出的消息綠色、藍色更深,更容易閱讀驗證了是根據重要性來區分顏色的。


推薦閱讀:

淺談遊戲與藝術(一):藝術的突破
為什麼 iPhone 一般要將「返回」和「發布」鍵放在屏幕的左上角和右上角而不是在下面?我右手握著大拇指都按不到啊!
智能自然語言交互會不會成為下一代人機交互方式的殺手鐧?

TAG:iOS | 交互方式 | MessagesforiOS |