設(shè)計(jì)師必備的40個國外設(shè)計(jì)素材網(wǎng)站：
1. Fribbble
來自Dribbble的免費(fèi)素材會在這個網(wǎng)站匯集，有圖標(biāo)、PSD、各類視覺稿，不一而足。
2. Behance project template
在Behance上發(fā)布設(shè)計(jì)項(xiàng)目的時候，不知道如何展示才漂亮？看看這篇文章，下載結(jié)尾漂亮的模板，問題就迎刃而解了。
3. psddd.co
這也是一個尋找免費(fèi)PSD文檔、虛化背景圖和漂亮UI元素的好網(wǎng)站。
4. colour lovers
如果你還在為尋找好的色彩搭配而糾結(jié)，那么千萬不要錯過這個網(wǎng)站，你要的一切都在這里，從靈感搜集到成型的方案，滿足你的每一個愿望。
5. CG textures
這個網(wǎng)站提供了大量的免費(fèi)圖片，這類圖片大多是關(guān)于石頭、天空、樹木等富有紋理質(zhì)感的對象，當(dāng)你需要制作有質(zhì)感的對象的時候，這個網(wǎng)站會成為你最好的幫手！
6. Subtle Patterns
紋理神站！它不僅提供了超過400款高品質(zhì)紋理素材，還提供了在線紋理制作工具，你還在等什么呢？
7. Webydo
著名的無代碼網(wǎng)站搭建平臺Webydo在此，上手試試吧~
8. guideguide
如果你也苦于設(shè)計(jì)網(wǎng)頁中的柵格和布局，那么GuideGuide 會是你的好幫手。我們也曾發(fā)文講述如何使用這一工具《PS 參考線插件GUIDEGUIDE下載及使用說明》
9. No more banding
有時候使用PS制作漸變效果的時候，漸變效果并不平滑，而是呈現(xiàn)出階梯狀的變化，這個動作可以消除這種階梯狀漸變，看起來更加順暢平滑，非常不錯哦。
10. Gridzzly
Gridzzly 可以幫你制作自己的格紙，制作出非常不錯的印刷圖案，精確而實(shí)用。
11. Make app Icon
這個工具可以幫你將你的圖標(biāo)轉(zhuǎn)變?yōu)榭蔀閕OS和Android 設(shè)備使用的APP圖標(biāo)尺寸。
12. Perfect Effects 3
這是專門為攝影師所設(shè)計(jì)的工具，使用Perfect Effects 3 你可以更容易添加效果，想比起耗時龐大的Photoshop、Lightroom以及Aperture，它更加快速實(shí)用。
13. Cut & Slice
著名的Mac平臺切圖工具，它可以幫你在短短幾分鐘內(nèi)搞定分組切圖的工作，不過請務(wù)必記住要重命名各個圖層。
14. Layrs Control 2
這是一組包含7個不同腳本的圖層管理插件合集，它可以讓你繁瑣的工作更加簡單。
15. Hexy
選擇圖層，高亮文本，然后通過拾色器來取色，有的時候是太過復(fù)雜的過程，Hexy 則非常方便，它可以使用滴管快速取色然后直接復(fù)制到剪切板當(dāng)中，即取即用。
16. WhatTheFont!
看到一個漂亮的字體想知道它到底是什么字體？試試WhatTheFont吧，上傳截圖，它會為你在數(shù)據(jù)庫中進(jìn)行匹配。
17. Typewolf
Typewolf 可以幫你顯示正在瀏覽的網(wǎng)站所使用的字體，推薦類似的字體和背景信息。
18. Size Marks
Size Marks是一個非常實(shí)用的 Photoshop 腳本，它可以測量不同元素之間的距離，對于設(shè)計(jì)師和前端頗為有用。
19. Velositey Version 2
僅需要幾秒鐘，Velositey 可以借助模板在Photoshop中快速構(gòu)建網(wǎng)頁布局。
20. FontAwesomePS
這個工具可以幫你快速搜索圖標(biāo)，一鍵點(diǎn)擊將其新建為新的圖層，并且可以輕松編輯。
21. Liveshare PS
借助LivesharePS，你可以將PSD文檔在Liveshare會議上在線分享展示，你的任何操作都可以讓大家看到，哪怕你沒有點(diǎn)擊保存按鈕。
22. Photoshop Share plugin
這個插件可以讓你無需離開Photoshop就一鍵分享你的設(shè)計(jì)作品。
23. Prisma
想把你的AI中的配色方案同步到PS？Prisma 可以讓所有支持這一插件的軟件中的配色方案都同步起來。
24. Free Lorem Ipsum Generator
這是最好的假文生成器，可以在Photoshop、AI、ID和Dreamweaver 中使用。
25. Free Behance Presentation Builder
這個免費(fèi)的Behance 展示生成器可以借助一個免費(fèi)PSD文檔和PS動作幫你將作品制作成展示效果。
26. Kaku
一個簡單的PS插件，可以幫你將圖層中的文本而翻譯成不同的語言。
27. Instagram Filters
這是一組13個濾鏡，可以在PS中幫你將圖片制作成類似Instagram的效果。
28. VSCO Cam Effect in Photoshop Tutorial
來自Go Media的Simon Hartmann 撰寫了這篇實(shí)用而炫酷的教程，教你如何在Photoshop中實(shí)現(xiàn)VSCO處理圖片的效果。
29. Social Kit
這款Photoshop插件包含了一系列可用于社交媒體的圖片、廣告Banner和資料信息等內(nèi)容。
30. Mobile UI Blueprint psd files
這是一組免費(fèi)的包含大量移動端UI元素的PSD文檔。
31. Free Images
這個網(wǎng)站之前一直以sxc.hu而聞名，其中包含了395000 多個可免費(fèi)下載的圖片。
32. UI Cloud
這是世界上最大的UI設(shè)計(jì)數(shù)據(jù)庫，現(xiàn)在它包含了超過46000個UI控件，并且可以免費(fèi)下載。
33. Mock Up Zones
Mockup Zones 為你提供了大量優(yōu)秀的免費(fèi)視覺稿下載，從iPhone、iPad 的界面設(shè)計(jì)到商業(yè)名片和文化衫設(shè)計(jì)，覆蓋廣泛。
34. Macbook Air and Thunderbolt Display
這是一組用來展示設(shè)計(jì)作品的Macbook Air 和 Thunderbolt 顯示的視覺稿 PSD文檔。
35. Greyscalegorilla 3D Tutorials
設(shè)計(jì)師 Greyscale Gorilla 的個人站點(diǎn)，這個才華橫溢的設(shè)計(jì)師在自己的網(wǎng)站中發(fā)布了許多制作3D設(shè)計(jì)作品的教程。
36. Vray Materials
如果你是經(jīng)常使用C4D的設(shè)計(jì)師的話，這個網(wǎng)站不要錯過，其中有許多優(yōu)質(zhì)的貼圖材質(zhì)素材。
37. Blendme
這個可用于PS和AI的插件可以讓你直接在軟件中搜索并獲取各類素材。
38. AdobeKnowHow
這個是Adobe最新推出的教程網(wǎng)站，提供了幾款著名軟件的免費(fèi)的初級課程。
39. Tuts
這是最知名的PS教程網(wǎng)站，不論你是初學(xué)者還是專業(yè)的設(shè)計(jì)師，都能從中獲益良多。
40. Pixeden
這是一個堪稱偉大的免費(fèi)資源包，從視覺稿到模板、圖標(biāo)，非常全面，不要錯過
前端工程師與后端工程師的區(qū)別主要體現(xiàn)在三個方面，其一是工作的職責(zé)不同，其二是知識結(jié)構(gòu)不同，其三是發(fā)展領(lǐng)域不同。
前端工程師主要的工作職責(zé)分為三大部分，分別是傳統(tǒng)的Web前端開發(fā)，移動端開發(fā)和大數(shù)據(jù)呈現(xiàn)端開發(fā)。Web前端開發(fā)主要針對的是PC端開發(fā)任務(wù)；移動端開發(fā)則包括Android開發(fā)、iOS開發(fā)和各種小程序開發(fā)，在移動互聯(lián)網(wǎng)迅速發(fā)展的帶動下，移動端的開發(fā)任務(wù)量是比較大的，隨著5G標(biāo)準(zhǔn)的落地，未來移動端的開發(fā)任務(wù)將得到進(jìn)一步的拓展；大數(shù)據(jù)呈現(xiàn)則主要是基于已有的平臺完成最終分析結(jié)果的呈現(xiàn)，呈現(xiàn)方式通常也有多種選擇，比如大屏展示等。
后端工程師的主要職責(zé)也集中在三大部分，分別是平臺設(shè)計(jì)、接口設(shè)計(jì)和功能實(shí)現(xiàn)。平臺設(shè)計(jì)主要是搭建后端的支撐服務(wù)容器；接口設(shè)計(jì)主要針對于不同行業(yè)進(jìn)行相應(yīng)的功能接口設(shè)計(jì)，通常一個平臺有多套接口，就像衛(wèi)星導(dǎo)航平臺設(shè)有民用和軍用兩套接口一樣；功能實(shí)現(xiàn)則是完成具體的業(yè)務(wù)邏輯實(shí)現(xiàn)。
在知識結(jié)構(gòu)方面，前端開發(fā)涉及到的內(nèi)容包括Html、CSS、JavaScript、Android開發(fā)（采用Java或者kotlin）、iOS開發(fā)（采用OC或者Swift）、各種小程序開發(fā)技術(shù)（類Html），隨著前端開發(fā)任務(wù)的不斷拓展，前端開發(fā)后端化也是一個較為明顯的趨勢，比如Nodejs的應(yīng)用。
后端開發(fā)通常需要根據(jù)業(yè)務(wù)場景進(jìn)行不同語言的選擇，另外后端開發(fā)的重點(diǎn)在于算法設(shè)計(jì)、數(shù)據(jù)結(jié)構(gòu)、性能優(yōu)化等方面，在具體的功能實(shí)現(xiàn)部分可以采用Java、Python或者PHP等編程語言來實(shí)現(xiàn)。對于不少中小企業(yè)來說，后端開發(fā)通常都會采用開源的開發(fā)平臺，這樣就可以把精力集中在業(yè)務(wù)處理上，通常應(yīng)用級程序員就可以解決問題，相應(yīng)的開發(fā)成本也會有大幅度的下降。
最后，從應(yīng)用范圍來看，前端開發(fā)顯然有更廣泛的應(yīng)用場景，所以建議職場人掌握一定的前端開發(fā)技術(shù)。
我從事互聯(lián)網(wǎng)行業(yè)多年，目前也在帶計(jì)算機(jī)專業(yè)的研究生，主要的研究方向集中在大數(shù)據(jù)和人工智能領(lǐng)域，我會陸續(xù)寫一些關(guān)于互聯(lián)網(wǎng)技術(shù)方面的文章，感興趣的朋友可以關(guān)注我，相信一定會有所收獲。
如果有互聯(lián)網(wǎng)方面的問題，或者考研方面的問題，都可以咨詢我，謝謝！
不需要下載，只需要在用到模板的時候，引入bootstrap的css樣式就行了