資料來自網(wǎng)絡(luò)，創(chuàng)想者學院整理

工欲善其事，必先利其器。秉承著這句古語，我常常收集一些跟產(chǎn)品設(shè)計相關(guān)的小工具，可收集歸收集，過一段時間就忘記還有這些「寶物」了。所以，這回特地拎了一些出來，一作整理，二作分享。

Google Design： Google 出品的字體、圖標、設(shè)備尺寸等資源，當然還有 Material Design 設(shè)計指南。

Facebook Design Resources：Facebook 出品的免費設(shè)計資源，包含 iOS 9 UI 模板（相信很快就有 iOS 10 的了）、設(shè)備模板等資源。

iOS 10 UI：一鍵下載 iOS 10 的 UI Kit。

Cubic-Bezier：隨意調(diào)整貝塞爾曲線且可以導出 CSS ，做動效的貼心工具。

Visual Cebter：幫你找到一個圖片/圖標的視覺中心。

Type Anything：自定義字體、字號、間距等樣式條件來排版（適合英文）。

Mobile Design Pattern：可按不同移動平臺（iPhone、iPad、Android）來查找移動設(shè)計模型。

Sketchsheets：免費下載 iPhone 5、iPhone 6、iPad 等模板（不過還沒有 iPhone 6s 和 iPhone 7 的）。

Aspects：輕松按照 16:9、4:3、21:9 和 2:1來計算寬高。

Loding.io：自定義顏色、寬高、速度等樣式來獲取「加載狀態(tài)」的圖片（SVG/GIF）/CSS。

Type Terms：學習字體結(jié)構(gòu)的好去處，不過是純英文。順便推薦《西文字體》。

Unsplash：既免費又高質(zhì)量的個人攝影圖片，隨你怎么用。

Tally：快速制作需要一個需要投票的問題，讓團隊無記名投票。

WeTransfer：免費分享文件（2G），7 天后銷毀。

Color Safe：找到符合《無障礙設(shè)計指南 2.0》字體與背景色比例的調(diào)色板。

Colors：上千種你要的顏色板，可自定義自己的偏好并生成。

Canvas，快速制作你想要的海報、橫幅廣告、幻燈片等，素材豐富。你也可以用 創(chuàng)客貼，Canvas 的中國版本。

Grid.Guide：快速生成和下載你想要的柵格尺寸。

Diff Checker：快速找到兩份文字內(nèi)容的不同之處。

Internet Archive：查找某個網(wǎng)站的歷史頁面。

Frontify：幫你制作設(shè)計規(guī)范。

AniCollectiong：動效合集，還提供了 CSS 代碼下載。

Coverr：要給網(wǎng)站首頁搞個短視頻？這里有大量免費的供你下載。

Bitly：能夠提供點擊量統(tǒng)計的短網(wǎng)址平臺。也可以試試國內(nèi)的 丫蛋短網(wǎng)址。