非常好奇那些在Dribbble、Behance上发表佳作的大神们都是在哪里找素材的么?对。即使是他们也须要优秀素材的支持来完毕好作品,今天我们我们来揭秘一下他们的素材来源。这其中有站点,有PSD素材站,有高清图片站点。有搜集UI元素的博客。有视觉稿合集。这些免费的素材就是他们的灵感库。
和以往全部的列表一样,他们可能看起来距离“伟大”的设计有点距离,可是设计师不就是用来化腐朽为奇妙的么?
1. Fribbble
![](https://i-blog.csdnimg.cn/blog_migrate/81cfcdac25214e3aa4fc8fa0b2c384fd.jpeg)
来自Dribbble的免费素材会在这个站点汇集。有图标、PSD、各类视觉稿。不一而足。
2. Behance project template
![](https://i-blog.csdnimg.cn/blog_migrate/fe85ce34ca6bc4c87dde287038e17d7d.jpeg)
在Behance上公布设计项目的时候。不知道怎样展示才美丽?看看这篇文章,下载结尾美丽的模板,问题就迎刃而解了。
3. psddd.co
![](https://i-blog.csdnimg.cn/blog_migrate/6dd4a4a7ec5bd5d36b0889ee60f859cf.jpeg)
这也是一个寻找免费PSD文档、虚化背景图和美丽UI元素的好站点。
4. colour lovers
![](https://i-blog.csdnimg.cn/blog_migrate/e74f5e379a77d40fde4d2d1c94bfbf2c.jpeg)
假设你还在为寻找好的色彩搭配而纠结,那么千万不要错过这个站点。你要的一切都在这里。从灵感搜集到成型的方案。满足你的每个愿望。
5. CG textures
![](https://i-blog.csdnimg.cn/blog_migrate/ddb02806400b0d6ce34168d65433b4e7.jpeg)
这个站点提供了大量的免费图片。这类图片大多是关于石头、天空、树木等富有纹理质感的对象,当你须要制作有质感的对象的时候,这个站点会成为你最好的帮手!
6. Subtle Patterns
![](https://i-blog.csdnimg.cn/blog_migrate/8d87f489ef924971d2588a6196202a9d.jpeg)
纹理神站。我们已经在之前的文章《史上最强纹理站。可高度定制的在线纹理素材站(附CSS代码)》中为你推荐过这个站点!它不仅提供了超过400款高品质纹理素材,还提供了在线纹理制作工具,你还在等什么呢?
7. Webydo
![](https://i-blog.csdnimg.cn/blog_migrate/97333a14a8ff69cb430ab3b11f3fece1.jpeg)
著名的无代码站点搭建平台Webydo在此,上手试试吧~
8. guideguide
![](https://i-blog.csdnimg.cn/blog_migrate/fc43c1908cda9554fcb1a9e101faa56c.jpeg)
假设你也苦于设计网页中的栅格和布局,那么GuideGuide 会是你的好帮手。我们也曾发文讲述怎样使用这一工具《PS 參考线插件GUIDEGUIDE下载及使用说明》
9. No more banding
![](https://i-blog.csdnimg.cn/blog_migrate/c65b689db31a06ca4be27c6657e0eed3.jpeg)
有时候使用PS制作渐变效果的时候。渐变效果并不平滑,而是呈现出阶梯状的变化,这个动作能够消除这样的阶梯状渐变。看起来更加顺畅平滑,很不错哦。
10. Gridzzly
![](https://i-blog.csdnimg.cn/blog_migrate/b33193f79e85e93240800210a4eb8de8.jpeg)
Gridzzly 能够帮你制作自己的格纸,制作出很不错的印刷图案,精确而有用。
11. Make app Icon
![](https://i-blog.csdnimg.cn/blog_migrate/cab9272c1235bd0ed1ea6c53b1c0cd5b.jpeg)
这个工具能够帮你将你的图标转变为可为iOS和Android 设备使用的APP图标尺寸。
12. Perfect Effects 3
![](https://i-blog.csdnimg.cn/blog_migrate/588df8e7c73349e3846a5dcd8c3acb34.jpeg)
这是专门为摄影师所设计的工具。使用Perfect Effects 3 你能够更easy加入效果,想比起耗时庞大的Photoshop、Lightroom以及Aperture。它更加高速有用。
13. Cut & Slice
![](https://i-blog.csdnimg.cn/blog_migrate/20a254a2d6dfd0a406b869fe3f5c40d0.jpeg)
著名的Mac平台切图工具,它能够帮你在短短几分钟内搞定分组切图的工作,只是请务必记住要重命名各个图层。
14. Layrs Control 2
![](https://i-blog.csdnimg.cn/blog_migrate/68c7c5ef6b5aff908941a5397c8f40d4.jpeg)
这是一组包括7个不同脚本的图层管理插件合集,它能够让你繁琐的工作更加简单。
15. Hexy
![](https://i-blog.csdnimg.cn/blog_migrate/374509fa54aa6ef7672357368c048961.jpeg)
选择图层。高亮文本,然后通过拾色器来取色。有的时候是太过复杂的过程,Hexy 则很方便。它能够使用滴管高速取色然后直接拷贝到剪切板其中,即取即用。
16. WhatTheFont!
![](https://i-blog.csdnimg.cn/blog_migrate/9886aff5d9595e667444dfbeb5e1b23e.png)
看到一个美丽的字体想知道它究竟是什么字体?试试WhatTheFont吧,上传截图,它会为你在数据库中进行匹配。
17. Typewolf
![](https://i-blog.csdnimg.cn/blog_migrate/d975f3c5b3a0e59e3db3a465c7167dd8.jpeg)
Typewolf 能够帮你显示正在浏览的站点所使用的字体,推荐类似的字体和背景信息。
18. Size Marks
![](https://i-blog.csdnimg.cn/blog_migrate/55fd7c9265d3aade82f13affe740ec52.gif)
Size Marks是一个很实用的 Photoshop 脚本,它能够測量不同元素之间的距离,对于设计师和前端颇为实用。
19. Velositey Version 2
![](https://i-blog.csdnimg.cn/blog_migrate/2d1fbe24d235caf86edbb71c6e806d22.jpeg)
仅须要几秒钟,Velositey 能够借助模板在Photoshop中高速构建网页布局。
20. FontAwesomePS
![](https://i-blog.csdnimg.cn/blog_migrate/1c9ea1902f12b5654462d56bd4042027.jpeg)
这个工具能够帮你高速搜索图标,一键点击将其新建为新的图层,而且能够轻松编辑。
21. Liveshare PS
![](https://i-blog.csdnimg.cn/blog_migrate/de553a736c847ed38543a6f52cc0abc7.jpeg)
借助LivesharePS。你能够将PSD文档在Liveshare会议上在线分享展示,你的不论什么操作都能够让大家看到,哪怕你没有点击保存button。
22. Photoshop Share plugin
![](https://i-blog.csdnimg.cn/blog_migrate/99baa99d0f6cde02252d63c6076d9f1c.jpeg)
这个插件能够让你无需离开Photoshop就一键分享你的设计作品。
23. Prisma
![](https://i-blog.csdnimg.cn/blog_migrate/90cca7b8a8bb5730f0edd8cb2f5298d4.jpeg)
想把你的AI中的配色方案同步到PS?Prisma 能够让全部支持这一插件的软件中的配色方案都同步起来。
24. Free Lorem Ipsum Generator
![](https://i-blog.csdnimg.cn/blog_migrate/9feda85a62bcd89b8fe400809c8962e5.jpeg)
这是最好的假文生成器,能够在Photoshop、AI、ID和Dreamweaver 中使用。
25. Free Behance Presentation Builder
![](https://i-blog.csdnimg.cn/blog_migrate/039e9b6bd74735067801a91ef00625e9.jpeg)
这个免费的Behance 展示生成器能够借助一个免费PSD文档和PS动作帮你将作品制作成展示效果。
26. Kaku
![](https://i-blog.csdnimg.cn/blog_migrate/8e5bcf755bc0ee1caf89ee5cd81b16e3.jpeg)
一个简单的PS插件。能够帮你将图层中的文本而翻译成不同的语言。
27. Instagram Filters
![](https://i-blog.csdnimg.cn/blog_migrate/0d926b16660a8ff09088fa6ead0a34ba.jpeg)
这是一组13个滤镜,能够在PS中帮你将图片制作成类似Instagram的效果。
28. VSCO Cam Effect in Photoshop Tutorial
![](https://i-blog.csdnimg.cn/blog_migrate/720b21beab9bd5b142b6811c41612f36.jpeg)
来自Go Media的Simon Hartmann 撰写了这篇有用而炫酷的教程。教你怎样在Photoshop中实现VSCO处理图片的效果。
29. Social Kit
![](https://i-blog.csdnimg.cn/blog_migrate/c0db535260857330156d5f81b6ab4107.jpeg)
这款Photoshop插件包括了一系列可用于社交媒体的图片、广告Banner和资料信息等内容。
30. Mobile UI Blueprint psd files
![](https://i-blog.csdnimg.cn/blog_migrate/7154808ae691b0171951a98caed075ce.jpeg)
这是一组免费的包括大量移动端UI元素的PSD文档。
31. Free Images
![](https://i-blog.csdnimg.cn/blog_migrate/8d9fada4297750f3c7b841b123761064.jpeg)
这个站点之前一直以sxc.hu而闻名。当中包括了395000 多个可免费下载的图片。
32. UI Cloud
![](https://i-blog.csdnimg.cn/blog_migrate/f1bffa68fea965d0e59ab004d251892f.jpeg)
这是世界上最大的UI设计数据库,如今它包括了超过46000个UI控件,而且能够免费下载。
33. Mock Up Zones
![](https://i-blog.csdnimg.cn/blog_migrate/f206eb5fd168b7423a3edd43b0bb8a38.jpeg)
Mockup Zones 为你提供了大量优秀的免费视觉稿下载,从iPhone、iPad 的界面设计到商业名片和文化衫设计,覆盖广泛。
34. Macbook Air and Thunderbolt Display
![](https://i-blog.csdnimg.cn/blog_migrate/1aacfd109f96d8a82b3597791683c46f.jpeg)
这是一组用来展示设计作品的Macbook Air 和 Thunderbolt 显示的视觉稿 PSD文档。
35. Greyscalegorilla 3D Tutorials
![](https://i-blog.csdnimg.cn/blog_migrate/9578aa70d54d16b7502190eabbd882bd.jpeg)
设计师 Greyscale Gorilla 的个人站点。这个才华横溢的设计师在自己的站点中公布了很多制作3D设计作品的教程。
36. Vray Materials
![](https://i-blog.csdnimg.cn/blog_migrate/a2e8ddc7421477b10e052125767f3325.jpeg)
假设你是常常使用C4D的设计师的话。这个站点不要错过,当中有很多优质的贴图材质素材。
37. Blendme
![](https://i-blog.csdnimg.cn/blog_migrate/91671da530aee0d16df55def98c92c76.jpeg)
这个可用于PS和AI的插件能够让你直接在软件中搜索并获取各类素材。
38. AdobeKnowHow
![](https://i-blog.csdnimg.cn/blog_migrate/9af2cef2dfc872b9724d7d25338f0921.jpeg)
这个是Adobe最新推出的教程站点,提供了几款著名软件的免费的0基础课程。
39. Tuts+
![](https://i-blog.csdnimg.cn/blog_migrate/8eb2a36d7f323ff02575e347fb4c43ed.jpeg)
这是最知名的PS教程站点,不论你是刚開始学习的人还是专业的设计师。都能从中获益良多。
40. Pixeden
![](https://i-blog.csdnimg.cn/blog_migrate/12568b16295fb308d57f034ab6ccd110.jpeg)
这是一个堪称伟大的免费资源包。从视觉稿到模板、图标,很全面,不要错过。