你常使用 Google 地圖跟街景嗎?告訴你衣夾人鮮為人知的設計小故事
Google地圖幾乎已經可以說是現代人不可或缺的工具了,與Google街景相結合之後,也減少很多路痴症候群的發作機會,當我們在使用這麼方便的服務同時,一定都曾注意到那黃色的小人標誌,它的正式名稱叫衣夾人(Pegman),別看它不起眼的樣子,它也是有故事的呢。
如果你曾經注意過衣夾人的話,會發現除了它全身都是黃色以外(其實是偏橙色),好像完全沒有特色可言,這樣哪裡談得上設計呢?那是我們現在已經習以為常的關係,設計可以說是一個從無到有的過程,Google地圖是一個平面的東西,而Google街景是則是擁有360環景的立體視野,這中間的問題不僅是如何從平面銜接到立體,更要解決方向性的問題,尤其在陌生的環境裡,這種方向感錯亂的情形其實會更加嚴重,Google街景中雖然已經有黃色指示線的設計,但顯然他們還需要更多東西。
他們的一個想法是:眼球
第一個問題是,你分辨不出來眼球是在看哪一個方向。所以他們試圖加入一個箭頭,這的確有一點幫助。不過說真的感覺不太好,原始衣夾人設計團隊成員之一的Andy Szybalsk說,「這真是不可思議,要拿起一個眼球,令人感覺粘糊糊的,一般人應該不會想在地圖上丟出一顆眼球的,如果真的要這樣的話,那是不是該加入一個彈跳的特效呢?」Andy決定打電話給同事Ryan Germick。
然後他們決定直接創造一個人物,於是衣夾女誕生了
會什麼是女性?Ryan開玩笑的說,「是因為女權主義啦,而且對媒體來說,為什麼要選女性來當衣夾人是比較有趣的話題」,但事實上,我們從衣夾女的頭髮與身體曲線,很容易就能分辨出她是朝著哪個方向,把3D人物模型來當成圖標使用,可以說是一個巨大的進步。
但是還有其他的問題
設計師們發現,如果他們設計的圖像看起來越像真人,就會更容易使人分心,Ryan提到,「其實越多的人物特徵,就會激發人胡思亂想,不但開始揣摩起人物性格,並且還會用過往的人物印象加以代入,然後人們就會問,為什麼非得要這麼用不可?」
朝向另一個設計方向
所以他們將人物的主要特徵剝奪,僅留下擬人化的象徵,四四方方的,但感覺還不錯。
他們稱它做豆腐人。
然後改變了它的顏色。
其實他們試過了藍色、紫色、白色、綠色,最後選了橙色。「橙色是一個比較中性的顏色」,Google說,「沒有種族是橙色的,任何人都可以是橙色的。或者反過來說,橙色可以代表任何人。」
除此之外,Google還設計過其他的樣式,像是相機人,具有拍照、找尋對焦跟定位點的隱喻。
或是拿著手電筒在找路的感覺。
看起來就會像這樣。
他們也設計了當滑鼠游標抓起衣夾人時,衣夾人會有什麼樣的動作。
Ryan說,「我們認為,假如可以拿起衣夾人,然後讓它晃來晃去,看起來十分危險的樣子,好像也不錯,這讓使用者有一種身為上帝的感覺,可以自由拿起衣夾人並隨意擺放在地圖上。」
同時,他們也持續讓衣夾人的設計越來越簡單
「我們削減了所有多餘的裝飾,僅保留必要的傳達元素」
最後,衣夾人就成為了我們現在所看到的樣子
資料來源:inside.com.tw
如果你曾經注意過衣夾人的話,會發現除了它全身都是黃色以外(其實是偏橙色),好像完全沒有特色可言,這樣哪裡談得上設計呢?那是我們現在已經習以為常的關係,設計可以說是一個從無到有的過程,Google地圖是一個平面的東西,而Google街景是則是擁有360環景的立體視野,這中間的問題不僅是如何從平面銜接到立體,更要解決方向性的問題,尤其在陌生的環境裡,這種方向感錯亂的情形其實會更加嚴重,Google街景中雖然已經有黃色指示線的設計,但顯然他們還需要更多東西。
他們的一個想法是:眼球
第一個問題是,你分辨不出來眼球是在看哪一個方向。所以他們試圖加入一個箭頭,這的確有一點幫助。不過說真的感覺不太好,原始衣夾人設計團隊成員之一的Andy Szybalsk說,「這真是不可思議,要拿起一個眼球,令人感覺粘糊糊的,一般人應該不會想在地圖上丟出一顆眼球的,如果真的要這樣的話,那是不是該加入一個彈跳的特效呢?」Andy決定打電話給同事Ryan Germick。
然後他們決定直接創造一個人物,於是衣夾女誕生了
會什麼是女性?Ryan開玩笑的說,「是因為女權主義啦,而且對媒體來說,為什麼要選女性來當衣夾人是比較有趣的話題」,但事實上,我們從衣夾女的頭髮與身體曲線,很容易就能分辨出她是朝著哪個方向,把3D人物模型來當成圖標使用,可以說是一個巨大的進步。
但是還有其他的問題
設計師們發現,如果他們設計的圖像看起來越像真人,就會更容易使人分心,Ryan提到,「其實越多的人物特徵,就會激發人胡思亂想,不但開始揣摩起人物性格,並且還會用過往的人物印象加以代入,然後人們就會問,為什麼非得要這麼用不可?」
朝向另一個設計方向
所以他們將人物的主要特徵剝奪,僅留下擬人化的象徵,四四方方的,但感覺還不錯。
他們稱它做豆腐人。
然後改變了它的顏色。
其實他們試過了藍色、紫色、白色、綠色,最後選了橙色。「橙色是一個比較中性的顏色」,Google說,「沒有種族是橙色的,任何人都可以是橙色的。或者反過來說,橙色可以代表任何人。」
除此之外,Google還設計過其他的樣式,像是相機人,具有拍照、找尋對焦跟定位點的隱喻。
或是拿著手電筒在找路的感覺。
看起來就會像這樣。
他們也設計了當滑鼠游標抓起衣夾人時,衣夾人會有什麼樣的動作。
Ryan說,「我們認為,假如可以拿起衣夾人,然後讓它晃來晃去,看起來十分危險的樣子,好像也不錯,這讓使用者有一種身為上帝的感覺,可以自由拿起衣夾人並隨意擺放在地圖上。」
同時,他們也持續讓衣夾人的設計越來越簡單
「我們削減了所有多餘的裝飾,僅保留必要的傳達元素」
最後,衣夾人就成為了我們現在所看到的樣子
資料來源:inside.com.tw