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