圖片&Icon

Icon

提供超過 12,000 種平面化圖案供使用者免費下載,網站提供的圖示多為簡約設計。

不但可以線上預覽,也能把所有喜愛的圖示儲存為清單,然後一次通通下載下來,提供 SVG、PNG 和 WebFont 等多種格式。

擁有超過150,000 個 icon 圖示,提供 PNG、SVG 兩種檔案格式,只需要輸入你想要的圖示名稱,就可以找到許多各式各樣 icon 圖示。

Noun Project 提供使用者免費下載(CC)、及付費兩種方式。使用過真的會愛上它!

Google 在自家的 Google Design 網頁裡也已收錄整套的平面化設計圖示 Material icons,這套圖示是個可以運用的免費資源。

收錄超過 30 套以上的圖示集,使用者無須註冊、登入帳戶即可免費下載,不同於一般常見的圖示下載網站,該網站經過精心挑選,看得出圖示都頗有水準,而且蠻多屬於單純線條圖示,更能與你現有的網站或應用程式開發整合。

收錄大量豐富的圖示圖案,包含付費免費在內已有 200 萬個圖示可供使用!在 Iconfinder 可找到適合各種設計配色的圖案,對於設計師及開發者來說是一項非常值得加入書籤收藏的免費資源

收錄了超過 400,000 萬個以上精美 PNG、ICO、ICNS 免費圖示,內容相當豐富,網站提供英文、中文兩種操作介面,使用者只需要輸入關鍵字或點擊首頁的 Tags 即可找到自己需要的圖示,網站亦提供最近更新、熱門圖示以及 LOGO 下載等項目。在 Easyicon 網站裡的圖示都有多種尺寸,也可以將圖示通通打包下載,圖示頁面會標示圖示集名稱與相關鏈結,如果需要授權也很容易聯絡到原作者。

Premium Pixels 為一位英國設計師的網站,他在這個網站專門搜尋自己工作上用得到的各種高品質免費素材,也包含了大量介面設計專用的 ICON 懶人包,由達人精選,可以保證更加優質,也是一個快速找到實用 ICON 的好管道。

Best PSD Freebies 顧名思義提供了大量 Photoshop 專用的素材,而且都可以免費直接下載,所以你一樣可以在這裡找到立即可用的 ICON 圖示圖庫。

提供了很多黑白的圖示,然只使用黑白兩種顏色,但是卻充滿了時尚的設計創意,使用者可以自由下載這個網站裡所提供的任何圖示,並使用到自己開發的軟體或網頁上。

分別為 PNG 與 SVG,下載的網頁也明確著名 License Agreement,不管個人使用或是商業產品,只要不是直接把這些圖示拿去賣錢,都可以免費使用。

圖片

Pixeden 這個網站,主要提供高品質的網頁製作素材,如圖示(icon)、外框圖樣、iPhone App 模板、網頁的PSD模板等圖樣素材,供有網頁設計需求的人,可以參考以及下載使用這些素材模板。

Psddd 專收 Photoshop 圖檔,收錄 Dribbble 裡提供免費下載的資源,當你點選某個圖片,還是要按 Get resource,連結到 Dribbble 原來位置,再做下載儲存動作。

Freepik 本身具備搜尋功能,目前收錄的素材數量已超過 140 萬個,無論是要找免費的向量圖資源,或是一些 PSD 網頁模版或圖示,有許多水彩的icon圖示,其實這裡的資料相當豐富、一應俱全,是個很適合尋寶的地方。

背景圖片

是一款免費背景下載網站,收錄 400 種高品質紋理素材,這些背景圖案都相當精緻美觀,很適合使用於各種網頁專案,更精確地說,Subtle Patterns 收錄主要以平鋪式背景圖為主,將一張小範圍圖片利用連續出現方式來拼湊出漂亮的背景

Hero Patterns 是一款產生重複網頁背景線上工具,收集的樣式都很符合當前網頁設計潮流,允許自訂前景、背景色及透明度,乍看之下好像跟一般圖片產生器沒有差異,但其實它是一款能產生重複背景 SVG 向量格式的產生器。

不用下載任何檔案,只要將 CSS 程式碼加入網站即可輕鬆套用漂亮平鋪式背景!

Hero Patterns教學

Unique Gradient Generator 是一個獨特的漸變背景產生器(美麗的網頁毛玻璃模糊背景產生器),跟一般 CSS 漸層背景語法功能不同,透過這項服務可以從網站提供的免費圖庫來挑照片,或是自己上傳,選擇要模糊顯示範圍。因為是放大顯示,僅會提取圖片上非常小的區域,將它擴展到 100% 大小,利用瀏覽器圖片平滑演算法來產生最佳效果。

Unique Gradient Generator教學

Bgrepeat 收錄 100 個以上的免費重複背景圖,無論是個人或商業項目使用都可以,網站也提供將背景圖運用在桌面、網頁或作為 Twitter 背景的教學。這些重複背景圖尺寸皆為 128×128 ,你能免費使用,但不得轉售。

Novapattern 收錄的紋理素材數量並不是非常多,但它不以量取勝,而是走獨特且精緻的設計風格,對於不是設計工作的我來說確實也很有吸引力!除了付費素材外,網站所有素材皆採用 Creative Commons(CC 授權)姓名標示 4.0,詳細說明可以從 License 頁面找到。

Photoshop 筆刷

FBrushes 是一個很棒的網站,就字面上來看,網站名稱就是由 Free Brushes 所組成的,很清楚告訴使用者這裡提供免費的 Photoshop筆刷(Brushes),除此之外,還有圖樣(Patterns)和紋理素材(Textures),一共有 227 組,超過 4,000種的免費素材來協助你設計出更棒的作品!

Brusheezy 是一個收錄 Photoshop 相關免費資源的社群,目前總計有超過兩千種的 Photoshop 免費筆刷和素材,都是由一些設計師和熱心的網友所製作提供,除此之外,還有紋理、形狀、PSD 文件和其他與 Photoshop 相關的設計資源,通通都可以免費下載。