@豁牙子的阿昕?：設(shè)計(jì)神器小分隊(duì)一直以來分享過很多靜態(tài)素材的工具和網(wǎng)站，有關(guān)動(dòng)效的內(nèi)容卻不多。為了做到雨露均沾，今天阿昕就來安利一個(gè)在線生成小動(dòng)效的網(wǎng)站。

https://loading.io/

往下拉就會(huì)看到一個(gè)個(gè)歡脫的小動(dòng)效在旋轉(zhuǎn)跳躍，以及一個(gè)詳細(xì)的編輯頁面。

雖然有點(diǎn)花里胡哨的，但不要慌張！它幾乎可以滿足你所有的loading小動(dòng)畫需求。

編輯部分的功能很全面，從尺寸、旋轉(zhuǎn)的速度到小橢圓的數(shù)量和形狀都可以編輯。當(dāng)然也包括動(dòng)圖的顏色以及背景色。

全部更改之后能變成完全不同的另一個(gè)動(dòng)效。

當(dāng)然下載起來也是很方便的，能用gif、svg、css三種方式下載。

動(dòng)效當(dāng)然不止這一種形式！頁面往下拉還有很多動(dòng)圖的花樣可以選擇，點(diǎn)擊右下角的 more 即可進(jìn)入全部動(dòng)效的瀏覽頁面。

會(huì)發(fā)現(xiàn)一個(gè)新世界哦！

最后最重要的，網(wǎng)站是免費(fèi)的！都是一些簡單的動(dòng)效，其實(shí)大家學(xué)學(xué)也能做，但一鍵下載還能在線編輯能為我們節(jié)省很多時(shí)間，喜歡的寶寶們可以試起來了！

Pexels

https://www.pexels.com/

Pexels 堪稱最值得推薦的免費(fèi)圖庫之一，它的特色是將許多大大小小圖庫及素材來源整合在同一網(wǎng)站，加入搜尋、分類及標(biāo)簽等功能，讓使用者在找圖片時(shí)更快更準(zhǔn)確。Pexels 提供各種尺寸的相片，甚至有 HD 高畫質(zhì)的原始圖檔，無須注冊(cè)就能下載，更棒的是還能依照使用者需求，設(shè)定尺寸后自動(dòng)在線上裁切，節(jié)省下載后必須自行編輯所耗費(fèi)的時(shí)間。

在 Pexels 圖庫里收錄的相片素材皆采用 CC0（Creative Commons Zero）授權(quán)，可使用于個(gè)人或商業(yè)用途，亦可編輯、修改、復(fù)制，不用標(biāo)注來源或鏈接。

STEP 1

開啟 Pexels 網(wǎng)站后，可直接從上方搜尋框輸入要搜尋的圖片關(guān)鍵字，下方也會(huì)列出幾個(gè)熱門搜尋。跟一般國外圖庫一樣，都只能使用英文，如果你要找圖的話記得把關(guān)鍵字轉(zhuǎn)成英文應(yīng)該就能夠精準(zhǔn)找到。

順帶一提，之前推薦過「Everypixel 整合 50 個(gè)頂尖免費(fèi)圖庫搜尋引擎，使用演算法過濾不適合圖片還能比價(jià)」也很實(shí)用，特別是你希望找到的圖不要品質(zhì)太差、無法使用，透過人工智慧先幫你把不適合的圖去除。

STEP 2

搜尋結(jié)果是以預(yù)覽圖方式排列，就如同 Pinterest 瀑布流效果，將鼠標(biāo)移動(dòng)到圖片上方會(huì)顯示相片作者，點(diǎn)擊可以開啟相片詳細(xì)資訊頁面。

STEP 3

另一個(gè)瀏覽方式是從右上角選單找到「Browse」瀏覽功能，可探索相片、查看熱門相片或搜尋、排行榜或以顏色來篩選尋找相片。

我個(gè)人相當(dāng)推薦 Pexels 熱門搜尋關(guān)鍵字功能，類似于圖庫的相片分類，從這裡能找到各種好圖，當(dāng)你沒有靈感時(shí)，翻一翻這些分類或許是個(gè)不錯(cuò)的方法。

STEP 4

最后，我示范一下如何從 Pexels 下載相片素材教學(xué)，一樣是打開相片頁面后，在右上角的綠色按鈕「Free Download」找到下載功能。

將鼠標(biāo)移動(dòng)到「Free Download」右側(cè)，會(huì)顯示要下載的相片尺寸，包括原始大小及各種不同常見尺寸，如果你需要特殊尺寸，也可從「Custom Size」輸入要裁切的尺寸大小，選擇后按下最下面的「Download」就能取得相片咯！

值得一試的三個(gè)理由：

• 所有相片皆采用 CC0 授權(quán)可商業(yè)用或復(fù)制、改作
• 將許多世界知名圖庫資源整合，一鍵搜尋更方便
• 提供原始高畫質(zhì)圖檔，亦有各種尺寸下載

歡迎同學(xué)們關(guān)注最充滿智（dou）慧（bi）的設(shè)計(jì)賬號(hào)：

「美丫姐推薦的設(shè)計(jì)神器」

1. 《快速生成文字云效果+預(yù)覽字體運(yùn)用效果的網(wǎng)站》
2. 《無腦建站神器+快速選字體的IDEO地圖》
3. 《一秒鐘位圖轉(zhuǎn)矢量！超級(jí)好用的轉(zhuǎn)矢量軟件VECTOR MAGIC》
4. 《超好用！圖片無損壓縮工具+無損放大神器（打包下載）》

原文地址：free.com.tw

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com