近來越來越多公司將內部資源開放原始碼（Open Source），讓需要的開發者可以直接下載使用，集合更多人的智慧，改善原有釋出的部分，使網路世界得以變得更好。Facebook 近期推出了 Design Resources 網站，這是一個集合 Facebook 設計師所製作的免費資源素材，如果你想知道世界頂尖企業都是如何處理這些設計素材，或許可以到這個網站來下載釋出的原始圖檔，不定時更新。

之前 GitHub 將自家的 CSS 設計框架開放原始碼，釋出 Primer 專案供使用者免費下載使用，也把圖示集 Octicons 免費提供給開發者運用於個人或商業專案。還有另一個購物商店網站平台 PrestaShop 也釋出了官方圖示集。

目前 Facebook Design Resources 上提供的免費資源還不多，主要有 iOS 9 GUI (iPhone)、Diverse Device Hands 和 Origami，其中有一些已經在之前看過。網站提供了原始圖檔 PSD、Sketch 以及相關檔案，無須註冊即可免費下載。

網站名稱：Facebook Design Resources
網站鏈結：http://facebook.github.io/design/

使用教學

STEP 1

開啟 Design Resources 網站後，可以找到目前 Facebook 釋出的設計素材，其中最讓我驚艷的是 iOS 9 GUI(iPhone) 項目，這是 iOS 9 的 GUI 元素，包括兩種常見格式：PSD 和 Sketch，在網站內有許多美麗的操作介面圖片可供預覽。

STEP 2

如果你是應用程式開發者的話，應該會需要 Diverse Device Hands，也就是由手抓住行動裝置，並在螢幕上顯示應用程式畫面的素材，現在你可以不用再自己架攝影棚拍照，直接使用網站提供的原始圖檔，將需要的畫面套入即可直接使用了。

Diverse Device Hands 提供許多不同的行動裝置、手臂顏色組合。

STEP 3

另外，Origami 是一個設計原型（Design Prototyping），主要是一系列現代的使用者介面動態設計，能快速套用至你的應用程式，並在你的 iPhone 或 iPad 下產生相關動態效果。Facebook 建立 Origami 來幫助自己可以建立更多產品，例如：Instagram、Paper、Messenger、Slingshot 等等的應用程式都有用到 Origami。

Design Resources 也把 Origami 釋出，讓使用者免費下載。

喜歡免費資源網路社群的文章嗎？歡迎追蹤我們的 Facebook、Twitter 和 Google+，或是透過 Email 訂閱更新。