Facebook.design 是 Facebook 团队推出的设计资源网站（域名 facebook.design ），网站上可以下载到由 Facebook 设计团队制作的 iOS 10 GUI 的 PSD、Sketch 等源文件，以及系列设备的 Mockup 源文件。本文将由 Facebook 产品设计师 Jeff Smith 讲述 Facebook.design 的创建缘由及历程。

Facebook 的 iOS 10 GUI

即便是 Facebook 的设计师，也经常会感谢他人制作分享的一些资源（UI Kit、源文件）、工具。因为那些资源工具不仅让我们学习、成长得更加迅速，同时还有机会向优秀的设计师作品学习。所以，Facebook 设计团队也希望通过制作一些资源和工具，回馈给设计社区。

这些资源工具对于年轻设计师来说有非常大帮助，我（Jeff Smith）觉得自己就是个最好的例子。由于并非科班出身，我在设计方面的学习都来源于互联网，以及时常也会与一些经验丰富的设计师（Geoff Koops、Dustin Senos）交流学习。

在以前我开始做自由职业时，非常记得，给第一个客户夸谈售卖完自己的技能后，坐在厨房餐桌前，那自信但又焦虑的我。只能自己去通过互联网梳理知识，再查找相关的移动设计规范。然后在一个偶然的机会，我发现了一个由 Teehan&Lax 制作的 iOS GUI（iPhone 4）资源。

照片来自：Luke Chesser 

这个 GUI 资源来得非常及时，我一个图层一个图层地分离 psd 文件，然后参考着为那个客户绘制 UI 界面。这一次，也让我学到了设计的基础框架：宽松的手机导航栏设计，各元素的参考线，以及很多 Photoshop 设计经验。当时我对那份资源、以及制作的人的感激之情，到现在还记得很清楚。

多年后，我加入了 Facebook——很巧的，是 Jon Lax（当初那份iOS GUI制作者之一）看到了我的作品集，然后 Geoff Teehan （另一人）也成为了我的总监。在我加入后，Geoff 和我小谈了下他们的iOS GUIs，他给我讲述了他们早期创建 Teehan&Lax 网站的初衷，提及希望我们应该也在 Facebook 做一个这样的网站。我当然愿意牵头做这件事。

在那次谈话的几个月后，我们正式发布了第一个 iOS GUI（iOS 9）。14个人，来自 Facebook 各个设计团队，总共花了2个星期的时间。我们这群设计师有来自 Facebook 商业产品的、Instagram的（Facebook 收购）、News Feed 的，大家都走到了一起，在每天工作时间之外，为第一个版本的 iOS GUI 设计一个又一个图层。很少能见到在大公司有这么密切的合作，尤其还来自不同的团队。我想，大家愿意将晚上的时间花出来，都是因为我们共同希望，将自己的设计回馈给社区，帮助到其他设计师。

Facebook.design的第一版

目前网站已经有接近25万次的下载量，并且离第一个版本后增加了一系列不同设备以及可穿戴设备的资源集合。最近一次的“Facebook 设计资源”大版本更新，我们添加了系列新款 Apple 和谷歌设备的Mockup，以及一份 iOS 10 GUI。同时GUI里也扩展了组件集，确保他们可以匹配 iOS 开发者所使用的标准组件。

另外，我们也意识到为设计社区制作资源不单单只是制作 Sketch 和 Photoshop 源文件，所以也将很多其他资源整合进 Facebook.design 上。包括在Medium上文章已经十分丰富的Facebook专栏，里面发表的许多文章，都反映了我们团队的设计思考和设计价值。在专栏里，你会看到一些关于我们的工具、文化、流程、案例分析等等的文章。同样的，网站栏目逐步增加的视频也会分享一些灵感和看法，来自于 Facebook 内部的和外界的设计师。

Facebook.design这次更新的资源，包括工具、文章和视频

回馈，是一个人、一个组织成长的重要部分。也许现在某一个地方，某个人，在初学着如何移动像素，或者在初次思考产品流程。10年后，同样的这个人，他可能就成为了万人敬仰的设计师之一。我们希望制作的设计资源，能够像一位经验丰富的设计师那样，帮助到他们，让他们更好、更快地完成自己伟大的设计作品。

Facebook.design 只是刚刚起步阶段。像大多数 Facebook 的产品一样，将会频繁地迭代更新。但我们始终希望，这里可以成为一个设计师查找权威资源的地方，并且对设计师或开发者的职业道路上能有所帮助。最终，希望这点力量，可以助推行业的发展前进。

_______

本文由shengbanx翻译整理，原文版权归属原作者所有

转载须注明来源及以下信息：

原文发表于Medium 16年10月18日

《Giving Back to the Design Community》

by Jeff Smith

shengbanx 译