Facebook Design Resources 臉書設計免費資源集合,素材開放原始碼免費下載

Facebook Design Resources 臉書設計免費資源集合,素材開放原始碼免費下載

近來越來越多公司將內部資源開放原始碼(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
網站鏈結:https://facebook.github.io/design/

使用教學

STEP 1

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

Facebook Design Resources

STEP 2

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

Facebook Design Resources

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

Facebook Design Resources

STEP 3

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

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

Facebook Design Resources

分享本文