分享到 Facebook 分享到 Google+
▌訂閱、追蹤本站最新文章

Flatty Shadow 線上 ICON 圖標產生器

做網頁若都有只有文字,即便是功能齊全,也會讓人覺得不友善,適度的使用一些 ICON 來幫襯,不當可美化網頁,也更能貼近使用者,網路上有很多類似的網站,不過大多是固定尺寸、顏色,即便是要調整還是需要花點時間與學習。Flatty Shadow 是個 ICON 線上生成器,透過其所提供的工具,可動態產生自己想要的圖標,讓圖示風格可以一致化,讓作品看起來更具質感。

【Flatty Shadow 網站資訊】
網站語言:英文
服務性質:免費
網站網址http://flattyshadow.com/
如何使用 Flatty Shadow 來產生 ICON ?

1.使用瀏覽器進入 Flatty Shadow 網站後,便可先行體驗在其首頁上所看到簡單的示範,你可以利用滑鼠去拖動圖標左、右兩側的 Shadow Angle(陰影角度)與 Shadow Depth(陰影大小),邊拖動便能立即反映在圖示上。
ContentPhoto2310

2.接下來,可以點擊右上角的[ Get Started ]按鈕,來建立我們自己的 ICON,首先點擊[ ICON ]來選擇要建立的圖示(原先的可利用上方的垃圾桶來刪除),可多選。
ContentPhoto2310


2.點擊[ COLORS ]調整顏色。
ContentPhoto2310

3.再來,SHAPE 可選擇 ICON 的外觀形狀;SHADOW 可調整陰影,均可利用滑鼠拖動參數桿來調整。
ContentPhoto2310

ContentPhoto2310

4.點擊[ SIZE ]可來定義圖示的尺寸大小。
ContentPhoto2310


最後,點擊右上角的[ DOWNLOAD ]便會下載一個壓所檔,內含 html、css、javascript 等檔案,可依照範例將 ICON 放到網頁上。

延伸閱讀
§歡迎加入臉書粉絲團 §歡迎加入Google+社交圈
目前有0則留言
*暱稱
*電子郵件 (不會公佈)
網址
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容