程序員必備的相關資源網站

• • 一、網頁設計篇
  • • • 1、DOOOOR
      • 2、創客貼
      • 3、圖幫主
      • 4、懶設計
      • 5、ColorHunt
      • 6、ArtStation
      • 7、SiteInspire
      • 8、CollectUI
      • 9、logopond
  • 二、圖片篇（1）
  • • • 1、Librestock
      • 2、StockSnap
      • 3、iphone6papers
      • 4、500px
      • 5、Unsplash
  • 三、圖片篇（2）
  • • • 1、花瓣網
      • 2、堆糖網
      • 3、SOOGIF
      • 4、GIPHY
      • 5、Pixabay
      • 6、ssyer
  • 四、圖片素材網址匯總篇
  • • • 1、千庫網
      • 2、90設計網
      • 3、千圖網
      • 4、包圖網
      • 5、攝圖網
      • 6、昵圖網
      • 7、站酷
      • 8、懶人圖庫
      • 9、素材中國
      • 10、我圖網
      • 11、彼岸圖網
  • 五、免費圖片網站篇
  • • • 1、LittleVisuals.co
      • 2、picjumbo
      • 3、wefunction
      • 4、Pexels
  • 六、web前端開發篇
  • • • 1、配色網
      • 2、UIgradients
  • 七、圖標篇
  • • • 1、Iconfont
      • 2、3000矢量圖標：
  • 八、代碼網站篇
  • • • 1、CodePen
      • 2、Bootsnpp

一、網頁設計篇

1、DOOOOR

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

網站：http://www.doooor.com/forum-38-1.html

2、創客貼

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

網站：https://www.chuangkit.com/

3、圖幫主

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

網站：http://www.tubangzhu.com/

4、懶設計

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

網站：https://www.fotor.com.cn/
附：簡單拼圖軟件：
網站：https://www.fotor.com/cn/app.html#/collage/c81c5bc0-d4aa-11e7-90f5-133e0c92895e/classic

5、ColorHunt

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

網站：http://colorhunt.co/c/42937

6、ArtStation

??ArtStation是一個致力于網絡的CG數字化設計媒體和娛樂設計藝術產業的公司，該網站上線于2014年月份，為用戶展示圖片、視頻、模型等CG設計作品，收錄了世界是頂級的藝術家作品。
??該網站目前訪問不了
網站：https://www.artstation.com/

7、SiteInspire

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

網站：https://www.siteinspire.com/

8、CollectUI

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

網站：https://www.collectui.com/challenges/form

9、logopond

??一款 logo 設計欣賞的網站，logopond是全球最大的logo分享平臺。

網站：https://logopond.com/gallery/list/?gallery=featured&filter=#more

二、圖片篇（1）

1、Librestock

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

網站：http://librestock.com/

2、StockSnap

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

網站：https://stocksnap.io/

3、iphone6papers

一款關于iphone6壁紙的網站

網站：http://iphone6papers.com/

4、500px

??500px是一個致力于攝影分享、發現、售賣的專業平臺，來自世界各地的攝影師是我們忠實的用戶。

網站：https://500px.com/

5、Unsplash

??最知名的無版權圖片網站，這家以風景為主，數量足夠多，但是很多濾鏡感太強，顏色太過厚重，比較適合做壁紙，事實上很多壁紙軟件也是直接從這上面下載的圖。

網站：https://unsplash.com/

三、圖片篇（2）

1、花瓣網

??設計師尋找靈感的天堂!圖片素材領導者,幫你采集、發現網絡上你喜歡的事物。你可以用它收集靈感,保存有用的素材，計劃旅行，曬曬自己想要的東西。

網站：http://huaban.com/

2、堆糖網

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

網站：https://www.duitang.com/

3、SOOGIF

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

網站：http://www.soogif.com/

4、GIPHY

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

網站：https://giphy.com/

5、Pixabay

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

網站：https://pixabay.com/

6、ssyer

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

網站：http://www.ssyer.com/

四、圖片素材網址匯總篇

1、千庫網

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

網站：http://588ku.com/

2、90設計網

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

網站：http://90sheji.com/

3、千圖網

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

網站：http://www.58pic.com/

4、包圖網

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

網站：http://ibaotu.com/

5、攝圖網

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

網站：http://699pic.com/

6、昵圖網

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

網站：http://www.nipic.com/

7、站酷

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

網站：http://www.zcool.com.cn/

8、懶人圖庫

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

網站：http://www.lanrentuku.com/

9、素材中國

??素材中國_免費素材共享平臺，圖片素材圖庫提供海量素材，圖片下載，設計素材，PSD源文件，矢量圖，AI，CDR，EPS等高清圖片下載。

網站：http://www.sccnn.com/

10、我圖網

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

網站：http://www.ooopic.com/

11、彼岸圖網

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

網站：http://pic.netbian.com/

五、免費圖片網站篇

1、LittleVisuals.co

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

網站：http://littlevisuals.co/

2、picjumbo

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

網站：https://picjumbo.com/

3、wefunction

??網站前端設計網，提供優秀的設計頁面和網站功能，專注于web視覺效果和使用體驗上的創新！

網站：http://wefunction.com/

4、Pexels

??最好的免費圖片和視頻，免費素材照片,可以在任何地方使用。? 免費用于商業用途， ? 無需注明歸屬。

網站：https://www.pexels.com/

六、web前端開發篇

1、配色網

??一個主要為用戶提供色彩，顏色搭配，色彩搭配的網站

網站：http://peise.net/tools/web/

2、UIgradients

??UIgradients是一個提供免費漸變色效果的站點，以分享美麗漸變色彩為主，里面接近上百種漸變配色方案，設計師可根據自己風格來選擇搭配，還能直接獲得對應漸變配色的CSS代碼使用起來相當方便。

網站：https://uigradients.com/

七、圖標篇

1、Iconfont

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

網站：http://www.iconfont.cn/

2、3000矢量圖標：

??3000矢量圖標為您的網站，應用程序，或博客；終極圖標集，為設計師和開發人員手工制作；Retina圖標為您的項目提供了3000個高質量的圖標。

網站：http://retinaicon.com/

八、代碼網站篇

1、CodePen

??CodePen是社會發展環境為前端設計師和開發人員服務。建立和部署一個網站，展示你的工作，構建測試用例來學習和調試，并找到靈感。
優點：可以隨便查看案例代碼，復制使用

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

網站：https://codepen.io

2、Bootsnpp

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

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

網站：http://bootsnipp.com/

總結

以上是生活随笔為你收集整理的程序员必备网页前端设计网站的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。