相信許多的讀者一定都會在軟體或是網頁介面上看過一些動畫圖示,一套好的動畫圖示設計不但可以提升介面與使用者的互動性,更能夠幫助使用者了解目前程式所在執行的動作,而其中最常使用的動畫圖示,想必就是讀取的圖示了。
不久之前站長就曾介紹過了 Load Info 這個免費的 AJAX 讀取動畫圖示下載網站,可以幫助使用者快速設計一個簡單美觀的載入動畫,而今天站長打算要介紹另一個同樣可以製作 AJAX 讀取動畫圖示的線上工具 Ajaxload。
Ajaxload 是一個免費的線上 AJAX 讀取動畫圖示製作工具,使用者可以在 Ajaxload 中設定想要的讀取動畫圖示外觀、背景和前景顏色,然後就能快速的產生出一個全新的 AJAX 讀取動畫圖示,製作過程非常的簡單。
網站名稱:Ajaxload
網站連結:http://ajaxload.info/
網站連結:http://ajaxload.info/
Ajaxload 使用教學
STEP 1
進到 Ajaxload 網站後,使用者首先需要在網頁上方的 Generator 選項中設計想要的讀取動畫圖示的外觀,Ajaxload 的設計選項並不會很複雜,所以使用者不需要擔心會遇到太大的學習阻礙。

STEP 2
首先,使用者請先在第一個 Indicator type 選項中選擇想要的讀取動畫圖示樣式。

STEP 3
然後繼續設定圖示的背景、前景顏色與是否要使用透明背景等的選項,最後只要按下右下角的 Generate it 按鈕就可以快速產生剛剛設計好讀取圖示。
Background:背景顏色
Foreground:前景顏色
Transparent background:透明背景設定

STEP 4
當圖示產生完成後,使用者可以在下方的 Preview 區域看到剛剛所設計出來的讀取圖示預覽圖,最後只要點擊下方的 Download it 按鈕就可以下載使用。
