Facebook 好友圖標(biāo)的設(shè)計(jì)改版背后的故事
Facebook 總部是一個(gè)神奇的地方,小吃是免費(fèi)的,陽(yáng)光永遠(yuǎn)明媚,每個(gè)人都滿(mǎn)腦子好點(diǎn)子。來(lái)這里的第一周,我碰到的每一個(gè)人都努力讓這個(gè)世界更美好。同時(shí),我也預(yù)見(jiàn)到 了,自己將會(huì)無(wú)比輕松得適應(yīng)并融入這樣的日常,但是這樣被帶著走也容易讓人迷失。所以,我時(shí)刻提醒自己不忘最初的想法,并且在我的辦公桌前貼上海報(bào),上面 寫(xiě)著“保持謙遜”。
肩膀上有缺口的女性剪影
可是,在我開(kāi)始擔(dān)任Facebook設(shè)計(jì)師的職務(wù)不久,令我沮喪的情況出現(xiàn)了,我發(fā)現(xiàn)公司的形象套件并不令人滿(mǎn)意,甚至可以說(shuō)令人苦惱。在這個(gè) Photoshop文檔中,代表好友的兩個(gè)矢量人物剪影構(gòu)成的圖標(biāo),讓我抓狂。其中代表男性的剪影,除了發(fā)型部分,整體是對(duì)稱(chēng)的,但是代表女性的那個(gè)剪影 不僅在整體上不對(duì)稱(chēng),甚至在肩膀位置上多了一個(gè)缺口。經(jīng)過(guò)仔細(xì)觀察之后,我確信這個(gè)缺口的位置正好是朋友圖標(biāo)中男性剪影處于女性前方時(shí),兩者交接的位置。 對(duì)于這個(gè)設(shè)計(jì)缺陷我并沒(méi)有什么惡意,但是在我看來(lái)女性理應(yīng)擁有完整而強(qiáng)健的肩膀,這里缺口的存在確實(shí)欠考慮。
我將我的質(zhì)疑同另外一位女設(shè)計(jì)師分享了,她指著我的海報(bào)對(duì)我說(shuō),“在Facebook碰到問(wèn)題我們每個(gè)人都有責(zé)任解決。”這個(gè)女性圖標(biāo)需要一個(gè)完整的肩膀,所以我理應(yīng)為她完善——然后我在接下來(lái)很長(zhǎng)的一段時(shí)間里面陷入了圖標(biāo)設(shè)計(jì)的大坑當(dāng)中。
為了對(duì)稱(chēng),我將她肩膀上的缺口補(bǔ)上了,但是作為一個(gè)形象剪影,她的頭發(fā)太像《星球大戰(zhàn)》中黑武士的頭盔了,所以發(fā)型還需要進(jìn)行一些調(diào)整。馬尾辮足夠 現(xiàn)代,也非常女性化,看起來(lái)會(huì)給人年輕的感覺(jué),但是在32像素的寬度之下,馬尾辮的效果看起來(lái)像是某種嚙齒動(dòng)物。如果改成長(zhǎng)發(fā)披肩或者其他的造型,在如此 低的分辨率之下也難以準(zhǔn)確表達(dá)、消除歧義。所以,最終我使用了一個(gè)更加爽利精致的短發(fā)形象。
更新完女性剪影之后,問(wèn)題來(lái)了:舊的男性剪影似乎也有些僵硬而過(guò)時(shí)。于是,我調(diào)整了男性剪影的發(fā)型,令其更加平滑,讓肩膀的弧度更大。在更新這個(gè)圖標(biāo)設(shè)計(jì)的時(shí)候,我發(fā)現(xiàn)Facebook的常常會(huì)用男性單人圖標(biāo)來(lái)表示“添加好友”。這樣的設(shè)定似乎并不公平,或者說(shuō)是不準(zhǔn)確,難道所有的朋友請(qǐng)求都應(yīng)該用男性標(biāo)識(shí)來(lái)傳達(dá)么?唯一的性別圖標(biāo)是不恰當(dāng)?shù)?,所以我?zhǔn)備了一組。
基本形象確定之后,我開(kāi)始調(diào)整女性剪影的大小和順序。作為一個(gè)曾經(jīng)就讀于女子學(xué)院的女性,我很難忽略圖標(biāo)中所代表的性別意義,這也是為什么我會(huì)對(duì)圖標(biāo)中男性和女性的位置是如此的敏感。女性必須一直處于“男性的陰影”中么?
我最初的想法,是讓圖標(biāo)中的男性和女性的大小一樣,相同的大小就意味著兩者不會(huì)同大小來(lái)暗示前后位置和距離遠(yuǎn)近,不過(guò)迭代十幾次之后,我放棄了這個(gè) 設(shè)計(jì),因?yàn)檎娴暮茈y讓這個(gè)圖標(biāo)看起來(lái)不像一個(gè)雙頭怪……最后,我讓女性剪影的尺寸稍小了一點(diǎn),置于男性剪影的前方,這樣看起來(lái)好多了。
而早的“群”圖標(biāo)使用的是兩個(gè)男性剪影和一個(gè)女性剪影構(gòu)成的,女性剪影置于較大男性剪影的左后方。而新的圖標(biāo)我選擇了使用三個(gè)不同的圖標(biāo)來(lái)展示,同樣的我將唯一的女性圖標(biāo)放大置于中央。
在朋友的幫助下加速設(shè)計(jì)
我不知道我作出的這套新版的圖標(biāo)有沒(méi)有打破團(tuán)隊(duì)中的某些規(guī)則,也不知道會(huì)不會(huì)收到同事們質(zhì)問(wèn)的短信,或者被冠以“破壞原有設(shè)計(jì)”之類(lèi)的罪名,因此內(nèi)心一直非常忐忑。相反,實(shí)際的狀況是,新的設(shè)計(jì)并沒(méi)有被否定,反而很快被大家認(rèn)可,并應(yīng)用到公司的新產(chǎn)品以及更多的平臺(tái)之上。
前端工程師 Matt Sain 將新的男性和女性圖標(biāo)引入到桌面端網(wǎng)頁(yè)中去,悄無(wú)聲息地將新設(shè)計(jì)傳播到全世界。產(chǎn)品經(jīng)理Lexi Ross 為了將新的男性和女性圖標(biāo)添加到性別選項(xiàng)的配置文件中,還為此專(zhuān)門(mén)砍掉了幾個(gè)原有的需求。負(fù)責(zé)管理圖標(biāo)的設(shè)計(jì)師Brian Frick,在6個(gè)月之前更新過(guò)圖標(biāo)系統(tǒng),而這次為了我這個(gè)非正式新人的圖標(biāo)而專(zhuān)門(mén)更新了圖標(biāo)系統(tǒng)。
這是Brian Frick調(diào)整過(guò)后的好友圖標(biāo)
后來(lái)我才知道,這樣的私自發(fā)起的項(xiàng)目在Facebook中并非唯一。去年,設(shè)計(jì)師Julyanne Liang 曾與工程師 Brian Jew 一起為非美洲的用戶(hù)更新了通知圖標(biāo),讓這些占據(jù)半個(gè)地球的用戶(hù)定制了屬于他們的圖標(biāo)。比如亞洲的用戶(hù)的通知圖標(biāo)中,地球的中心位置是亞洲。
Brian Frick 的地球圖標(biāo)
標(biāo)識(shí)很重要
項(xiàng)目結(jié)束之后,我對(duì)于標(biāo)識(shí)和符號(hào)更加重視了。我開(kāi)始試著重新審視所有的圖標(biāo),尤其是那些我們感覺(jué)無(wú)比熟悉的圖標(biāo)。舉個(gè)例子,用公文包來(lái)代表“工作” 是否真的是最好的標(biāo)識(shí)?帶著公文包上班是哪個(gè)時(shí)代的事情?有沒(méi)有其他的標(biāo)識(shí)能更好地代表“工作”,并且能讓這個(gè)時(shí)代的人得到共鳴?
從我第一天來(lái)這里碰到的每個(gè)人的初衷和好意是如此的真實(shí),我們都在竭盡全力讓Facebook更好,營(yíng)造更好的企業(yè)文化,而不是抱怨,構(gòu)建一個(gè)能夠 真正傳播每個(gè)人真實(shí)想法和優(yōu)秀創(chuàng)意的平臺(tái),從最小的圖標(biāo)到設(shè)計(jì)思想都能在這里實(shí)現(xiàn)。這些幾乎不會(huì)被大眾在意的項(xiàng)目,不止是設(shè)計(jì)本身那么簡(jiǎn)單,許多都承載著 設(shè)計(jì)師的理念和想法,它們隱秘,但是偉大。
譯文來(lái)自:優(yōu)設(shè)
原文地址:medium
譯者:@陳子木
男女平等就是突出女性?
保持謙遜,不忘初心!