萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 每個設計師必知的40個設計素材站

每個設計師必知的40個設計素材站

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

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

  1. Fribbble

每個設計師必知的40個設計素材站 三聯

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

  2. Behance project template

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

  3. psddd.co

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

  4. colour lovers

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

  5. CG textures

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

  6. Subtle Patterns


  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

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

copyright © 萬盛學電腦網 all rights reserved