發表新文章

. . . . . . . . . . . . . . . .

Flatty Shadow 下載,Flatty Shadow 線上 ICON 圖標產生器

945天 7小時 40分鐘前

來源: 原創

本文同時發佈到:Flatty Shadow 下載 影像繪圖




Flatty Shadow 線上 ICON 圖標產生器
Flatty Shadow--500多種扁平化陰影 ICON 自動產生器!圖示免費下載
「Flatty Shadow 」的用途是幫我們設計:「扁平化陰影 ICON 」,是一個可以依據 549 種不同圖像(目前數量,還在持續增加),製作不同色彩、大小、陰影變化的圖式自動產生器,而且製作完成的作品提供圖檔和程式碼免費下載。

在 iOS 與 Android ,還有整個 Apple 與 Google 設計都紛紛走向扁平化後(尤其最近 Google 力推的 Material Design ),這樣的概念也成為各式各樣平面設計的一種風格。如果你是網頁開發者,或許也希望自己的網站有著 Flat 按鈕;如果你是軟體開發者,或許正需要這樣的素材;就算你要設計的是一個海報、封面,加上一點時髦的扁平化元素也添加新潮感。
一般來說 Favicon 的大小為 16×16,格式為 ICO 或 PNG,如果你沒有辦法使用繪圖軟體製作出圖示,透過 Favikon 服務只要把圖片上傳、在拖曳出剪裁範圍,就能夠線上產生兩種格式的 Favicon 網站小圖示。
使用教學

將檔案上傳後,會出現剪裁和縮放的操作框,把虛線拉到你想要保留的位置,然後點擊下面的下載為 ICO(Download ICO)或是下載為 PNG(Download PNG)就完成了。
不想使用這張圖片嗎?點擊上方的炸彈即可將圖片刪除。
Favikon 網站小圖示(favicon)產生器
經由 Favikon 轉換後的 Favicon 圖示大小確定為 16×16,格式有兩種。
Favikon 網站小圖示(favicon)產生器
最後在網站原始碼的 <head> 和 </head> 間插入以下語法就能使用小圖示:
<link rel="shortcut icon" href="你的favicon路徑" />
如何使用 Flatty Shadow 來產生 ICON ?
1.使用瀏覽器進入 Flatty Shadow 網站後,便可先行體驗在其首頁上所看到簡單的示範,你可以利用滑鼠去拖動圖標左、右兩側的 Shadow Angle(陰影角度)與 Shadow Depth(陰影大小),邊拖動便能立即反映在圖示上。
2.接下來,可以點擊右上角的[ Get Started ]按鈕,來建立我們自己的 ICON,首先點擊[ ICON ]來選擇要建立的圖示(原先的可利用上方的垃圾桶來刪除),可多選。
2.點擊[ COLORS ]調整顏色。
3.再來,SHAPE 可選擇 ICON 的外觀形狀;SHADOW 可調整陰影,均可利用滑鼠拖動參數桿來調整。
4.點擊[ SIZE ]可來定義圖示的尺寸大小。
最後,點擊右上角的[ DOWNLOAD ]便會下載一個壓所檔,內含 html、css、javascript 等檔案,可依照範例將 ICON 放到網頁上。
網站名稱:Favikon
網站鏈結:http://www.favikon.com/




影像繪圖
對不起,您所在的分組沒有發表評論的權限!