圖片、圖標、代碼資源網(wǎng)站

• • • 程序員必備的相關(guān)資源網(wǎng)站
    • • 一、網(wǎng)頁設(shè)計篇
      • 二、圖片篇（1）
      • 三、圖片篇（2）
      • 四、圖片素材網(wǎng)址匯總篇
      • 五、免費圖片網(wǎng)站
      • 六、web前端開發(fā)篇
      • 七、圖標篇
      • 八、代碼網(wǎng)站篇
    • 網(wǎng)站地址
    • • 網(wǎng)站設(shè)計篇
      • • DOOOOR
        • 創(chuàng)客貼
        • 圖幫主
        • 懶設(shè)計
        • 拼圖軟件
        • ColorHunt
        • SiteInspire
        • CollectUI
        • logopond
      • 圖片篇
      • • Librestock
        • • StockSnap
          • iphone6papers
          • 500px
          • Unsplash
      • 圖片篇（2）
      • • • 花瓣網(wǎng)
          • 堆糖網(wǎng)
          • SOOGIF
          • GIPHY
          • Pixabay
          • ssyer
      • 圖片素材網(wǎng)址匯總篇
      • • • 千庫網(wǎng)
          • 90設(shè)計網(wǎng)
          • 千圖網(wǎng)
          • 包圖網(wǎng)
          • 攝圖網(wǎng)
          • 昵圖網(wǎng)
          • 站酷
          • 懶人圖庫
          • 素材中國
          • 我圖網(wǎng)
          • 彼岸圖網(wǎng)
        • 免費圖片網(wǎng)站篇
        • • LittleVisuals.co
          • picjumbo
          • wefunction
          • Pexels
        • web前端開發(fā)篇
        • • 配色網(wǎng)
          • UIgradients
        • 圖標篇
        • • Iconfont
          • 3000矢量圖標：
        • 代碼網(wǎng)站篇
        • • CodePen
          • Bootsnpp

程序員必備的相關(guān)資源網(wǎng)站

一、網(wǎng)頁設(shè)計篇

1、DOOOOR
2、創(chuàng)客貼
3、圖幫主
4、懶設(shè)計
5、ColorHunt
6、ArtStation
7、SiteInspire
8、CollectUI
9、logopond

二、圖片篇（1）

1、Librestock
2、StockSnap
3、iphone6papers
4、500px
5、Unsplash

三、圖片篇（2）

1、花瓣網(wǎng)
2、堆糖網(wǎng)
3、SOOGIF
4、GIPHY
5、Pixabay
6、ssyer

四、圖片素材網(wǎng)址匯總篇

1、千庫網(wǎng)
2、90設(shè)計網(wǎng)
3、千圖網(wǎng)
4、包圖網(wǎng)
5、攝圖網(wǎng)
6、昵圖網(wǎng)
7、站酷
8、懶人圖庫
9、素材中國
10、我圖網(wǎng)
11、彼岸圖網(wǎng)

五、免費圖片網(wǎng)站

1、LittleVisuals.co
2、picjumbo
3、wefunction
4、Pexels

六、web前端開發(fā)篇

1、配色網(wǎng)
2、UIgradients

七、圖標篇

1、Iconfont
2、3000矢量圖標

八、代碼網(wǎng)站篇

1、CodePen
2、Bootsnpp

網(wǎng)站地址

網(wǎng)站設(shè)計篇

DOOOOR

DOOOOR是一個品鑒國外優(yōu)秀設(shè)計作品，為廣大設(shè)計師提供首選高端精神食糧的創(chuàng)意欣賞類平臺。收錄作品不斷充實，旨在吸收國外優(yōu)秀思想，培養(yǎng)國內(nèi)設(shè)計界多風格高端人才，弘揚中國未來創(chuàng)意產(chǎn)業(yè)文化。

網(wǎng)站：http://www.doooor.com/forum-38-1.html

創(chuàng)客貼

創(chuàng)客貼，極簡好用的平面設(shè)計作圖軟件，在線圖片編輯器，免費使用。提供免費設(shè)計模板，有海報、名片、公眾號圖片、PPT、邀請函等65個場景模板，一鍵稿定設(shè)計印刷。

網(wǎng)站：https://www.chuangkit.com/

圖幫主

圖幫主，設(shè)計小白最愛的懶人設(shè)計神器。拖拉拽，秒出圖，輕松搞定平面設(shè)計，圖幫主在線平面設(shè)計工具提供五大類50多個場景的海量模板，讓創(chuàng)意不再受限于工具。

網(wǎng)站：http://www.tubangzhu.com/

懶設(shè)計

功能齊全，工作更高效，生活更輕松。繼photoshop后，新一代數(shù)字圖像增強處理與平面設(shè)計工具。

網(wǎng)站：https://www.fotor.com.cn/

拼圖軟件

網(wǎng)站：https://www.fotor.com/cn/app.html#/collage/c81c5bc0-d4aa-11e7-90f5-133e0c92895e/classic

ColorHunt

olorHunt 網(wǎng)站是一個致力于幫助產(chǎn)品設(shè)計師們更好的選擇顏色搭配組合的站點，從互聯(lián)網(wǎng)中收集了海量的完美色彩組合，你可以把這些顏色組合運用到任何產(chǎn)品設(shè)計項目，方便設(shè)計師們找到最佳的色系搭配組合。
??色彩對視覺有刺激作用，在視覺傳達設(shè)計中常常具有先聲奪人的力量，這就是人們常說的設(shè)計的視覺沖擊力的主要體現(xiàn)吧。“遠看色彩近看花”、“七分顏色三分花”正說明色彩極易引起人的情感反應與變化。人的視覺對于色彩的特殊敏感性，決定了色彩設(shè)計在包裝視覺傳達中的重要價值。
??
??網(wǎng)站：http://colorhunt.co/c/42937

SiteInspire

優(yōu)秀網(wǎng)頁設(shè)計展示平臺，由（Howells—Studio）豪威爾斯-工作室選擇和策劃的。是一個展示互聯(lián)網(wǎng)上最優(yōu)秀的網(wǎng)頁設(shè)計的平臺，用戶可以提交自己的網(wǎng)站，所有的網(wǎng)站收錄都是經(jīng)過人工審核的，目前已經(jīng)收錄2000多中風格各異的優(yōu)秀網(wǎng)站設(shè)計資源。

網(wǎng)站：https://www.siteinspire.com/

CollectUI

CollectUI 網(wǎng)站是一個提供網(wǎng)頁設(shè)計師靈感設(shè)計案例作品的站點，每天更新界面設(shè)計師們的最新靈感設(shè)計作品，例如登錄界面、付費界面、404界面、排行榜界面、搜索界面、注冊界面等。
??該網(wǎng)站基于Dribbble網(wǎng)站而來，每天人工收集最佳的設(shè)計作品，目前已收錄超過2000+個案例，112種不同的分類，由于所有的案例均是來自于Dribbble網(wǎng)站，設(shè)計師們可以在該網(wǎng)站欣賞作品大圖，點擊后會進入目標站點，查看更加詳細的設(shè)計資料 ，包括配色、設(shè)計理念和討論話題；

網(wǎng)站：https://www.collectui.com/challenges/form

logopond

網(wǎng)站：https://logopond.com/gallery/list/?gallery=featured&filter=#more

圖片篇

Librestock

LibreStock 網(wǎng)站是一個致力于高清、優(yōu)質(zhì)圖片推薦和搜索的站點，該網(wǎng)站通過特定的算法機制整合了眾多的優(yōu)質(zhì)素材站點，用戶可以通過關(guān)鍵詞來搜索想要的素材圖片，篩選出來的圖片列表可以預覽，點擊下載的時候會直接跳轉(zhuǎn)到目標站點上。
??LibreStock 網(wǎng)站本身并不提供原創(chuàng)的圖片素材，而是通過索引其他網(wǎng)站上的圖片資源來達到站內(nèi)搜索查詢的目的，當用戶點擊下載的時候會跳轉(zhuǎn)到目標網(wǎng)站上下載，簡單的機制來達到最直接的目標，相信設(shè)計師都喜歡一站式的搜索功能。

網(wǎng)站：http://librestock.com/

StockSnap

號稱第一的免費精美圖片分享站，可商用，完全免費
??StockSnap:免費圖片素材高清資源庫是一個提供可自由下載使用的高清晰攝影圖片作品的素材庫，所提供的資源相當實用，該網(wǎng)站由多位攝影師組成，提供豐富的免費照片，隨意使用無需經(jīng)過授權(quán)。
??StockSnap 網(wǎng)站的設(shè)計其實非常簡單，其宗旨就是希望能為尋找美麗圖片的使用者提供一個完整且豐富的圖片素材資源庫，網(wǎng)站每天都會有攝影師上傳發(fā)布作品，找出高品質(zhì)、高清晰度的照片并更新到該網(wǎng)站上來，讓更多的人去免費使用。
??該網(wǎng)站所有的圖片都是采用CC0（Creative Commons授權(quán)，這也標識你可以將圖片做任何用途，包括自由修改、復制、二次發(fā)布等，甚至可以用于商業(yè)用途，而無需原作者許可。

網(wǎng)站：https://stocksnap.io/

iphone6papers

網(wǎng)站：http://iphone6papers.com/

500px

500px是一個致力于攝影分享、發(fā)現(xiàn)、售賣的專業(yè)平臺，來自世界各地的攝影師是我們忠實的用戶。

網(wǎng)站：https://500px.com/

Unsplash

網(wǎng)站：https://unsplash.com/

圖片篇（2）

花瓣網(wǎng)

設(shè)計師尋找靈感的天堂!圖片素材領(lǐng)導者,幫你采集、發(fā)現(xiàn)網(wǎng)絡(luò)上你喜歡的事物。你可以用它收集靈感,保存有用的素材，計劃旅行，曬曬自己想要的東西。

網(wǎng)站：http://huaban.com/

堆糖網(wǎng)

堆糖提供超快捷的圖文收集工具，一鍵收集分享興趣，還有各種興趣主題小組，可以輕易地找到日常生活中難以遇到的、跟自己興趣相同的朋友。

網(wǎng)站：https://www.duitang.com/

SOOGIF

SOOGIF提供搞笑、表情、美女、明星、熱門事件GIF動圖全搜索，QQ、微信斗圖神器,微信公眾號、微博編輯GIF動圖素材庫,好玩的GIF出處發(fā)源地.

網(wǎng)站：http://www.soogif.com/

GIPHY

Giphy是一個在線動態(tài)GIF圖片搜索引擎，是一個搜索那些互聯(lián)網(wǎng)中動態(tài)的gif動畫圖片資源的網(wǎng)站，號稱GIF界的谷歌。Giphy的使用方法和其他搜索引擎一樣，用戶只需在頁面頂部的搜索…

網(wǎng)站：https://giphy.com/

Pixabay

Pixabay官網(wǎng)中文版是由一個面向全球用戶的高質(zhì)量圖片分享社區(qū)。Pixabay擁有超過1.7百萬的照片、插畫、矢量圖片以及視頻資源，類型豐富多樣，完全免費，無版權(quán)限制，同時提供強大的快速搜索和下載功能，能夠自定義篩選，幫助用戶更好的進行資源查找，同時還支持資源上傳分享，是藝術(shù)家不可缺少的資源網(wǎng)站之一！

網(wǎng)站：https://pixabay.com/

ssyer

沙沙野是一個面向全球的高質(zhì)量視覺素材平臺，擁有百萬素材。提供高清圖片素材，網(wǎng)頁素材，矢量圖的免費下載服務。全站圖片，視頻素材均可在遵守平臺規(guī)則的情況下直接下載。

網(wǎng)站：http://www.ssyer.com/

圖片素材網(wǎng)址匯總篇

千庫網(wǎng)

千庫網(wǎng)是國內(nèi)設(shè)計師喜歡的圖片素材庫，588ku.com為設(shè)計師提供各類好看免費的png圖片和素材、背景圖片、背景素材、海報背景、banner背景、邊框花紋素材、藝術(shù)字、主圖…

網(wǎng)站：http://588ku.com/

90設(shè)計網(wǎng)

90設(shè)計是專注電商設(shè)計的淘寶素材庫,設(shè)計交流、學習與分享一體的平臺,讓電商設(shè)計(淘寶美工)找靈感和素材更效率。

網(wǎng)站：http://90sheji.com/

千圖網(wǎng)

千圖網(wǎng)是專注正版圖片設(shè)計素材下載的網(wǎng)站，提供矢量圖素材、背景圖片素材、矢量圖庫、psd素材、字體模板、設(shè)計素材、PPT模板、視頻素材、插畫繪畫…

網(wǎng)站：http://www.58pic.com/

包圖網(wǎng)

包圖網(wǎng)匯集了各種流行趨勢，視覺沖擊力強的原創(chuàng)廣告圖片設(shè)計、電商淘寶、企業(yè)辦公模板素材，由頂尖的設(shè)計師供稿，符合各個行業(yè)的商用需求，下載高品質(zhì)正版素材就到包圖網(wǎng)。

網(wǎng)站：http://ibaotu.com/

攝圖網(wǎng)

攝圖網(wǎng)是一家專注于正版攝影高清圖片素材免費下載的圖庫作品網(wǎng)站，提供手繪插畫，海報，ppt模板，科技，城市，商務，建筑，風景，美食，家居，外景，背景等好看的圖片設(shè)計素材…

網(wǎng)站：http://699pic.com/

昵圖網(wǎng)

昵圖網(wǎng)_原創(chuàng)素材共享平臺，圖片素材圖庫提供海量原創(chuàng)素材，圖片下載，攝影作品，設(shè)計素材，視頻素材，ppt模板，PSD源文件，矢量圖，AI，CDR，EPS等高清圖片下載。

網(wǎng)站：http://www.nipic.com/

站酷

站酷(ZCOOL)，中國設(shè)計師互動平臺。深耕設(shè)計領(lǐng)域十二年，站酷聚集了650萬設(shè)計師、攝影師、插畫師、藝術(shù)家、創(chuàng)意人，設(shè)計創(chuàng)意群體中具有較高的影響力與號召力。

網(wǎng)站：http://www.zcool.com.cn/

懶人圖庫

懶人圖庫專注于提供網(wǎng)頁素材下載，其內(nèi)容涵蓋網(wǎng)頁素材，矢量圖素材，JS代碼，psd素材，導航菜單，PNG圖標等，讓任何一個網(wǎng)頁設(shè)計師都能輕松找到自己想要的素材。

網(wǎng)站：http://www.lanrentuku.com/

素材中國

網(wǎng)站：http://www.sccnn.com/

我圖網(wǎng)

我圖網(wǎng)是為用戶提供正版商用版權(quán)圖片設(shè)計素材作品交易的平臺，專注正版設(shè)計素材圖片作品下載交易網(wǎng)站，包括背景墻效果圖，PPT模板，淘寶素材，網(wǎng)頁設(shè)計素材，廣告設(shè)計素材…

網(wǎng)站：http://www.ooopic.com/

彼岸圖網(wǎng)

彼岸圖網(wǎng)免費提供清新唯美的最新4K下載，把最新高清的4k圖片壁紙推薦給您，讓您更快的找到您想要的最新4k壁紙圖片。

網(wǎng)站：http://pic.netbian.com/

免費圖片網(wǎng)站篇

LittleVisuals.co

高清攝影圖片郵件訂閱網(wǎng)，是一個收集專業(yè)的攝影圖片作品，并支持郵箱訂閱的網(wǎng)站，如果你想找國外高清的攝影圖片，就可以通過郵箱來訂閱，每周更新一次，定期發(fā)送最新的圖片到你的郵箱。
??LittleVisuals網(wǎng)站類似于我們之前推薦過的 Unsplash網(wǎng)站，一段時間會更新一些新的免費照片上來，每周更新的照片都有一個zip壓縮包供用戶下載，一般收錄的高清攝影圖片都是有關(guān)于自然、靜物、的攝影圖片.
?
?http://littlevisuals.co/

picjumbo

picjumbo是一個叫維克多的人創(chuàng)辦的這個基于網(wǎng)站設(shè)計的素材站點，因為每一個設(shè)計師都需要高質(zhì)量的圖片素材，這里提供分辨率為3888像素的全質(zhì)量圖片資源?？胺Q最佳免費相片網(wǎng)站之一，擁有超過1500個分類，使用者可在網(wǎng)站里透過搜尋或分類瀏覽方式找到各種圖片，點選即可下載，不用注冊或登入會員帳號。
??picjumbo相片皆為高解析度、無浮水印或廣告，可自由使用在個人或商業(yè)用途，無需標示出處來源，如果你想支持喜歡的攝影師可透過網(wǎng)站的贊助功能。Picjumbo除了開放使用者免費下載相片外，也有付費會員專屬的Premium方案，可下載整套相片或每月新加入的素材。
??
網(wǎng)站：https://picjumbo.com/

wefunction

網(wǎng)站前端設(shè)計網(wǎng)，提供優(yōu)秀的設(shè)計頁面和網(wǎng)站功能，專注于web視覺效果和使用體驗上的創(chuàng)新！

網(wǎng)站：http://wefunction.com/

Pexels

最好的免費圖片和視頻，免費素材照片,可以在任何地方使用

網(wǎng)站：https://www.pexels.com/

web前端開發(fā)篇

配色網(wǎng)

個主要為用戶提供色彩，顏色搭配，色彩搭配的網(wǎng)站

網(wǎng)站：http://peise.net/tools/web/

UIgradients

UIgradients是一個提供免費漸變色效果的站點，以分享美麗漸變色彩為主，里面接近上百種漸變配色方案，設(shè)計師可根據(jù)自己風格來選擇搭配，還能直接獲得對應漸變配色的CSS代碼使用起來相當方便。
網(wǎng)站：https://uigradients.com/

圖標篇

Iconfont

Iconfont-國內(nèi)功能很強大且圖標內(nèi)容很豐富的矢量圖標庫，提供矢量圖標下載、在線存儲、格式轉(zhuǎn)換等功能。阿里巴巴體驗團隊傾力打造，設(shè)計和前端開發(fā)的便捷工具。

網(wǎng)站：http://www.iconfont.cn/

3000矢量圖標：

3000矢量圖標為您的網(wǎng)站，應用程序，或博客；終極圖標集，為設(shè)計師和開發(fā)人員手工制作；Retina圖標為您的項目提供了3000個高質(zhì)量的圖標

網(wǎng)站：http://retinaicon.com/

代碼網(wǎng)站篇

CodePen

CodePen是社會發(fā)展環(huán)境為前端設(shè)計師和開發(fā)人員服務。建立和部署一個網(wǎng)站，展示你的工作，構(gòu)建測試用例來學習和調(diào)試，并找到靈感。
優(yōu)點：可以隨便查看案例代碼，復制使用

PS：由于網(wǎng)站是英文的，不太看得懂的網(wǎng)友可以使用瀏覽器自帶的網(wǎng)頁翻譯功能進行翻譯使用喔，例如：

網(wǎng)站：https://codepen.io

Bootsnpp

Bootsnpp是web設(shè)計人員和web開發(fā)人員的元素庫，任何人都可以使用自舉會發(fā)現(xiàn)這個網(wǎng)站在他們的工藝中是必不可少的。設(shè)計元素，操場和代碼片段的引導HTML/CSS/JS框架
優(yōu)點：有代碼生成器，可以自動生成對應代碼，復制使用

PS：由于網(wǎng)站是英文的，不太看得懂的網(wǎng)友可以使用瀏覽器自帶的網(wǎng)頁翻譯功能進行翻譯使用喔，例如：

網(wǎng)站：http://bootsnipp.com/

總結(jié)

以上是生活随笔為你收集整理的图片、图标、代码资源网站的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。