設計師日常使用的素材網站有哪些?(附下載地址)

這次來跟大家聊一下 怎樣快速高效的找到滿意的設計素材?

適合對象:經常需要搜集素材的UI小公舉 以及 各位產品汪 運營喵 程序猿......

閱讀時長:約10分鐘

重點介紹:素材網站和必備小工具,不打算介紹太多,多了你也記不住,只推薦精品

文章概述:

1.圖片:網站搜集 → 素材管理;n2.圖標:網站搜集 → icon管理;n3.字體:字體下載 →字體管理;n4.設計靈感:sketch和 psd下載n5.微視頻n6.音頻n

一、圖片

搜一下iPhone,百度是這樣的:

其他素材網站是這樣的,並且是5k的,兩個差別有點大。。。

現在免費的素材也不少,而且有些還相當不錯,比如上面的幾張圖片是不是看著很棒,跟百度簡直是兩種畫風。

感謝那些將自己的優秀的圖片和作品版權授權大家免費使用的設計師,介紹幾個自己常用的素材網站吧。

不打算介紹太多,多了你也記不住,只推薦精品:五個站點+一個圖庫源軟體

1.Unsplash:五顆星

圖片主要在人物、自然、生活類的比較多,素材5k像素。每10天更新10張,更新速度還行,畢竟人家都是高質量的圖片。

版權:CC0 - 可商用,不要求署名。想怎麼用怎麼能夠用,用的時候不用問作者授權,反正隨便折騰。

2.Pexels:

搜索很方便,首頁下面就有熱門分類標籤和熱門下載,圖片各種類型的都有,比較豐富,風格偏商業化一點。圖片質量也還不錯,值得收藏。

版權:CC0 - 可商用,不要求署名。想怎麼用怎麼能夠用,用的時候不用問作者授權,反正隨便折騰。

3.Realistic Shots

主要分為五大類:建築、自然、人物、旅行、科技的素材為主,圖片質量也挺不錯。

版權:CC0 - 可商用,不要求署名。想怎麼用怎麼能夠用,用的時候不用問作者授權,反正隨便折騰。

上圖感受一下:

4.Gratisography

這個用兔子作為logo的圖站,圖片主要集中於:動物,自然,對象,人物,城市,荒誕

重在個性,往往能發現一些很有新意的圖片,夠特別。我不會告訴你在上面發現了一張荒誕裸奔的皂片。

版權:CC0 - 可商用,不要求署名。想怎麼用怎麼能夠用,用的時候不用問作者授權,反正隨便折騰。

5.Pixabay

界面是中文的,可以限制橫圖豎圖,顏色,尺寸等,可以精確地調整搜索條件。圖庫大,但質量一般,需要淘一淘。

版權是CC0 - 可商用,不要求署名。想怎麼用怎麼能夠用,用的時候不用問作者授權,反正隨便折騰。

終極必殺器:

其實還有一種辦法比這一個個網站找方便多了,一個軟體輕鬆搞定

Zoommy:一款多圖庫源管理應用,支持Windows/Mac/Linux

Mac V1.1.0 百度雲鏈接: https://pan.baidu.com/s/1i5Gyu81 密碼: wrvfn

有了它我們可以很方便的關注40多個圖庫源,找素材的效率大幅提升。

那麼存下來的圖片如何管理呢?

  • Inboard:比Ember更輕盈

如果你用過Ember回頭再來使用Inboard,你會發現它在功能上確實會少很多。但帶來的好處就是應用足夠輕盈,易用。再看看Ember中那些複雜的功能,我會用到的始終只會是它其中的一小部分。

1.文件夾和Tag方式的圖片素材管理

2.Chrome、Safari的全屏截圖保存

3.Dribbble like的關注兩個核心功能 延伸閱讀 如何成為 Dribbble 的 Player ?

使用截圖

二、圖標

特別推薦:89w+ 的免費圖標,從下載到生成 CSS sprite 一條龍服務,就問你夠不夠用?

搜索關鍵詞 『list』 ,隨便點開一個圖標打開試試,唔,效果還不錯,對吧?

繼續往下翻,還有類似風格的,沒錯,這就是我想要的,圖標豐富(89w+),從下載到生成 CSS sprite 一條龍服務,你還不趕緊收藏一下?

備選資源:

1.Freebies:Iconjar官方推薦

特點:19套圖標,數量總共有5000+,基本滿足日常需求n

2.Iconfont :阿里巴巴矢量圖標庫

特點:n1.分為阿里官方公開庫 和 其他公司或個人的所有公開庫n2.支持用戶自己上傳圖標n3.支持Webfont字體n

3.Flaticon :

特點:n1.共 189,189 枚矢量圖標分布在 3,096 圖標集里n2.號稱擁有最大的PNG, SVG, EPS, PSD and BASE 64圖標資料庫n3.圖標質量還是蠻不錯的n

4.thenounproject :

特點:n1.Lingo自己家的圖標素材網站n2.會有一些比較新穎的圖標集,如下圖:n

5.Instantlogosearch(只提供Logo,國內大廠的也有,覆蓋挺全的)

6.附圖標提取小技巧

從網頁里提取:

在百度里搜索【某個應用程序+Apptore】例如【微信 Appstore】

然後右鍵打開「檢查元素」 →Network → Img → 搞定

從APP里提取:

先打開「預覽」程序

然後在 Finder將目標應用從應用程序列表拖至Dock 欄上的「預覽」

Mac 的符號輸入面板

快捷鍵「control+command+空格」打開系統內置的符號輸入面板

管理工具:iconjar

支持 SVG、PNG、Gif 三種格式的圖片。建議大家去官方下載官方素材庫資源時候盡量導入svg格式,畢竟是矢量的,以後改著也方便。

選中某個圖標,側邊欄會出現名稱和標籤,當然不需要的右邊欄話也可以在菜單欄隱藏.

偷懶姿勢:

1. 下載圖標並安裝:官方素材庫

2. 使用時直接把圖標拖進sketch或ps 里,搞定。

三、字體

1.字體下載:

設計師常用中文字體 英文字體,需要的自己下載吧:n百度雲鏈接: https://pan.baidu.com/s/1c2n2jXu 密碼: w85vn

2.Mac字體管理工具:Rightfont:查看官方介紹與指南

四、設計靈感:包含Sketch和PSD下載

1.UI8.net:高質量,設計資源交易網站,每個設計稿都不便宜,一個作品至少$20,話說資源,放上來會被和諧嗎?在線等,挺急的。

2.Sketch Its Me:一個專註於 Sketch 分享交流的互動平台,更多更好的 Sketch 相關資源匯聚地。讓每一位 Sketch 使用者都能輕鬆掌握 Sketch

中文站點,資源也算還可以,包括圖標和各種UI設計稿都有,耐心找,也是可以找到好東西的。

3.Reeoo:什麼資源都有,諸如UI、圖標、甚至html都有,質量不錯,分類↓

4.Sketchappsources:sketch資源站,在上面找到了不少很不錯的資源,分類↓

5.Mobile-patterns:只有移動端界面,可以在左邊菜單分類檢索,諸如登錄、列表、搜索常見的元素都可以找得到。

6.Pinterest:國外大名鼎鼎的收集idea的地方,國內的類似的就是花瓣,比如要做登錄,直接都關鍵詞,如下圖 ↓

國內Pinterest:花瓣

汲取靈感,這六個網站足矣~

五、微視頻

現在很常看到網站把視頻做成首頁背景,不用按下播放按鈕,就有動態顯示效果

比如:手機淘寶app 下載頁面

Coverr:就找到了一個,找到其他的再更

Coverr 提供的免費首頁背景影片素材,這裡的素材皆能在線預覽、免費下載,而且使用上沒有任何限制。

網站每周一更新七個全新影片,目前在這裡也可以找到超過 200個以上短片。

版權:CC0 - 可商用,不要求署名。想怎麼用怎麼能夠用,用的時候不用問作者授權,反正隨便折騰。

六、音頻

挖坑,找到再更

之前好像看過一個國外網站,音效也挺多的,當時沒有保存地址。。。

……我……把名字也忘了……坑等我想起來再填……

最後,藉助小調查安利一個顏值爆表的表格Chartico:免註冊,免費用

下篇寫作預告:「 設計師必備圖片處理小工具」

1.圖片壓縮軟體 Mac/Windowsn2.一鍵將圖標導出各種尺寸,適用於ios和安卓,以及ipad,Mac等設備n3.gif錄製工具 Mac/Windowsn4.傻瓜式的透視效果製作工具n......n

最後還是要感謝各位的關注和支持,PmTalk前期會以分享工具為主,後面會發一些自己的產品感悟,順帶講一些跟甲方的故事。

對了,記得帶上瓜子,搬上小板凳看我如何跟甲方撕逼~

相關文章:

設計師提高效率的工具有哪些?(附下載地址)

設計師日常使用的素材網站有哪些?(附下載地址)

UI設計師日常使用的工具有哪些?(乾貨較多,篇幅特長)

改稿不用愁!UI設計師常用的 版本控制工具


推薦閱讀:

日本設計行業優秀設計網站
建築設計網站都有哪些推薦?
在做PC端的網頁設計時,一頁多屏和多標籤導航兩種方式哪種更好?對於瀏覽內容,哪種能使用戶流失率更低?
有哪些平面設計網站值得推薦?
請問各位大神有沒有什麼好的藝術設計網站可以分享一下?

TAG:交互设计 | 平面设计 | 设计类网站 |