Ajaxload 免費的線上 AJAX 讀取動畫圖示製作與設計工具

Free Design Material Ajaxload

相信許多的讀者一定都會在軟體或是網頁介面上看過一些動畫圖示,一套好的動畫圖示設計不但可以提升介面與使用者的互動性,更能夠幫助使用者了解目前程式所在執行的動作,而其中最常使用的動畫圖示,想必就是讀取的圖示了。

不久之前站長就曾介紹過了 Load Info 這個免費的 AJAX 讀取動畫圖示下載網站,可以幫助使用者快速設計一個簡單美觀的載入動畫,而今天站長打算要介紹另一個同樣可以製作 AJAX 讀取動畫圖示的線上工具 Ajaxload。

Ajaxload 是一個免費的線上 AJAX 讀取動畫圖示製作工具,使用者可以在 Ajaxload 中設定想要的讀取動畫圖示外觀、背景和前景顏色,然後就能快速的產生出一個全新的 AJAX 讀取動畫圖示,製作過程非常的簡單。

網站名稱:Ajaxload
網站連結:http://ajaxload.info/

Ajaxload 使用教學

STEP 1

進到 Ajaxload 網站後,使用者首先需要在網頁上方的 Generator 選項中設計想要的讀取動畫圖示的外觀,Ajaxload 的設計選項並不會很複雜,所以使用者不需要擔心會遇到太大的學習阻礙。

Free Design Material Ajaxload

STEP 2

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

Free Design Material Ajaxload

STEP 3

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

Background:背景顏色
Foreground:前景顏色
Transparent background:透明背景設定

Free Design Material Ajaxload

STEP 4

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

Free Design Material Ajaxload
分享這篇文章