簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

撰文 | 範米揚 《迷因電波》欄目主理人

責編 | 施楊

這一期播客我們聚焦於聊幾個iPhone上的圖示,和他們背後的有趣來源和傳奇故事,這幾個圖示分別是Finder圖示、iPhone手機上的Face ID (面容ID)圖示、電話圖示和簡訊圖示。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

Finder圖示和《蝙蝠俠》有什麼關係?

Finder,也就是訪達,是蘋果電腦使用者非常熟悉的一個圖示,因為這是蘋果電腦最基本的一個功能,相當於Windows作業系統裡面資源管理器與視窗功能的集合。

當你每天習慣於使用Finder的時候,你有沒有想過,這個圖示為什麼是兩張拼合的半臉呢?

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

蘋果Finder圖示

我們知道在日常生活當中,單張側臉的使用是比較廣泛的,從硬幣上的常見的半人臉影象到歷史上第一所設計院校包豪斯的logo,都有側臉元素。但是將兩張臉拼插起來的方法卻並不常見。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

硬幣側臉和包豪斯logo

實際上,關於Finder的靈感來源有幾個不同的說法,因為這個圖示本身不是由蘋果內部的設計師的作品,而是蘋果在1994年請外部公司給設計的,當時喬布斯已經離開了蘋果,而管理層準備將麥金塔的作業系統授權給別的電腦品牌使用,就像Windows系統一樣,可以在不同品牌的電腦上執行。

當時蘋果請外包公司設計這個圖示,既作為Finder這個軟體的標誌,同時也是麥金塔作業系統的標誌。

在1997年喬布斯回到蘋果之後,雖然砍掉了一系列的產品線,但是並沒有棄用這個設計,而是一直沿用至今。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

Finder圖示的演變

關於圖示的來源,一種說法是跟《蝙蝠俠》裡面的“光明騎士”哈維·丹特有關,這個角色在諾蘭的“蝙蝠俠三部曲”《蝙蝠俠:黑暗騎士》中佔據了重要的地位。另外,還有人說這個圖示是受到畢加索畫作的啟發,因為它跟畢加索的一幅繪畫撞臉了。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

諾蘭蝙蝠俠中的被毀容的哈維·丹特

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

畢加索作品:Two Characters

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

何同學沒有說清楚的「1984年微笑」

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

蘋果Face ID的笑臉圖示

Face ID,也就是面容ID解鎖,這可能是iPhone的使用者最熟悉的形象之一,因為只要是 iPhone X 之後的機型,都帶有人臉解鎖的功能。

前段時間,B站科技博主何同學製作了一期很火的影片,內容是測評初代麥金塔電腦。他在影片中提到這個“1984年的微笑”,感動了很多人。他在節目中說,這個“1984年的微笑”,也就是Face ID的笑臉,其實是來源於初代麥金塔中的Happy Mac畫素笑臉。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

何同學節目截圖

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

Face ID的笑臉來自於1984年的初代Mac

但是何同學沒有提到的是,這個圖示的設計者,也是蘋果早期一位非常有魅力的女性設計師。她設計了初代麥金塔大部分圖示,甚至還設計了電腦裡的Chicago字型,直到蘋果推出第一代iPod的時候還在使用。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

她設計的芝加哥字型直到iPod還在使用

考慮到麥金塔電腦是第一臺真正取得商業成功的圖形介面計算機,我們可以說這位設計師在某種程度上奠定了現代桌面作業系統的基礎。也就是說,無論是微軟推出的Windows,還是後來的手機UI介面,或多或少都受到了她的影響。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

蘇珊·卡雷和她設計的圖示

這位設計師不但為麥金塔設計了很多圖示,後來還跟隨喬布斯一起建立了計算機公司NeXT。 平面設計大師保羅·蘭德為NeXT設計的logo徹底折服了喬布斯,然而不為人知的是,正是她撮合了喬布斯和保羅·蘭德的合作。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

蘇珊·卡雷和保羅·蘭德在向喬布斯展示logo

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

保羅·蘭德設計的NeXT 的logo

但是非常可惜的是,喬布斯1997年重回蘋果,但是她卻選擇了離開。

這位設計師的名字叫蘇珊·卡雷(Susan Kare),歡迎在這期播客中收聽她的故事。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

電話聽筒裡包含的人機工學因素

在移動網際網路出現之前,手機最基本的功能就是打電話。我們看iPhone的這個電話應用,它的圖案就是一個很普通的電話聽筒,但是你有沒有想過,為什麼聽筒為什麼要設計成這個造型?聽完這一部分,你會發現這個簡單的聽筒設計中所包含的人機工學因素,比你想象的更多。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

iPhone裡的電話圖示

這裡涉及到一位活躍在三四十年代的美國設計大師,我們今天之所以能看到電話圖示上這個話筒,主要就是因為他。他常常被稱為「人機工學」的奠基人,他也被很多人尊稱為「現代工業設計之父」。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

奠定了電話造型的亨利·德雷福斯

1937年,美國電信巨頭 AT&T的前身,也就是貝爾公司邀請他來設計一款電話機,但是他卻直接拒絕了。如果當初他真的拒絕,我們今天看到的iPhone裡的通話圖示很可能不是這樣簡潔、美觀又實用的造型,因為幾乎沒有設計師,能像他一樣重視人機工學。

但是好在,他最終接下了這個任務。

他把多年的人機工學研究成果,應用在一個看似不起眼的小小話機上。現在的人不知道為什麼電話聽筒要設計成這樣,實際上卻普遍受惠於他當年的付出。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

德雷福斯設計的Model 303經典話機

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

德雷福斯著作中的人機工學插圖

但是,就是這樣一位傳奇設計師,卻跟妻子一起,在車庫裡雙雙自殺。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

點選圖片收聽完整內容

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

你從來沒有注意過這個通話氣泡

除了通話功能,手機另外一個最古早的功能就是發簡訊。我們可以回想一下“簡訊”的圖示:它的形狀是一個對話氣泡。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

iPhone簡訊圖示

其實不光是簡訊,我們所看到的通訊類的應用,幾乎都是這種對話氣泡的形狀。比如說微信,就是兩個對話氣泡擠在一起。國外的軟體諸如 WhatsApp,還有Facebook Messenger,也是用了類似的形狀。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

各種通訊軟體的圖示都是氣泡

但是你沒有想過一個問題:為什麼要用氣泡來代表人們之間的對話?

你可能認為這種表達方式,是借鑑了漫畫的形式,因為漫畫裡就是用氣泡+文字來表示說話的內容。但是你不知道的是,這種形式,其實是起源於中世紀的油畫。

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

德國畫家伯恩哈德·施特里格爾 1506年的作品

簡訊微信,為什麼社交軟體都喜歡用對話氣泡當圖示?

《雷蒙·魯爾的一生》

以上,就是我們第四期播客的文字內容,歡迎大家在小宇宙、等平臺收聽我們的節目。