資料來自網(wǎng)絡(luò)模闲，創(chuàng)想者學(xué)院整理
工欲善其事，必先利其器崭捍。秉承著這句古語尸折，我常常收集一些跟產(chǎn)品設(shè)計(jì)相關(guān)的小工具，可收集歸收集殷蛇，過一段時(shí)間就忘記還有這些「寶物」了实夹。所以，這回特地拎了一些出來粒梦，一作整理亮航，二作分享。
Google Design： Google 出品的字體匀们、圖標(biāo)缴淋、設(shè)備尺寸等資源，當(dāng)然還有 Material Design 設(shè)計(jì)指南泄朴。
Facebook Design Resources：Facebook 出品的免費(fèi)設(shè)計(jì)資源重抖，包含 iOS 9 UI 模板（相信很快就有 iOS 10 的了）、設(shè)備模板等資源叼旋。
iOS 10 UI：一鍵下載 iOS 10 的 UI Kit仇哆。
Cubic-Bezier：隨意調(diào)整貝塞爾曲線且可以導(dǎo)出 CSS ，做動效的貼心工具夫植。
Visual Cebter：幫你找到一個(gè)圖片/圖標(biāo)的視覺中心。
Type Anything：自定義字體油讯、字號详民、間距等樣式條件來排版（適合英文）。
Mobile Design Pattern：可按不同移動平臺（iPhone陌兑、iPad沈跨、Android）來查找移動設(shè)計(jì)模型。
Sketchsheets：免費(fèi)下載 iPhone 5兔综、iPhone 6饿凛、iPad 等模板（不過還沒有 iPhone 6s 和 iPhone 7 的）狞玛。
Aspects：輕松按照 16:9、4:3涧窒、21:9 和 2:1來計(jì)算寬高心肪。
Loding.io：自定義顏色、寬高纠吴、速度等樣式來獲取「加載狀態(tài)」的圖片（SVG/GIF）/CSS硬鞍。
Type Terms：學(xué)習(xí)字體結(jié)構(gòu)的好去處，不過是純英文戴已。順便推薦《西文字體》固该。
Unsplash：既免費(fèi)又高質(zhì)量的個(gè)人攝影圖片，隨你怎么用糖儡。
Tally：快速制作需要一個(gè)需要投票的問題伐坏，讓團(tuán)隊(duì)無記名投票。
WeTransfer：免費(fèi)分享文件（2G）握联，7 天后銷毀著淆。
Color Safe：找到符合《無障礙設(shè)計(jì)指南 2.0》字體與背景色比例的調(diào)色板。
Colors：上千種你要的顏色板拴疤，可自定義自己的偏好并生成永部。
Canvas，快速制作你想要的海報(bào)呐矾、橫幅廣告苔埋、幻燈片等，素材豐富蜒犯。你也可以用 創(chuàng)客貼组橄，Canvas 的中國版本。
Grid.Guide：快速生成和下載你想要的柵格尺寸罚随。
Diff Checker：快速找到兩份文字內(nèi)容的不同之處玉工。
Internet Archive：查找某個(gè)網(wǎng)站的歷史頁面。
Frontify：幫你制作設(shè)計(jì)規(guī)范淘菩。
AniCollectiong：動效合集遵班，還提供了 CSS 代碼下載。
Coverr：要給網(wǎng)站首頁搞個(gè)短視頻潮改？這里有大量免費(fèi)的供你下載狭郑。
Bitly：能夠提供點(diǎn)擊量統(tǒng)計(jì)的短網(wǎng)址平臺。也可以試試國內(nèi)的 丫蛋短網(wǎng)址汇在。
