@豁牙子的阿昕?：設計神器小分隊一直以來分享過很多靜態素材的工具和網站，有關動效的內容卻不多。為了做到雨露均沾，今天阿昕就來安利一個在線生成小動效的網站。

https://loading.io/

往下拉就會看到一個個歡脫的小動效在旋轉跳躍，以及一個詳細的編輯頁面。

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

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

全部更改之后能變成完全不同的另一個動效。

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

動效當然不止這一種形式！頁面往下拉還有很多動圖的花樣可以選擇，點擊右下角的 more 即可進入全部動效的瀏覽頁面。

會發現一個新世界哦！

最后最重要的，網站是免費的！都是一些簡單的動效，其實大家學學也能做，但一鍵下載還能在線編輯能為我們節省很多時間，喜歡的寶寶們可以試起來了！

Pexels

https://www.pexels.com/

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

在 Pexels 圖庫里收錄的相片素材皆采用 CC0（Creative Commons Zero）授權，可使用于個人或商業用途，亦可編輯、修改、復制，不用標注來源或鏈接。

STEP 1

開啟 Pexels 網站后，可直接從上方搜尋框輸入要搜尋的圖片關鍵字，下方也會列出幾個熱門搜尋。跟一般國外圖庫一樣，都只能使用英文，如果你要找圖的話記得把關鍵字轉成英文應該就能夠精準找到。

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

STEP 2

搜尋結果是以預覽圖方式排列，就如同 Pinterest 瀑布流效果，將鼠標移動到圖片上方會顯示相片作者，點擊可以開啟相片詳細資訊頁面。

STEP 3

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

我個人相當推薦 Pexels 熱門搜尋關鍵字功能，類似于圖庫的相片分類，從這裡能找到各種好圖，當你沒有靈感時，翻一翻這些分類或許是個不錯的方法。

STEP 4

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

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

值得一試的三個理由：

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

歡迎同學們關注最充滿智（dou）慧（bi）的設計賬號：

「美丫姐推薦的設計神器」

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

原文地址：free.com.tw

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

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

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com