隐秘而伟大！Facebook 好友图标的设计改版背后的故事

Facebook 总部是一个神奇的地方，小吃是免费的，阳光永远明媚，每个人都满脑子好点子。来这里的第一周，我碰到的每一个人都努力让这个世界更美好。同时，我也预见到了，自己将会无比轻松得适应并融入这样的日常，但是这样被带着走也容易让人迷失。所以，我时刻提醒自己不忘最初的想法，并且在我的办公桌前贴上海报，上面写着“保持谦逊”。

肩膀上有缺口的女性剪影

可是，在我开始担任Facebook设计师的职务不久，令我沮丧的情况出现了，我发现公司的形象套件并不令人满意，甚至可以说令人苦恼。在这个Photoshop文档中，代表好友的两个矢量人物剪影构成的图标，让我抓狂。其中代表男性的剪影，除了发型部分，整体是对称的，但是代表女性的那个剪影不仅在整体上不对称，甚至在肩膀位置上多了一个缺口。经过仔细观察之后，我确信这个缺口的位置正好是朋友图标中男性剪影处于女性前方时，两者交接的位置。对于这个设计缺陷我并没有什么恶意，但是在我看来女性理应拥有完整而强健的肩膀，这里缺口的存在确实欠考虑。

我将我的质疑同另外一位女设计师分享了，她指着我的海报对我说，“在Facebook碰到问题我们每个人都有责任解决。”这个女性图标需要一个完整的肩膀，所以我理应为她完善——然后我在接下来很长的一段时间里面陷入了图标设计的大坑当中。

为了对称，我将她肩膀上的缺口补上了，但是作为一个形象剪影，她的头发太像《星球大战》中黑武士的头盔了，所以发型还需要进行一些调整。马尾辫足够现代，也非常女性化，看起来会给人年轻的感觉，但是在32像素的宽度之下，马尾辫的效果看起来像是某种啮齿动物。如果改成长发披肩或者其他的造型，在如此低的分辨率之下也难以准确表达、消除歧义。所以，最终我使用了一个更加爽利精致的短发形象。

更新完女性剪影之后，问题来了：旧的男性剪影似乎也有些僵硬而过时。于是，我调整了男性剪影的发型，令其更加平滑，让肩膀的弧度更大。在更新这个图标设计的时候，我发现Facebook的常常会用男性单人图标来表示“添加好友”。这样的设定似乎并不公平，或者说是不准确，难道所有的朋友请求都应该用男性标识来传达么？唯一的性别图标是不恰当的，所以我准备了一组。

基本形象确定之后，我开始调整女性剪影的大小和顺序。作为一个曾经就读于女子学院的女性，我很难忽略图标中所代表的性别意义，这也是为什么我会对图标中男性和女性的位置是如此的敏感。女性必须一直处于“男性的阴影”中么？

我最初的想法，是让图标中的男性和女性的大小一样，相同的大小就意味着两者不会同大小来暗示前后位置和距离远近，不过迭代十几次之后，我放弃了这个设计，因为真的很难让这个图标看起来不像一个双头怪……最后，我让女性剪影的尺寸稍小了一点，置于男性剪影的前方，这样看起来好多了。

而早的“群”图标使用的是两个男性剪影和一个女性剪影构成的，女性剪影置于较大男性剪影的左后方。而新的图标我选择了使用三个不同的图标来展示，同样的我将唯一的女性图标放大置于中央。

在朋友的帮助下加速设计

我不知道我作出的这套新版的图标有没有打破团队中的某些规则，也不知道会不会收到同事们质问的短信，或者被冠以“破坏原有设计”之类的罪名，因此内心一直非常忐忑。相反，实际的状况是，新的设计并没有被否定，反而很快被大家认可，并应用到公司的新产品以及更多的平台之上。

前端工程师 Matt Sain 将新的男性和女性图标引入到桌面端网页中去，悄无声息地将新设计传播到全世界。产品经理Lexi Ross 为了将新的男性和女性图标添加到性别选项的配置文件中，还为此专门砍掉了几个原有的需求。负责管理图标的设计师Brian Frick，在6个月之前更新过图标系统，而这次为了我这个非正式新人的图标而专门更新了图标系统。

这是Brian Frick调整过后的好友图标

后来我才知道，这样的私自发起的项目在Facebook中并非唯一。去年，设计师Julyanne Liang 曾与工程师 Brian Jew 一起为非美洲的用户更新了通知图标，让这些占据半个地球的用户定制了属于他们的图标。比如亚洲的用户的通知图标中，地球的中心位置是亚洲。

Brian Frick 的地球图标

标识很重要

项目结束之后，我对于标识和符号更加重视了。我开始试着重新审视所有的图标，尤其是那些我们感觉无比熟悉的图标。举个例子，用公文包来代表“工作”是否真的是最好的标识？带着公文包上班是哪个时代的事情？有没有其他的标识能更好地代表“工作”，并且能让这个时代的人得到共鸣？

从我第一天来这里碰到的每个人的初衷和好意是如此的真实，我们都在竭尽全力让Facebook更好，营造更好的企业文化，而不是抱怨，构建一个能够真正传播每个人真实想法和优秀创意的平台，从最小的图标到设计思想都能在这里实现。这些几乎不会被大众在意的项目，不止是设计本身那么简单，许多都承载着设计师的理念和想法，它们隐秘，但是伟大。

写给初级设计师的3篇好文：

腾讯高级设计师教你进大公司！
《毕业生必看！刚入行的设计师如何敲开大公司的门》

最关心的薪水情况就在这了：
《北上广的设计师们！我们来谈谈薪水的事儿》

你问我答，说不定就是你想知道的！
《对初级设计师疑惑解答：可能是年轻的你最需要了解的》

原文地址：medium
优设译者：@陈子木

「子木说」

开始我也以为这是一个单纯的图标设计改版的故事，后来发现设计只是这个故事的一半。好设计没有好的支持，只会被埋没。但是这些认识的甚至不认识的同事，用最直接的行动支持了新的设计，让新的图标无声无息地传播到了全世界，这是对设计和设计师本人最好的支持，这也是最令人感动的地方。另外，不论是好友图标中对于男女平等的追求，还是通知图标中对于世界不同地区人群“设身处地的认可”，都是细微但是令人感动的细节。

本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量97万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：