乾貨總結!每個設計師必知的40個設計素材站

發表於2015-11-20

很好奇那些在Dribbble、Behance上發表佳作的大神們都是在哪裡找素材的麼?對,即使是他們也需要優秀素材的支援來完成好作品,今天我們我們來揭祕一下他們的素材來源。這當中有網站,有PSD素材站,有高清圖片網站,有蒐集UI元素的部落格,有視覺稿合集,這些免費的素材就是他們的靈感庫。

和以往所有的列表一樣,他們可能看起來距離“偉大”的設計有點距離,但是設計師不就是用來化腐朽為神奇的麼?

1. Fribbble

來自Dribbble的免費素材會在這個網站彙集,有圖示、PSD、各類視覺稿,不一而足。

2. Behance project template

在Behance上釋出設計專案的時候,不知道如何展示才漂亮?看看這篇文章,下載結尾漂亮的模板,問題就迎刃而解了。

3. psddd.co

這也是一個尋找免費PSD文件、虛化背景圖和漂亮UI元素的好網站。

4. colour lovers

如果你還在為尋找好的色彩搭配而糾結,那麼千萬不要錯過這個網站,你要的一切都在這裡,從靈感蒐集到成型的方案,滿足你的每一個願望。

5. CG textures

這個網站提供了大量的免費圖片,這類圖片大多是關於石頭、天空、樹木等富有紋理質感的物件,當你需要製作有質感的物件的時候,這個網站會成為你最好的幫手!

6. Subtle Patterns

紋理神站!它不僅提供了超過400款高品質紋理素材,還提供了線上紋理製作工具,你還在等什麼呢?

7. Webydo

著名的無程式碼網站搭建平臺Webydo在此,上手試試吧~

8. guideguide

如果你也苦於設計網頁中的柵格和佈局,那麼GuideGuide 會是你的好幫手。

9. No more banding

有時候使用PS製作漸變效果的時候,漸變效果並不平滑,而是呈現出階梯狀的變化,這個動作可以消除這種階梯狀漸變,看起來更加順暢平滑,非常不錯哦。

10. Gridzzly

Gridzzly 可以幫你製作自己的格紙,製作出非常不錯的印刷圖案,精確而實用。

11. Make app Icon

這個工具可以幫你將你的圖示轉變為可為iOS和Android 裝置使用的APP圖示尺寸。

12. Perfect Effects 3 

這是專門為攝影師所設計的工具,使用Perfect Effects 3 你可以更容易新增效果,想比起耗時龐大的Photoshop、Lightroom以及Aperture,它更加快速實用。

13. Cut & Slice

著名的Mac平臺切圖工具,它可以幫你在短短几分鐘內搞定分組切圖的工作,不過請務必記住要重新命名各個圖層。

14. Layrs Control 2

這是一組包含7個不同指令碼的圖層管理外掛合集,它可以讓你繁瑣的工作更加簡單。

15. Hexy

選擇圖層,高亮文字,然後通過拾色器來取色,有的時候是太過複雜的過程,Hexy 則非常方便,它可以使用滴管快速取色然後直接複製到剪下板當中,即取即用。

16. WhatTheFont!

看到一個漂亮的字型想知道它到底是什麼字型?試試WhatTheFont吧,上傳截圖,它會為你在資料庫中進行匹配。

17. Typewolf

Typewolf 可以幫你顯示正在瀏覽的網站所使用的字型,推薦類似的字型和背景資訊。

18. Size Marks

Size Marks是一個非常實用的 Photoshop 指令碼,它可以測量不同元素之間的距離,對於設計師和前端頗為有用。

19. Velositey Version 2

僅需要幾秒鐘,Velositey 可以藉助模板在Photoshop中快速構建網頁佈局。

20. FontAwesomePS

這個工具可以幫你快速搜尋圖示,一鍵點選將其新建為新的圖層,並且可以輕鬆編輯。

21. Liveshare PS

藉助LivesharePS,你可以將PSD文件在Liveshare會議上線上分享展示,你的任何操作都可以讓大家看到,哪怕你沒有點選儲存按鈕。

22. Photoshop Share plugin

這個外掛可以讓你無需離開Photoshop就一鍵分享你的設計作品。

23. Prisma

想把你的AI中的配色方案同步到PS?Prisma 可以讓所有支援這一外掛的軟體中的配色方案都同步起來。

24. Free Lorem Ipsum Generator

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

25. Free Behance Presentation Builder

這個免費的Behance 展示生成器可以藉助一個免費PSD文件和PS動作幫你將作品製作成展示效果。

26. Kaku

一個簡單的PS外掛,可以幫你將圖層中的文字而翻譯成不同的語言。

27. Instagram Filters

這是一組13個濾鏡,可以在PS中幫你將圖片製作成類似Instagram的效果。

28. VSCO Cam Effect in Photoshop Tutorial

來自Go Media的Simon Hartmann 撰寫了這篇實用而炫酷的教程,教你如何在Photoshop中實現VSCO處理圖片的效果。

29. Social Kit

這款Photoshop外掛包含了一系列可用於社交媒體的圖片、廣告Banner和資料資訊等內容。

30. Mobile UI Blueprint psd files

這是一組免費的包含大量移動端UI元素的PSD文件。

31. Free Images

這個網站之前一直以sxc.hu而聞名,其中包含了395000 多個可免費下載的圖片。

32. UI Cloud

這是世界上最大的UI設計資料庫,現在它包含了超過46000個UI控制元件,並且可以免費下載。

33. Mock Up Zones

Mockup Zones 為你提供了大量優秀的免費視覺稿下載,從iPhone、iPad 的介面設計到商業名片和文化衫設計,覆蓋廣泛。

34. Macbook Air and Thunderbolt Display

這是一組用來展示設計作品的Macbook Air 和 Thunderbolt 顯示的視覺稿 PSD文件。

35. Greyscalegorilla 3D Tutorials

設計師 Greyscale Gorilla 的個人站點,這個才華橫溢的設計師在自己的網站中釋出了許多製作3D設計作品的教程。

36. Vray Materials

如果你是經常使用C4D的設計師的話,這個網站不要錯過,其中有許多優質的貼圖材質素材。

37. Blendme

這個可用於PS和AI的外掛可以讓你直接在軟體中搜尋並獲取各類素材。

38. AdobeKnowHow

這個是Adobe最新推出的教程網站,提供了幾款著名軟體的免費的初級課程。

39. Tuts+

這是最知名的PS教程網站,不論你是初學者還是專業的設計師,都能從中獲益良多。

40. Pixeden

這是一個堪稱偉大的免費資源包,從視覺稿到模板、圖示,非常全面,不要錯過。

相關文章