藍(lán)藍(lán)設(shè)計(jì)( www.li-bodun.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里

來源：優(yōu)設(shè)網(wǎng)

Facebook 總部是一個(gè)神奇的地方，小吃是免費(fèi)的，陽光永遠(yuǎn)明媚，每個(gè)人都滿腦子好點(diǎn)子。來這里的第一周，我碰到的每一個(gè)人都努力讓這個(gè)世界更美好。同時(shí)，我也預(yù)見到了，自己將會無比輕松得適應(yīng)并融入這樣的日常，但是這樣被帶著走也容易讓人迷失。所以，我時(shí)刻提醒自己不忘最初的想法，并且在我的辦公桌前貼上海報(bào)，上面寫著“保持謙遜”。

肩膀上有缺口的女性剪影

可是，在我開始擔(dān)任Facebook設(shè)計(jì)師的職務(wù)不久，令我沮喪的情況出現(xiàn)了，我發(fā)現(xiàn)公司的形象套件并不令人滿意，甚至可以說令人苦惱。在這個(gè)Photoshop文檔中，代表好友的兩個(gè)矢量人物剪影構(gòu)成的圖標(biāo)，讓我抓狂。其中代表男性的剪影，除了發(fā)型部分，整體是對稱的，但是代表女性的那個(gè)剪影不僅在整體上不對稱，甚至在肩膀位置上多了一個(gè)缺口。經(jīng)過仔細(xì)觀察之后，我確信這個(gè)缺口的位置正好是朋友圖標(biāo)中男性剪影處于女性前方時(shí)，兩者交接的位置。對于這個(gè)設(shè)計(jì)缺陷我并沒有什么惡意，但是在我看來女性理應(yīng)擁有完整而強(qiáng)健的肩膀，這里缺口的存在確實(shí)欠考慮。

我將我的質(zhì)疑同另外一位女設(shè)計(jì)師分享了，她指著我的海報(bào)對我說，“在Facebook碰到問題我們每個(gè)人都有責(zé)任解決。”這個(gè)女性圖標(biāo)需要一個(gè)完整的肩膀，所以我理應(yīng)為她完善——然后我在接下來很長的一段時(shí)間里面陷入了圖標(biāo)設(shè)計(jì)的大坑當(dāng)中。

為了對稱，我將她肩膀上的缺口補(bǔ)上了，但是作為一個(gè)形象剪影，她的頭發(fā)太像《星球大戰(zhàn)》中黑武士的頭盔了，所以發(fā)型還需要進(jìn)行一些調(diào)整。馬尾辮足夠現(xiàn)代，也非常女性化，看起來會給人年輕的感覺，但是在32像素的寬度之下，馬尾辮的效果看起來像是某種嚙齒動物。如果改成長發(fā)披肩或者其他的造型，在如此低的分辨率之下也難以準(zhǔn)確表達(dá)、消除歧義。所以，最終我使用了一個(gè)更加爽利精致的短發(fā)形象。

更新完女性剪影之后，問題來了：舊的男性剪影似乎也有些僵硬而過時(shí)。于是，我調(diào)整了男性剪影的發(fā)型，令其更加平滑，讓肩膀的弧度更大。在更新這個(gè)圖標(biāo)設(shè)計(jì)的時(shí)候，我發(fā)現(xiàn)Facebook的常常會用男性單人圖標(biāo)來表示“添加好友”。這樣的設(shè)定似乎并不公平，或者說是不準(zhǔn)確，難道所有的朋友請求都應(yīng)該用男性標(biāo)識來傳達(dá)么？唯一的性別圖標(biāo)是不恰當(dāng)?shù)模晕覝?zhǔn)備了一組。

基本形象確定之后，我開始調(diào)整女性剪影的大小和順序。作為一個(gè)曾經(jīng)就讀于女子學(xué)院的女性，我很難忽略圖標(biāo)中所代表的性別意義，這也是為什么我會對圖標(biāo)中男性和女性的位置是如此的敏感。女性必須一直處于“男性的陰影”中么？

我最初的想法，是讓圖標(biāo)中的男性和女性的大小一樣，相同的大小就意味著兩者不會同大小來暗示前后位置和距離遠(yuǎn)近，不過迭代十幾次之后，我放棄了這個(gè)設(shè)計(jì)，因?yàn)檎娴暮茈y讓這個(gè)圖標(biāo)看起來不像一個(gè)雙頭怪……最后，我讓女性剪影的尺寸稍小了一點(diǎn)，置于男性剪影的前方，這樣看起來好多了。

而早的“群”圖標(biāo)使用的是兩個(gè)男性剪影和一個(gè)女性剪影構(gòu)成的，女性剪影置于較大男性剪影的左后方。而新的圖標(biāo)我選擇了使用三個(gè)不同的圖標(biāo)來展示，同樣的我將唯一的女性圖標(biāo)放大置于中央。

在朋友的幫助下加速設(shè)計(jì)

我不知道我作出的這套新版的圖標(biāo)有沒有打破團(tuán)隊(duì)中的某些規(guī)則，也不知道會不會收到同事們質(zhì)問的短信，或者被冠以“破壞原有設(shè)計(jì)”之類的罪名，因此內(nèi)心一直非常忐忑。相反，實(shí)際的狀況是，新的設(shè)計(jì)并沒有被否定，反而很快被大家認(rèn)可，并應(yīng)用到公司的新產(chǎn)品以及更多的平臺之上。

前端工程師 Matt Sain 將新的男性和女性圖標(biāo)引入到桌面端網(wǎng)頁中去，悄無聲息地將新設(shè)計(jì)傳播到全世界。產(chǎn)品經(jīng)理Lexi Ross 為了將新的男性和女性圖標(biāo)添加到性別選項(xiàng)的配置文件中，還為此專門砍掉了幾個(gè)原有的需求。負(fù)責(zé)管理圖標(biāo)的設(shè)計(jì)師Brian Frick，在6個(gè)月之前更新過圖標(biāo)系統(tǒng)，而這次為了我這個(gè)非正式新人的圖標(biāo)而專門更新了圖標(biāo)系統(tǒng)。

這是Brian Frick調(diào)整過后的好友圖標(biāo)

后來我才知道，這樣的私自發(fā)起的項(xiàng)目在Facebook中并非唯一。去年，設(shè)計(jì)師Julyanne Liang 曾與工程師 Brian Jew 一起為非美洲的用戶更新了通知圖標(biāo)，讓這些占據(jù)半個(gè)地球的用戶定制了屬于他們的圖標(biāo)。比如亞洲的用戶的通知圖標(biāo)中，地球的中心位置是亞洲。

Brian Frick 的地球圖標(biāo)

標(biāo)識很重要

項(xiàng)目結(jié)束之后，我對于標(biāo)識和符號更加重視了。我開始試著重新審視所有的圖標(biāo)，尤其是那些我們感覺無比熟悉的圖標(biāo)。舉個(gè)例子，用公文包來代表“工作”是否真的是最好的標(biāo)識？帶著公文包上班是哪個(gè)時(shí)代的事情？有沒有其他的標(biāo)識能更好地代表“工作”，并且能讓這個(gè)時(shí)代的人得到共鳴？

從我第一天來這里碰到的每個(gè)人的初衷和好意是如此的真實(shí)，我們都在竭盡全力讓Facebook更好，營造更好的企業(yè)文化，而不是抱怨，構(gòu)建一個(gè)能夠真正傳播每個(gè)人真實(shí)想法和優(yōu)秀創(chuàng)意的平臺，從最小的圖標(biāo)到設(shè)計(jì)思想都能在這里實(shí)現(xiàn)。這些幾乎不會被大眾在意的項(xiàng)目，不止是設(shè)計(jì)本身那么簡單，許多都承載著設(shè)計(jì)師的理念和想法，它們隱秘，但是偉大。