Transformicons:為 Icon 增加動態效果

目前一般的網頁 Iocn 都是靜態的,頂多用 Gif 表現一些簡單的效果,如果要像 Flash 可以有一個平滑的動畫效果,往往還需要借助程式設計師為這些動畫編寫相關的程式碼。這對視覺設計師來說,會產生一個問題,那就是對畫面失去部分的掌握,往往需要等到程式設計師處理完後,再由視覺設計師做最後的潤飾,在案件急迫或客戶預算有限的形況下,很容易產生執行上的困難。因此,對視覺設計師來說會希望有一個簡單的工具來幫助他處理類似的問題。

對於這個問題 Transformicons 顯然注意到了。它提供一系列由 SVG 及 CSS 組成的動態 Icon,像是常用的選單、網格、新增、刪除、寄信、載入等等動態效果,而且你只要透過點選 Builder 的按鈕,然後勾選你需要的動態效果,就可以直接在線上產生相關的程式碼。讓視覺設計師在製作網頁的時候能夠直接複製貼上,不用為這些可以添加畫面趣味的小動畫傷腦筋。(完)

SVG 做的載入動畫

載入動畫是網路上很常見的小功能,主要是用來提醒瀏覽者網頁目前正處於下載的階段,目前大多會使用常見的 Gif 來製作這樣的效果,像是知名的線上工具 Ajaxload。雖然這些 Gif 的確很方便,但還是有一些點陣檔普遍的缺點無法克服,像是不行自由縮放、檔案大小會與動畫的複雜度成正比、不是那麼完美的去背等等。而這些問題正是 SVG 的優點;Sam 是一位住在紐約布魯克林區的設計師,他在常見的 Gif 點陣檔之外,另外提供了一組向量 SVG 做的載入動畫,更重要的是,你可以免費下載,有需要的人趕快來玩看看吧。 (完)