<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 隱秘而偉大!FACEBOOK 好友圖標的設計改版背后的故事

    2015-11-5    博博

    藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

    如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

    來源:優設網

    how-facebook-friends-icon-change-1

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

    肩膀上有缺口的女性剪影

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

    我將我的質疑同另外一位女設計師分享了,她指著我的海報對我說,“在Facebook碰到問題我們每個人都有責任解決。”這個女性圖標需要一個完整的肩膀,所以我理應為她完善——然后我在接下來很長的一段時間里面陷入了圖標設計的大坑當中。

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

    更新完女性剪影之后,問題來了:舊的男性剪影似乎也有些僵硬而過時。于是,我調整了男性剪影的發型,令其更加平滑,讓肩膀的弧度更大。在更新這個圖標設計的時候,我發現Facebook的常常會用男性單人圖標來表示“添加好友”。這樣的設定似乎并不公平,或者說是不準確,難道所有的朋友請求都應該用男性標識來傳達么?唯一的性別圖標是不恰當的,所以我準備了一組。

    基本形象確定之后,我開始調整女性剪影的大小和順序。作為一個曾經就讀于女子學院的女性,我很難忽略圖標中所代表的性別意義,這也是為什么我會對圖標中男性和女性的位置是如此的敏感。女性必須一直處于“男性的陰影”中么?

    我最初的想法,是讓圖標中的男性和女性的大小一樣,相同的大小就意味著兩者不會同大小來暗示前后位置和距離遠近,不過迭代十幾次之后,我放棄了這個設計,因為真的很難讓這個圖標看起來不像一個雙頭怪……最后,我讓女性剪影的尺寸稍小了一點,置于男性剪影的前方,這樣看起來好多了。

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

    在朋友的幫助下加速設計

    我不知道我作出的這套新版的圖標有沒有打破團隊中的某些規則,也不知道會不會收到同事們質問的短信,或者被冠以“破壞原有設計”之類的罪名,因此內心一直非常忐忑。相反,實際的狀況是,新的設計并沒有被否定,反而很快被大家認可,并應用到公司的新產品以及更多的平臺之上。

    前端工程師 Matt Sain 將新的男性和女性圖標引入到桌面端網頁中去,悄無聲息地將新設計傳播到全世界。產品經理Lexi Ross 為了將新的男性和女性圖標添加到性別選項的配置文件中,還為此專門砍掉了幾個原有的需求。負責管理圖標的設計師Brian Frick,在6個月之前更新過圖標系統,而這次為了我這個非正式新人的圖標而專門更新了圖標系統。

    這是Brian Frick調整過后的好友圖標

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

    Brian Frick 的地球圖標

    標識很重要

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

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

     

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://m.skdbbs.com

    存檔

    主站蜘蛛池模板: 亚洲精品~无码抽插| 国产成人精品免费午夜app| 国产精品99久久免费观看| 欧美日韩精品系列一区二区三区国产一区二区精品 | 久久精品国产精品亚洲毛片| 精品国产亚洲男女在线线电影| 国产精品黄网站| 久久国产热精品波多野结衣AV| 日本精品少妇一区二区三区| 91大神精品全国在线观看| 99视频在线观看精品| 久久精品www人人爽人人| 自拍偷在线精品自拍偷无码专区 | 国内少妇偷人精品视频免费| 综合久久精品色| 人妻一区二区三区无码精品一区| www亚洲欲色成人久久精品| 国产精品青草久久久久婷婷| 国产啪亚洲国产精品无码 | 国产线视频精品免费观看视频| 国产精品莉莉欧美自在线线 | 久久青青草原精品国产| 在线观看国产精品普通话对白精品| 精品久久久久久无码人妻蜜桃| 88国产精品无码一区二区三区| 久久国产精品99久久久久久老狼| 国语精品一区二区三区| 日韩人妻无码精品久久免费一 | 国产精品推荐天天看天天爽| 2021年精品国产福利在线| 亚洲精品福利视频| 尤物国产在线精品福利一区| 欧美精品第一页| 国产成人精品日本亚洲专区| 777欧美午夜精品影院| 91精品国产自产在线观看| 91精品国产高清久久久久久国产嫩草| 中文字幕精品一区二区日本| 国产精品久操视频| 精品一区二区三区色花堂| 久久精品亚洲精品国产欧美|