Photoshop, 免費資源, 網頁/動畫, 網頁設計, 網頁資源

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

梅干2016/06/14
梅問題-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圖示免費平台,要多少下載多少
UAG軍規iPhone防摔殼