有哪些國(guó)外設(shè)計(jì)素材網(wǎng)站推薦？

設(shè)計(jì)師的靈感與工具寶庫(kù)——本文匯總了40個(gè)國(guó)外頂尖的設(shè)計(jì)素材與教程網(wǎng)站，涵蓋圖標(biāo)、PSD文檔、UI元素、色彩搭配、紋理圖片等豐富資源，助力設(shè)計(jì)師高效創(chuàng)作。

設(shè)計(jì)師必備的40個(gè)國(guó)外設(shè)計(jì)素材網(wǎng)站：

1. Fribbble

來自Dribbble的免費(fèi)素材會(huì)在這個(gè)網(wǎng)站匯集，有圖標(biāo)、PSD、各類視覺稿，不一而足。

2. Behance project template

在Behance上發(fā)布設(shè)計(jì)項(xiàng)目的時(shí)候，不知道如何展示才漂亮？看看這篇文章，下載結(jié)尾漂亮的模板，問題就迎刃而解了。

3. psddd.co

這也是一個(gè)尋找免費(fèi)PSD文檔、虛化背景圖和漂亮UI元素的好網(wǎng)站。

4. colour lovers

如果你還在為尋找好的色彩搭配而糾結(jié)，那么千萬不要錯(cuò)過這個(gè)網(wǎng)站，你要的一切都在這里，從靈感搜集到成型的方案，滿足你的每一個(gè)愿望。

5. CG textures

這個(gè)網(wǎng)站提供了大量的免費(fèi)圖片，這類圖片大多是關(guān)于石頭、天空、樹木等富有紋理質(zhì)感的對(duì)象，當(dāng)你需要制作有質(zhì)感的對(duì)象的時(shí)候，這個(gè)網(wǎng)站會(huì)成為你最好的幫手！

6. Subtle Patterns

紋理神站！它不僅提供了高于400款高質(zhì)量紋理素材，還提供了在線紋理制作工具，你還在等什么呢？

7. Webydo

著名的無代碼網(wǎng)站搭建平臺(tái)Webydo在此，上手試試吧~

8. guideguide

如果你也苦于設(shè)計(jì)網(wǎng)頁(yè)中的柵格和布局，那么GuideGuide 會(huì)是你的好幫手。我們也曾發(fā)文講述如何使用這一工具《PS 參考線插件GUIDEGUIDE下載及使用方法》

9. No more banding

有時(shí)候使用PS制作漸變效果的時(shí)候，漸變效果并不平滑，而是呈現(xiàn)出階梯狀的變化，這個(gè)動(dòng)作可以消除這種階梯狀漸變，看起來更加順暢平滑，非常不錯(cuò)哦。

10. Gridzzly

Gridzzly 可以幫你制作自己的格紙，制作出非常不錯(cuò)的印刷圖案，精確而實(shí)用。

11. Make app Icon

這個(gè)工具可以幫你將你的圖標(biāo)轉(zhuǎn)變?yōu)榭蔀閕OS和Android 設(shè)備使用的APP圖標(biāo)尺寸。

12. Perfect Effects 3

這是專門為攝影師所設(shè)計(jì)的工具，使用Perfect Effects 3 你可以更容易添加效果，想比起耗時(shí)龐大的Photoshop、Lightroom以及Aperture，它更加快速實(shí)用。

13. Cut & Slice

著名的Mac平臺(tái)切圖工具，它可以幫你在短短幾分鐘內(nèi)搞定分組切圖的工作，不過請(qǐng)務(wù)必記住要重命名各個(gè)圖層。

14. Layrs Control 2

這是一組包含7個(gè)不同腳本的圖層管理插件合集，它可以讓你繁瑣的工作更加簡(jiǎn)單。

15. Hexy

挑選圖層，高亮文本，然后通過拾色器來取色，有的時(shí)候是太過復(fù)雜的過程，Hexy 則非常方便，它可以使用滴管快速取色然后直接復(fù)制到剪切板當(dāng)中，即取即用。

16. WhatTheFont!

看到一個(gè)漂亮的字體想知道它到底是什么字體？試試WhatTheFont吧，上傳截圖，它會(huì)為你在數(shù)據(jù)庫(kù)中進(jìn)行匹配。

17. Typewolf

Typewolf 可以幫你顯示正在瀏覽的網(wǎng)站所使用的字體，推薦類似的字體和背景信息。

18. Size Marks

Size Marks是一個(gè)非常實(shí)用的 Photoshop 腳本，它可以測(cè)量不同元素之間的距離，對(duì)于設(shè)計(jì)師和前端頗為有用。

19. Velositey Version 2

僅需要幾秒鐘，Velositey 可以借助模板在Photoshop中快速構(gòu)建網(wǎng)頁(yè)布局。

20. FontAwesomePS

這個(gè)工具可以幫你快速搜索圖標(biāo)，一鍵點(diǎn)擊將其新建為新的圖層，并且可以輕松編輯。

21. Liveshare PS

借助LivesharePS，你可以將PSD文檔在Liveshare會(huì)議上在線分享展示，你的任何操作都可以讓大家看到，哪怕你沒有點(diǎn)擊保存按鍵。

22. Photoshop Share plugin

這個(gè)插件可以讓你無需離開Photoshop就一鍵分享你的設(shè)計(jì)作品。

23. Prisma

想把你的AI中的配色方案同步到PS？Prisma 可以讓所有支持這一插件的軟件中的配色方案都同步起來。

24. Free Lorem Ipsum Generator

這是最好的假文生成器，可以在Photoshop、AI、ID和Dreamweaver 中使用。

25. Free Behance Presentation Builder

這個(gè)免費(fèi)的Behance 展示生成器可以借助一個(gè)免費(fèi)PSD文檔和PS動(dòng)作幫你將作品制作成展示效果。

26. Kaku

一個(gè)簡(jiǎn)單的PS插件，可以幫你將圖層中的文本而翻譯成不同的語言。

27. Instagram Filters

這是一組13個(gè)濾鏡，可以在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)的包含大量移動(dòng)端UI元素的PSD文檔。

31. Free Images

這個(gè)網(wǎng)站之前一直以sxc.hu而聞名，其中包含了395000 多個(gè)可免費(fèi)下載的圖片。

32. UI Cloud

這是世界上最大的UI設(shè)計(jì)數(shù)據(jù)庫(kù)，現(xiàn)在它包含了高于46000個(gè)UI控件，并且可以免費(fèi)下載。

33. Mock Up Zones

Mockup Zones 為你提供了大量?jī)?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 的個(gè)人站點(diǎn)，這個(gè)才華橫溢的設(shè)計(jì)師在自己的網(wǎng)站中發(fā)布了許多制作3D設(shè)計(jì)作品的教程。

36. Vray Materials

如果你是經(jīng)常使用C4D的設(shè)計(jì)師的話，這個(gè)網(wǎng)站不要錯(cuò)過，其中有許多優(yōu)秀的貼圖材質(zhì)素材。

37. Blendme

這個(gè)可用于PS和AI的插件可以讓你直接在軟件中搜索并獲取各類素材。

38. AdobeKnowHow

這個(gè)是Adobe最新推出的教程網(wǎng)站，提供了幾款著名軟件的免費(fèi)的初級(jí)課程。

39. Tuts

這是最知名的PS教程網(wǎng)站，不論你是初學(xué)者還是專業(yè)的設(shè)計(jì)師，都能從中獲益良多。

40. Pixeden

這是一個(gè)堪稱偉大的免費(fèi)資源包，從視覺稿到模板、圖標(biāo)，非常全面，不要錯(cuò)過