設計神器兩連發！載入動效在線生成網站最好用的免費圖庫推薦！

最新 09-08

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

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 個頂尖免費圖庫搜尋引擎，使用演演算法過濾不適合圖片還能比價」也很實用，特別是你希望找到的圖不要品質太差、無法使用，透過人工智慧先幫你把不適合的圖去除。