FlatIcon免費上萬個平面化UI圖示平台,要多少下載多少

梅問題-FlatIcon上萬個平面化UI圖示免費平台,要多少下載多少
  先前梅干曾分享過icomoon這個平台,在這個平台中提供了各式各樣的UI圖示,與一般免費的圖示平台最大不同點在於,使用者可以依需求,選擇自己所需要的圖示,並打包發佈一份屬於自己的Icon Fonts,如此一來瀏覽者也不用下載一大包,二來也可加速網站的載入速度,除了iconmoon這平台外,梅干最近也發現另一個平台,除了與icomoon一樣使用者可以依需求,要多少下載多少外,裡面提供的圖示更多元,且全部扁平化,同時也有提供Photoshop、Illstrator的外掛套件,讓你直接在影像工具中就可使用這些圖示,除此之外該平台提供的格式也相當的多,像是SVG、PNG、PSD..外,還有WebFont等多種格式,因此身為網頁設計的朋友,也趕快來看看囉!

FlatIcon
網站名稱:FlatIcon
連結網址:http://www.flaticon.com/

Step1
進入網站後,可透過上方的搜尋框輸入要找尋圖兆的關鍵字。
梅問題-FlatIcon上萬個平面化UI圖示免費平台,要多少下載多少
Step2
或是向下拉,也會看到目前較受歡迎的圖示有那些。
梅問題-FlatIcon上萬個平面化UI圖示免費平台,要多少下載多少
Step3
點一下進入後,就可看到所有的圖示的縮圖,當滑鼠滑到上方時,分別會出現是要加入收藏還是要預覽。
梅問題-FlatIcon上萬個平面化UI圖示免費平台,要多少下載多少
Step4
點預覽圖示後,下方就可看到可下載的檔案格式外,上方的灰色鈕,也可將該圖示加入收藏。
梅問題-FlatIcon上萬個平面化UI圖示免費平台,要多少下載多少
Step5
當把圖示加入收藏後,在畫面的右上角就會看到已加入的收藏圖示的數量,點一下就會展開目前已收藏的圖示。
梅問題-FlatIcon上萬個平面化UI圖示免費平台,要多少下載多少
Step6
點一下調色盤就可修改圖示的預設色彩。
梅問題-FlatIcon上萬個平面化UI圖示免費平台,要多少下載多少
Step7
甚至還可自訂圖示名稱。
梅問題-FlatIcon上萬個平面化UI圖示免費平台,要多少下載多少
Step8
定義好名稱後,再按右上的Back鈕返回。
梅問題-FlatIcon上萬個平面化UI圖示免費平台,要多少下載多少
Step9
當圖示已被收藏時,四周就會出現虛線框。
梅問題-FlatIcon上萬個平面化UI圖示免費平台,要多少下載多少
Step10
都選擇與設定好後,再點下方的Download鈕
梅問題-FlatIcon上萬個平面化UI圖示免費平台,要多少下載多少
Step11
接著再點右邊的Free downlad
梅問題-FlatIcon上萬個平面化UI圖示免費平台,要多少下載多少
Step12
下載回來解壓縮後,就會看到各式各樣的檔案格式。
梅問題-FlatIcon上萬個平面化UI圖示免費平台,要多少下載多少
Step13
而WebFont算是梅干比較常用的,這時進入font資料夾後,再點flaticon.html。
梅問題-FlatIcon上萬個平面化UI圖示免費平台,要多少下載多少
Step14
接著就會看到該圖示的套用方法,與圖示的名稱,剛floaticon也有提供Photoshop、Illustrator、AfterEffects的外掛套件可使用 因此也可以將foation的圖示直接引用到軟體中啦!
梅問題-FlatIcon上萬個平面化UI圖示免費平台,要多少下載多少

相關文章

「Icons8」上萬個扁平圖示產生器,可直接拖拉到Photoshop中使用

「Icons8」上萬個扁平圖示產生器,可直接拖拉到Photoshop中使用

Adobe Photoshop CC2017開新檔案大改版,加入Adobe Stock素材模板

Adobe Photoshop CC2017開新檔案大改版,加入Adobe Stock素材模板

使用舊版「Photoshop的儲存為網頁用」也可輸出Retina的各種影像尺寸

使用舊版「Photoshop的儲存為網頁用」也可輸出Retina的各種影像尺寸

Photoshop CC 將圖片批次轉存Retina各種不同的尺寸規格

Photoshop CC 將圖片批次轉存Retina各種不同的尺寸規格

「ElemisFreebies」上百個免費超質感網頁版型PSD檔下載 (可商用)

「ElemisFreebies」上百個免費超質感網頁版型PSD檔下載 (可商用)





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 1 梅留言

  • 第1梅
    小林 說道:

    梅老師您好
    請問一下這類的圖示,剛看過這網站的授權說明
    不過還是不大確定
    這類圖示若用在商業網站的話,這是允許的嗎?

    謝謝

    回應:
    這部分可能得要寫信詢問看看