2017年5月28日 星期日

免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備

之前阿湯在整理免費圖庫懶人包的時候,就發現有些網站不只有圖片,還有一些小圖示可下載,今天阿湯就將一些好用的免費 ICON 圖示網站介紹給大家,很多都有 PNG、SVG、AI 等不同格式、不同尺寸可選擇,大部分都是全站免費,或是包含一些少數付費的內容,讓不管是做網頁設計、手機 APP 設計、廣告行銷的朋友們都能找到大量素材可運用。

Iconfinder

網站:請點我

這個網站目前共有 196 萬圖示、4 萬多組圖示集,首頁可以直接搜尋,不支援中文。

往下滑會看到精選付費和免費的圖示集,阿湯逛了一下付費多半從美金 1 塊起跳,到幾十塊都有。

最下面是題材分類,以英文排序分得很細,一般生活、文化、教育、季節、醫療、運輸、購物、首飾等相關內容都有,像 NSFW這個類別目前還沒在其他網站看過,點進去發現是成人專用的…還是來看遊戲和賭博好了。

如果只想看免費的內容就點「Free」切換。

例如寶可夢類,提供 SVG、PNG、AI 檔可選擇,進來看看。

試了一下 SVG 和 PNG 檔可以直接下載,AI 檔就要註冊才能用,另外還提供 Base 64 編碼下載,以及 ICO、ICNS 格式。

Flaticon

網站:請點我

這個網站的素材也很豐富,提供 40 幾萬圖標與 7,477 組圖示包。

往下看有本月最佳與最受歡迎的排行,類型、配色與設計感都很多元。

點一組來看,像這個教育類的 20 個圖標除了有作者介紹、檔案格式還附上許可證,也可以在右邊點圖示分享。

來看這個清單圖,除了純黑線條也可切換彩色版,如果不急著下載可以先點「Add to collection」存起來,有註冊就能收藏更多,而且都可以自由上色。

往下看到有 PNG、SVG、EPS、PSD 和 Base 64 可下載,還可選擇顏色和尺寸。

如果選右邊的免費下載,在自己網站公開使用必須標示作者。

 

還有一個自己設計的功能,可以把喜歡的圖丟進去、複製、加底色,再下載或分享。

Icon Archive

網站:請點我

網站收集了 59 萬個圖示、2 千多個組合包,包含一些比較大的圖檔,首頁的檔案就有 512 px,網站中的圖標有些可商用有些不可,要看下面的註記。

這個組合有 60 個素材,左邊可看到發布時間與評價,通通免費但如果商用要購買許可證。

選這隻熊熊吧,共有 PNG、ICO、ICNS 三種格式,其中 PNG 格式如果不要 512 px 那麼大,可在下面選其他尺寸,然後是以右鍵另存的方式下載。

Icon Ninja

網站:請點我

收集了 90 萬個圖示,可以直接在空白列輸入關鍵字搜尋,阿湯是直接點左上角看所有內容,就連到這頁。

這個社群組合應該很適合用在設計手機介面或 APP,可在左上角切換底色,阿湯是改成透明。

有 PNG、SVG 和 4 種不同尺寸的 ICO 格式,直接點就會下載。

另外可以從右上角進入 CSS 精靈產生器,直接進行調整、複製代碼、查看比例,非常方便。

Toicon.com

網站:請點我

首頁先介紹最新的夏季主題,可以直接點圖示進去,底下也可搜尋。

網頁介面十分清爽,從熱門圖示進去吧。

看看這隻貓咪,阿湯是把它切換成 pixels 檢視,點「download」下載壓縮檔(SVG),下載前網站會提醒你記得要標示出處。

連贊助廠商都是以圖標顯示,很有創意和整體感,雖然只有 SVG 檔可下載,但整個網站的設計風格很簡潔漂亮,阿湯還蠻喜歡的。

BestpsdFreebies

網站:請點我

如同網站名稱一樣是 PSD 素材下載網,除了圖示還有一些圖片、背景、模板、字體等資源,首頁可由類別或最新、熱門排行進入。

看這 20 個色彩繽紛的平面圖標,上面標示有五種檔案可下載,不是只有 PSD。

但沒有檔案格式可選,阿湯就直接點「DOWNLOAD」,下載完解壓縮發現只有 PSD 檔,可能阿湯誤會了,到右邊的分類看看。

網站收集的素材真的很豐富,像這區就提供了各種不同風格的 UI 設計。

這款適用於 iOS 的介面也很漂亮,下載內容也是可編輯的 PSD 檔。

Material.icons

網站:請點我

這個網站是 Google 提供的平面設計圖示,首頁一樣可直接搜尋,不過一樣不支援中文(這次介紹的網站都沒有支援中文哦)。

使用模式非常簡單,直接在首頁找到要用的圖示點下去,下排就會出現四種大小、黑色或白色,以及 SVG、PNGS、ICON FONT 可選,點它就直接下載了。

Aiconica

網站:請點我

首頁直接將題材類別按字母排列,並在名稱旁加上共有多少素材,整體雖然不多但下載次數蠻多的。

選個類別進來,點圖示後還可以塗上顏色,選擇顏色再點「PREVIEW」就可預覽變色後的樣子。

OK 的話就選擇檔案類型和尺寸點加入,類型有 GIF 和 PNG 兩種,尺寸從 16px 到 500px 都有。

最後打開右上角收集區,點「DOWNLOAD.ZIP」把加進去的檔案通通下載。

Free Icons Web

網站:請點我

首頁可以選擇免費圖示、向量圖示、PSD 檔案或 WEB UI 元素,也可以直接點顏色分類搜尋。

阿湯用綠色搜尋後選擇這一套圖示,點「Download Now」就會下載一整套,內容都是 eps 檔。

FLAT ICON DESIGN

網站:請點我

最後來介紹一個日本的網站,這個網站走日式可愛風,都是以扁平化設計的素材,首頁一樣可搜尋或從類別進入。

來看這個 6 號球,除了簡介還在右邊顯示其它配色。

往下看到五種格式,AI、EPS、JEPG、PNG、SVG。

AI 和 EPS 都是點擊直接下載壓縮檔,JEPG、PNG、SVG 這三種則可以調整大小、背景色、陰影再下載。

網站收集的類別很豐富,還有各種不同類型的緞帶素材組合。

以及這個有趣的野生動物漫畫區,可以看到各種動物的不同動作與活動,有的蠻惡搞的。

來個月兔搗藥吧,點進來除了簡介和標籤,下面還有不同的配色和姿勢的差距,選一個喜歡的點進去。

提供了 JPG、PNG、SVG 三種格式、六種尺寸可選,選到就往下點下載吧。

 

這篇文章 免費 ICON 圖標 ∕ 圖示素材懶人包,網頁設計、APP 設計必備 最早出現於 就是教不落 - 給你最豐富的 3C 資訊、教學網站



from 就是教不落 – 給你最豐富的 3C 資訊、教學網站 https://steachs.com/archives/27548

Darkr - 模擬暗房,帶你身歷其境一步步沖洗出獨一無二的黑白相片

現在大家都用數位相機,有的年輕人可能連底片機都沒接觸過,更別說是自己沖洗了,大概要相關行業或攝影社團才會接觸到「暗房」這個過程,如果你充滿好奇心不妨使用「Darkr」這個特別的 APP,由一張底片開始,一步步調整顯影時長、曝光、色溫等細節,帶你體驗手工沖洗的細緻過程黑白照片的浪漫情懷,有實作經驗的朋友也可以用這個 APP 來重溫洗照片的樂趣(僅支援 iOS)。

Darkr 使用分享:

開啟首頁,如果沒有相片的話,就直接點相機圖示。

拍攝畫面也是模擬傳統相機的設置,在觀景窗瞄準物體,右上角按鈕按下去就會聽到拍照的喀擦聲。

拍好的相片以底片模式呈現出來,選一張來沖洗,點「Darkroom」。

進入暗房,上下滑動來切換試紙的曝光時間,時間越長顏色越深,沒有正確答案,有經驗的朋友使用上應該沒問題,沒經驗的話就憑感覺吧。

然後左右滑來決定濾鏡的數值,數值越大對比度越高,決定好後就點右下角「DONE」。

黑白照片的細膩之處就是可以單獨就照片的細部再調整,先進行裁切。

再來看一下,「Dodge」是變亮,「Burn」則是變暗。

在「Burn」模式下,紅色是模擬暗房的遮罩,用手指塗抹露出的相片部分,就是你想要加暗的區域。

「Blur」模式下,手指塗過的地方會變模糊,「Dodge」跟「Burn」相反,塗過的地方是紅色的,那塊將會增加亮度,也就是顏色會變淡。

沖洗完你獨一無二的相片後就點「SAVE」儲存吧,再看看右下角的「SHOP」有什麼。

果然是介紹升級才會有的功能,有解鎖兩台相機、增加不同色調及分層調整,有興趣的朋友可以先點「Try 1 hour」試用 1 小時再考慮購買。

Darkr 相關資訊:

這篇文章 Darkr - 模擬暗房,帶你身歷其境一步步沖洗出獨一無二的黑白相片 最早出現於 就是教不落 - 給你最豐富的 3C 資訊、教學網站



from 就是教不落 – 給你最豐富的 3C 資訊、教學網站 https://steachs.com/archives/27470